@font-face{font-family:ArenaTitle;src:url('assets/fonts/arena-title.woff2') format('woff2');font-weight:900;font-display:swap}
:root{color-scheme:light;--ink:#fff;--text:#18191c;--muted:#61666d;--blue:#007ba6;--line:#e5e7eb;--cream:#007ba6;--safe-vh:100vh}
@supports(height:100svh){:root{--safe-vh:100svh}}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fff;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible,input:focus-visible{outline:2px solid #007ba6;outline-offset:4px}
[hidden]{display:none!important}::selection{background:#d3edf7;color:#14242d}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.experience{min-height:var(--safe-vh);position:relative;isolation:isolate;overflow:hidden}
.ambient{position:absolute;inset:-40px;z-index:-2;background-size:cover;background-position:center;filter:blur(22px);opacity:.16;pointer-events:none}
.experience::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,#f6f7f4cc,#f4f8faf2 50%,#fff4f5d9);pointer-events:none}
.language-button{background:#fff9;border:1px solid #d5dce1;border-radius:999px;color:#343d45;font-size:12px;min-height:44px;padding:8px 12px;max-width:170px;cursor:pointer}.language-button option{background:#fff;color:#20282f}
.icon-button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff75;border-radius:50%;color:#fff;background:#17222b9e}.icon-button svg{width:18px;height:18px}.icon-button:hover{background:#17222be6}
.image-stage{position:absolute;inset:0;overflow:hidden;border-radius:12px;background:#17222b;box-shadow:0 16px 40px #263d4a26}
.slide{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .65s ease;pointer-events:none}.slide.active{opacity:1}
.image-error{position:absolute;inset:38% 10% auto;text-align:center;color:white;font-size:13px;line-height:1.6}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.guide-open,.guide-open body{overflow:hidden;overscroll-behavior:none}
dialog{padding:0;border:0;border-radius:22px;background:#fff;color:#20282f;width:min(440px,calc(100vw - 32px));max-height:calc(var(--safe-vh) - 32px);box-shadow:0 24px 100px #16293640;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
dialog::backdrop{background:#15232e82}.guide-card{position:relative;padding:32px 26px max(22px,env(safe-area-inset-bottom))}.close-guide{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;background:transparent;color:#61666d}.close-guide:hover{background:#f0f3f5}
.safari-mark{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 16px;color:#1685bb}.safari-mark svg{width:56px;height:56px;fill:#f1f8fc;stroke:#1685bb;stroke-width:1.5}.safari-mark .north{fill:#d34646;stroke:#fff}.safari-mark .south{fill:#1685bb;stroke:#fff}
#guide-title{font-size:22px;line-height:1.5;text-align:center;margin:0 24px 14px;font-weight:650}.guide-hint{font-size:13px;line-height:1.75;color:#61666d;margin:0 0 20px}.guide-steps{list-style:none;padding:0;margin:0;display:grid;gap:16px}.guide-steps li{display:flex;gap:12px;align-items:flex-start;line-height:1.7;font-size:14px;overflow-wrap:anywhere}.step-number{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;background:#eaf6fa;border-radius:50%;color:#007ba6;font-size:13px}.guide-divider{border-top:1px solid #e5e7eb;padding-top:18px;margin:22px 0 14px;font-size:12px;line-height:1.7;color:#61666d;text-align:center}
.copy-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:100%;padding:12px 16px;border:0;border-radius:10px;background:#007ba6;color:#fff;font-weight:600;font-size:14px}.copy-button svg{width:18px;height:18px}.copy-button:hover{background:#00658a}.copy-status{font-size:12px;line-height:1.7;color:#28683f;min-height:20px;margin:12px 0 0;text-align:center;overflow-wrap:anywhere}.manual-copy{display:grid;gap:8px;font-size:12px;line-height:1.6;margin-top:14px;color:#61666d}.manual-copy input{font-size:16px;min-height:48px;width:100%;padding:10px;background:#f4f6f8;color:#20282f;border:1px solid #cdd5db;border-radius:8px;direction:ltr;text-align:left;-webkit-user-select:text;user-select:text}
dialog[data-fallback][open]{position:fixed;inset:16px 0;margin:auto;z-index:100;box-shadow:0 0 0 100vmax #15232e82}
@supports(height:100dvh){dialog{max-height:calc(100dvh - 32px)}}
@media(max-height:600px) and (orientation:landscape){dialog{width:min(620px,calc(100vw - 48px))}.guide-card{padding:20px 24px 16px}.safari-mark{display:none}#guide-title{font-size:18px}.guide-hint{margin-bottom:12px}.guide-steps{gap:8px}.guide-divider{margin:12px 0;padding-top:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.slide{transition:none}}