#title{gap:clamp(18px,4vw,64px);padding:40px 5vw 24px;overflow-y:auto;touch-action:pan-y;background:radial-gradient(ellipse at 80% 12%,#fff7d5 0,transparent 45%),linear-gradient(160deg,#c6edff,#f5fbec 65%,#ffedbf)}
#title::after{height:12%;background:repeating-linear-gradient(90deg,#4da16d 0 32px,#438c60 32px 64px);border-top:6px solid #8bca81;opacity:.35;pointer-events:none}
#tcv{width:min(46vw,520px);border:6px solid #fff9e9;border-radius:16px;box-shadow:0 14px 0 #33536618;transform:rotate(-2deg)}
#title .tx{gap:12px;max-width:500px}
#title .kicker{color:#347154;font-size:11px;letter-spacing:.2em;background:#ffffffa6}
#title .logo{gap:8px;margin:4px 0 8px}
#title p{background:transparent;padding:0;max-width:360px;line-height:1.7}
#title .journey{font-size:12px;color:#416c64;letter-spacing:.05em}
#bStart{min-width:200px;padding:12px 36px;min-height:52px}
.suika-share-actions{display:flex;gap:10px;flex-wrap:wrap}
.suika-share-actions button{font:700 13px 'DotGothic16',sans-serif;border:1px solid #437c70;border-radius:9px;background:#fff9e9;color:#245749;padding:10px 18px;min-height:42px;cursor:pointer;touch-action:manipulation}
#title details{max-width:380px;font-size:12px;background:#ffffffa6;border:1px solid #ffffff;border-radius:10px}
#suika-share-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(92vw,460px);max-height:88dvh;overflow:auto;border:2px solid #8bcaa0;border-radius:18px;padding:24px;background:#fff9e9;color:#193c36;font:15px/1.6 system-ui,sans-serif;touch-action:pan-y}
#suika-share-dialog::backdrop{background:#092238bb}
#suika-share-dialog h2{font-size:21px;margin:0 32px 12px 0}
#suika-share-dialog p{font-size:13px}
#suika-share-dialog textarea{width:100%;height:112px;resize:vertical;border:1px solid #a7c6ba;border-radius:8px;padding:10px;font:13px/1.5 monospace;background:#fff;color:#163e35;user-select:text;-webkit-user-select:text;touch-action:pan-y}
#suika-copy{border:0;border-radius:9px;background:#286b4c;color:#fff;padding:12px 24px;font-weight:700;min-height:44px;cursor:pointer}
.suika-close{position:absolute;right:12px;top:10px;width:40px;height:40px;border:0;background:transparent;color:#245749;font-size:28px;cursor:pointer}
#suika-share-status{min-height:1.6em;margin-bottom:0}
button:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #176d9b;outline-offset:3px}
@media(orientation:portrait){#title{justify-content:flex-start;padding:40px 20px 30px;gap:20px}#tcv{width:min(78vw,360px);flex-shrink:0}#title .tx{align-items:center;text-align:center;gap:10px}.logo span{font-size:clamp(32px,9vw,48px)}.logo b{font-size:clamp(40px,12vw,60px)}#title p{font-size:13px}#title .journey{font-size:11px}}
@media(orientation:landscape) and (max-height:500px){#title{padding:28px 4vw 16px;gap:24px;align-items:flex-start}#tcv{width:min(40vw,400px);align-self:center}#title .tx{gap:6px}.logo span{font-size:30px}.logo b{font-size:40px}#title .logo{margin:0;gap:5px}#title p{font-size:11px}#title .journey{display:none}#bStart{font-size:17px;padding:8px 28px;min-height:44px}.suika-share-actions button{min-height:36px;padding:7px 16px}#title details{font-size:11px}}