.sound-settings{display:grid;gap:12px;width:100%;min-width:0}.sound-enabled{display:flex;align-items:center;gap:8px;min-height:44px}.sound-volume{display:grid!important;grid-template-columns:1fr auto;gap:4px 12px}.sound-volume input{grid-column:1/-1;width:100%;min-height:44px;accent-color:var(--primary)}.sound-volume output{font-variant-numeric:tabular-nums;color:var(--muted)}.sound-preview{display:flex;align-items:end;gap:10px}.sound-preview label{display:grid!important;gap:6px;min-width:0;flex:1}.sound-preview select{min-height:44px;max-width:100%;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:0 10px;font:inherit}.sound-preview button{min-height:44px;flex:none;padding:0 14px;border:1px solid var(--line);border-radius:6px;background:var(--soft);color:var(--ink)}.sound-settings small{display:block;color:var(--muted);line-height:1.6}.duel-context .sound-toggle{display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px;color:var(--ink)}.duel-context>div:has(.sound-toggle){gap:8px}.sound-toggle[aria-pressed=false]{color:var(--muted)}.global-account-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer;font:inherit;white-space:nowrap;flex-shrink:0}.global-account-trigger svg{width:18px;height:18px}.global-account-trigger:hover{background:var(--soft,#ffffff60)}.global-account-sheet{position:fixed;inset:0 0 0 auto;width:min(440px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-left:1px solid var(--border);border-radius:0;background:var(--canvas);color:var(--ink);padding:max(24px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}.global-account-sheet::backdrop{background:#10243d70}.global-account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.global-account-heading small{font-size:11px;color:var(--muted);letter-spacing:.12em}.global-account-heading h2{margin:4px 0 0;font-size:24px}.global-account-heading>button{min-width:44px;min-height:44px;background:transparent;border:0;color:inherit;font-size:28px;cursor:pointer}.global-account-note{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:24px}.global-account-sheet .account-tabs{display:flex;gap:8px;flex-wrap:wrap}.global-account-sheet .account-tabs button{min-height:44px}.global-account-sheet input{font-size:16px}.account-switch-confirm p{line-height:1.7;margin:16px 0}.global-account-sheet .btn-row{flex-wrap:wrap}.global-account-sheet .btn{white-space:normal}.gateway-account-tools{display:flex;align-items:center;gap:10px;pointer-events:auto}.gateway-account-tools .global-account-trigger{font-size:12px;letter-spacing:0;background:#faf8efc9;color:#294a3c}.gateway-entering .gateway-masthead:has(.gateway-account-tools){opacity:1}@media(max-width:700px){.global-account-sheet{inset:auto 0 0;width:100%;height:auto;max-height:92dvh;border-left:0;border-top:1px solid var(--border);border-radius:16px 16px 0 0;padding:20px 20px max(24px,env(safe-area-inset-bottom))}.app-header{gap:8px}.app-header .global-account-trigger span{display:none}.world-nav-tools .global-account-trigger{padding:4px}.world-nav-tools .global-account-trigger span{display:none}.gateway-account-tools{gap:4px}.gateway-masthead>span{max-width:65%;letter-spacing:.02em}}@media(max-width:700px){.scene-tools .global-account-trigger span,.duel-context .global-account-trigger span{display:none}}:root{color-scheme:light;--canvas:#f6f5f1;--surface:#fff;--ink:#17233a;--muted:#5c687b;--border:#d5dce6;--primary:#245fcb;--on-primary:#fff;--soft:#eaf0fc;--self:#245fcb;--other:#965b13;--other-soft:#fff0dc;--danger:#b53030}:root[data-theme=dark]{color-scheme:dark;--canvas:#1c1c1e;--surface:#2c2c2e;--ink:#f2f2f7;--muted:#b5b5bf;--border:#48484c;--primary:#93b7ff;--on-primary:#152443;--soft:#293347;--self:#93b7ff;--other:#f1c27a;--other-soft:#393126;--danger:#ffa5a5}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit;transition:background-color .15s,color .15s,border-color .15s}button:disabled{cursor:default;opacity:.5}a{color:var(--primary);text-underline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.3;font-weight:650;letter-spacing:-.02em}h2{font-size:18px;line-height:1.4;font-weight:650}h3{font-size:16px}small{font-size:12px}svg{flex:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:3px}[hidden]{display:none!important}.shell{max-width:1040px;margin:auto;padding:0 32px}.app-header{height:80px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--border)}.brand{padding:0;background:none;border:0;min-height:44px;white-space:nowrap}.brand strong{font-size:18px;font-weight:700}.desktop-nav{display:flex;gap:24px;margin-left:24px}.desktop-nav button,.bottom-nav button{border:0;background:none;min-height:44px;color:var(--muted);padding:8px 0}.desktop-nav button[aria-current=page],.bottom-nav button[aria-current=page]{color:var(--ink);box-shadow:inset 0 -2px var(--primary)}.theme-switch{margin-left:auto;display:flex;align-items:center;gap:8px}.theme-switch svg{width:18px;height:18px}.theme-switch select{border:0;background:transparent;min-height:44px;width:100px;padding:4px;font-size:13px}.identity-pill{color:var(--muted);font-size:12px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav{display:none}.page{padding:40px 0 64px;max-width:760px;margin:auto}.page-heading{margin-bottom:32px}.page-heading p{margin-top:8px;color:var(--muted)}.btn{min-height:44px;padding:10px 20px;border-radius:6px;border:1px solid var(--border);font-weight:600;line-height:1.5;background:var(--surface);white-space:nowrap}.btn.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.btn.secondary:hover:enabled{background:var(--soft)}.btn.primary:hover:enabled{filter:brightness(.94)}.quiet-button,.text-button{background:none;border:0;min-height:44px;padding:8px 0;color:var(--muted);font-size:13px}.text-button{color:var(--primary);text-decoration:underline;text-underline-offset:4px}.btn-row{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.connection-banner,.quota-banner{padding:12px 16px;background:var(--other-soft);color:var(--ink);font-size:14px;margin-top:16px}.quota-banner button{border:0;background:none;color:var(--primary);min-height:44px}.start-options{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid var(--border)}.start-option .btn{width:100%}.start-option p{margin-top:12px;color:var(--muted);font-size:14px}.play-guide{margin-top:32px}.play-guide ol{padding:0;list-style:none;counter-reset:steps;margin:24px 0 8px}.play-guide li{counter-increment:steps;display:grid;grid-template-columns:24px 1fr;column-gap:12px;margin-top:20px}.play-guide li:before{content:counter(steps) ".";color:var(--muted);grid-row:span 2}.play-guide li b{font-size:14px;font-weight:600}.play-guide li span{grid-column:2;color:var(--muted);font-size:14px;margin-top:4px}.home-note{margin-top:32px;color:var(--muted);font-size:12px}.field-label,label[for=nickname]{display:block;font-size:14px;font-weight:600;margin-bottom:8px}input:not([type=checkbox]),select{min-height:44px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--ink);padding:8px 12px;min-width:0}input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);flex:none}.search-input{display:block;width:100%;margin-bottom:24px}.join-duel{max-width:420px;margin:0 auto}.join-duel>p{color:var(--muted);margin:8px 0 32px}.join-duel>label{display:block;font-weight:600;margin-bottom:8px}.join-duel .room-code-input{font:600 24px/1.5 monospace;letter-spacing:.16em;height:56px;margin-bottom:16px}.join-duel>.btn{width:100%}.duel-lobby{max-width:680px;margin:auto}.lobby-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.lobby-invite{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.lobby-invite small{display:block;color:var(--muted);font-size:12px}.room-code{font:650 24px/1.4 monospace;letter-spacing:.12em}.lobby-invite .btn{font-size:13px}.lobby-invite .copied{background:var(--soft);color:var(--primary)}.opponent-picker{padding:0;border:0;margin:24px 0 0}.opponent-picker legend{font-weight:600;font-size:14px;margin-bottom:8px}.opponent-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.opponent-options button,.mode-options button{border:1px solid var(--border);border-radius:6px;background:var(--surface);padding:12px;text-align:left;color:var(--ink)}.opponent-options b,.opponent-options small{display:block}.opponent-options b,.mode-options b{font-size:14px;font-weight:600}.opponent-options small{font-size:12px;color:var(--muted);margin-top:4px}.opponent-options button[aria-pressed=true],.mode-options button[aria-pressed=true]{border-color:var(--primary);background:var(--soft)}.lobby-players{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.lobby-player{display:flex;gap:8px;align-items:center;min-width:0}.profile-symbol{display:grid;place-items:center;flex:none;color:var(--muted);width:32px;height:40px}.profile-symbol svg{width:22px;height:22px}.lobby-player b{font-size:13px;font-weight:600;overflow-wrap:anywhere}.lobby-player small{font-size:12px;display:block;color:var(--muted)}.vacant{color:var(--muted)}.room-rules{border-top:1px solid var(--border);padding-top:24px}.rules-heading{margin-bottom:16px}.mode-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.mode-options b,.mode-options span{display:block}.mode-options span{font-size:12px;color:var(--muted);line-height:1.5;margin-top:8px}.room-rules>label{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;font-size:14px}.room-rules select{font-size:14px;width:200px;max-width:58%}.rule-duration{display:flex;align-items:center;gap:8px}.rule-duration input{width:88px}.rule-duration span{color:var(--muted);font-size:13px}.rule-presets{display:flex;gap:8px;margin:0 0 8px}.rule-presets button{min-height:44px;flex:1;border:1px solid var(--border);border-radius:6px;background:transparent;font-size:12px}.rule-presets button[aria-pressed=true]{background:var(--soft);color:var(--primary);border-color:var(--primary)}.room-rules>.rule-checkbox{justify-content:flex-start}.rule-summary{font-size:13px;color:var(--muted);margin:16px 0}.rule-summary p{margin:4px 0}.rule-caption{font-size:12px;color:var(--muted);margin-top:8px}.room-rules>.btn{width:100%;font-size:13px}.lobby-actions{display:flex;gap:8px;margin-top:24px}.lobby-actions .btn{flex:1}.lobby-footnote{font-size:12px;color:var(--muted);margin-top:8px}.profile-tabs,.account-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin-bottom:24px}.profile-tabs button,.account-tabs button{min-height:44px;padding:8px 0;border:0;background:none;font-size:14px;color:var(--muted)}.profile-tabs button[aria-pressed=true],.account-tabs button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -2px var(--primary)}.profile-layout{max-width:560px}.profile-card>input{display:block;width:100%;margin-bottom:24px}.avatar-options{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.avatar-options button{min-height:44px;min-width:0;padding:4px;border:1px solid transparent;border-radius:6px;background:none;display:grid;place-items:center;color:var(--muted)}.avatar-options button[aria-pressed=true]{border-color:var(--primary);background:var(--soft);color:var(--primary)}.avatar-options svg{width:22px;height:22px}.profile-card>.quiet-button{display:block;margin:8px 0 16px}.feedback-settings{border:0;border-top:1px solid var(--border);padding:16px 0 0;margin:32px 0 24px}.feedback-settings legend{padding:0 8px 0 0;font-weight:600;font-size:14px}.feedback-settings label{display:flex;align-items:center;gap:8px;min-height:44px}.feedback-settings small{display:block;color:var(--muted);margin-top:8px}.account-panel>h2{margin-bottom:8px}.account-panel>p{color:var(--muted);font-size:14px;margin:8px 0 24px}.account-panel form label{display:block;font-size:14px;margin-top:16px}.account-panel form input{display:block;width:100%;margin-top:8px}.account-panel form small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.account-panel form .btn{margin-top:24px}.account-panel [role=alert]{color:var(--danger);margin-top:16px}.recovery-card{background:var(--soft);padding:24px;margin-top:24px}.recovery-card p{font-size:14px;margin:12px 0}.recovery-card code{display:block;overflow-wrap:anywhere;padding:16px 0;-webkit-user-select:all;user-select:all}.recovery-card .btn{margin:8px 8px 0 0;white-space:normal}.profile-totals{margin:16px 0 24px}.profile-totals>div{display:flex;justify-content:space-between;padding:8px 0}.profile-totals dt{color:var(--muted)}.profile-totals dd{margin:0;font-variant-numeric:tabular-nums}.history-section>p{font-size:12px;margin-bottom:24px}.history-row{display:flex;flex-wrap:wrap;gap:8px 16px;padding:16px 0;border-top:1px solid var(--border);font-size:14px}.history-row strong{margin-left:auto}.history-row small{color:var(--muted)}.word-row{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--border)}.word-row>div{min-width:0}.word-row .btn{flex:none;font-size:13px;padding:8px 16px}.word{font-weight:650;font-size:20px;overflow-wrap:anywhere}.study-word{border:0;background:none;padding:4px 0;min-height:44px;text-align:left}.word-row p,.word-row small{display:block;margin-top:4px;font-size:14px;color:var(--muted);overflow-wrap:anywhere}.empty-state{padding:32px 0}.empty-state p{margin:8px 0 24px;color:var(--muted);font-size:14px}.result-layout{display:grid;grid-template-columns:1fr;gap:40px}.result-card h1{font-size:26px}.result-card>p{color:var(--muted);margin:12px 0;font-size:14px}.result-score{display:flex;align-items:center;gap:24px;margin:24px 0}.result-score>b{font-size:40px;line-height:1.3;font-variant-numeric:tabular-nums}.result-score>span{color:var(--muted);font-size:14px}.result-stats{display:flex;gap:32px;margin-bottom:24px}.result-stats b,.result-stats small{display:block}.result-stats b{font-size:18px;font-variant-numeric:tabular-nums}.result-stats small{color:var(--muted);margin-top:4px}.result-card>.btn{margin:12px 8px 0 0}.word-recap>h2:not(:first-child){margin-top:32px}.recap-chain{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.recap-chain button{background:var(--surface);border:1px solid var(--border);border-radius:6px;min-height:44px;padding:8px 12px;font-size:16px}dialog{color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:24px;max-width:calc(100% - 32px)}dialog::backdrop{background:#0008}.modal{width:440px}.modal p{margin-top:16px;font-size:14px;line-height:1.7}.lexeme-sheet{width:580px;max-height:85dvh;overflow-y:auto;overscroll-behavior:contain}.lexeme-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.lexeme-top button{width:44px;height:44px;border:0;background:none;font-size:26px}.lexeme-sheet h2{font-size:32px;margin:8px 0 16px;overflow-wrap:anywhere}.lexeme-ipa{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:15px}.lexeme-meaning{margin:12px 0 24px}.lexeme-sheet section{padding:16px 0;border-top:1px solid var(--border)}.lexeme-sheet section>small{color:var(--muted)}.lexeme-sheet section p{margin-top:8px}.lexeme-sheet blockquote{margin:16px 0 0;padding-left:16px;border-left:2px solid var(--border);color:var(--muted)}.lexeme-sheet h3{font-size:14px;margin-bottom:12px}.lexeme-tags{display:flex;flex-wrap:wrap;gap:16px}.lexeme-tags>span{font-size:16px}.lexeme-tags small{display:block;color:var(--muted);font-size:12px}.lexeme-sheet footer{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px}.lexeme-sheet footer a{display:flex;align-items:center;min-height:44px;font-size:12px}.lexeme-locked{padding:16px 0;font-size:14px;color:var(--muted)}@media(max-width:700px){.shell{padding:0 20px}.app-header{height:64px;gap:16px}.brand strong{font-size:16px}.desktop-nav,.identity-pill{display:none}.theme-switch select{width:96px;font-size:12px}.page{padding:24px 0 100px}.page-heading{margin-bottom:24px}h1{font-size:26px}.start-options{grid-template-columns:1fr;gap:24px;padding-bottom:24px}.play-guide{margin-top:24px}.play-guide ol{margin-top:16px}.home-note{margin-top:24px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:var(--canvas);border-top:1px solid var(--border);padding:4px 16px max(4px,env(safe-area-inset-bottom));z-index:4}.bottom-nav button{width:30%;font-size:13px}.lobby-title{margin-bottom:16px}.opponent-picker{margin-top:16px}.lobby-players{margin:16px 0}.room-rules{padding-top:16px}.mode-options button{padding:12px 8px}.mode-options b{font-size:13px}.mode-options span{font-size:12px}.room-rules>label{gap:8px}.room-rules select{padding:8px;font-size:13px}.avatar-options{gap:4px}.word-row{gap:16px}.profile-tabs{gap:24px}.recovery-card{padding:16px}.lexeme-sheet{margin:auto auto 0;max-width:100%;width:100%;border-radius:8px 8px 0 0;padding:16px 24px max(24px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.link-word-wrap{position:relative;display:block;max-width:100%}.link-word{display:inline-block}.word-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:var(--self)}.from-opponent .word-burst{color:var(--other)}.word-spark{position:absolute;width:16px;height:16px;fill:currentColor;opacity:0}.spark-left{left:-20px;top:35%;rotate:-12deg}.spark-right{right:-18px;top:12%;width:12px;height:12px;rotate:18deg}.spark-dot{width:5px;height:5px;right:0;top:0;background:currentColor;border-radius:50%}.duel-player .duel-avatar{border-radius:50%;transition:background-color .3s,box-shadow .3s}.duel-player.active .duel-avatar{background:var(--soft);box-shadow:0 0 0 4px color-mix(in srgb,var(--self) 8%,transparent)}.duel-player.opponent.active .duel-avatar{background:var(--other-soft);box-shadow:0 0 0 4px color-mix(in srgb,var(--other) 8%,transparent)}.duel-content:before{content:"";position:absolute;top:15%;right:0;bottom:10%;left:0;pointer-events:none;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--self) 5%,transparent),transparent 70%);opacity:.8;transition:background-color .3s}.is-opponent .duel-content:before{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--other) 6%,transparent),transparent 70%)}.live-lexeme{position:relative}.is-urgent.is-mine .duel-initial{animation:turn-nudge 1s ease-in-out infinite}@keyframes turn-nudge{50%{transform:scale(1.08)}}@font-face{font-family:Chakra;src:url(/fonts/chakra-petch/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Chakra;src:url(/fonts/chakra-petch/ChakraPetch-Bold.ttf) format("truetype");font-weight:700;font-display:swap}.in-battle{overflow:hidden}.battle-active{position:fixed;inset:var(--duel-viewport-top,0px) 0 auto;height:var(--duel-viewport-height,100dvh);background:var(--canvas);color:var(--ink)}.battle-active .app-header{display:none}.battle-active .shell,.battle-active .page{max-width:none;padding:0}.duel.arena{position:relative;display:flex;flex-direction:column;height:var(--duel-viewport-height,100dvh);width:100%;max-width:800px;margin:auto;padding:max(12px,env(safe-area-inset-top)) 32px 0;overflow:hidden;background:var(--canvas)}.duel button{font-family:inherit}.duel-players{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;gap:8px;flex:none;padding:8px 0 16px}.duel-player{display:flex;align-items:center;gap:8px;min-width:0}.duel-player.opponent{flex-direction:row-reverse;text-align:right}.duel-avatar{display:grid;place-items:center;width:40px;height:40px;flex:none;color:var(--self)}.opponent .duel-avatar{color:var(--other)}.duel-avatar svg{width:26px;height:26px}.duel-player b{display:block;font-size:13px;font-weight:600;max-width:180px;overflow-wrap:anywhere;line-height:1.4}.self-marker{margin-left:4px;font-size:10px;font-weight:400;color:var(--muted)}.duel-player small,.duel-player [data-testid=score-opponent]{display:block;color:var(--muted);font-size:12px;margin-top:2px}.duel-center{display:flex;flex-direction:column;align-items:center;color:var(--muted)}.duel-center>span{font-size:11px;letter-spacing:.08em}.duel-center strong{font:700 24px Chakra,monospace;color:var(--ink)}.duel-center small{font-size:10px;white-space:nowrap}.duel-content{position:relative;display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0}.duel-chain{display:flex;flex-direction:column;flex:0 1 auto;min-height:86px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding:8px 0 0}.duel-chain-label,.chain-spacer,.link-detail{display:none}.duel-link{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:56px;width:100%;padding:8px 28px;border:0;background:none}.link-word{font:400 24px/1.3 Chakra,sans-serif;color:var(--muted);max-width:100%;overflow-wrap:anywhere}.link-word em{font-style:normal}.link-owner{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:11px;color:var(--self)}.from-opponent .link-owner{left:auto;right:0;color:var(--other)}.system .link-owner{color:var(--muted)}.system .link-word{font-size:21px}.duel-link.current{min-height:86px;padding:12px 24px 0}.duel-link.current .link-word{font-size:clamp(36px,9vw,56px);font-weight:700;letter-spacing:-.025em;color:var(--ink)}.duel-link.current em{display:inline-block;color:var(--self)}.duel-link.current.from-opponent em{color:var(--other)}.live-lexeme{flex:0 0 auto;max-height:210px;overflow:auto;text-align:center;padding:4px 16px 16px;margin:0;background:none;border:0;box-shadow:none}.live-heading{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:16px;margin-bottom:8px}.live-heading button{border:0;background:none;color:var(--muted);font-size:12px;min-height:36px;padding:4px 0}.live-heading>span{font-size:14px;color:var(--muted)}.live-lexeme p{font-size:15px;line-height:1.6;max-width:48ch;margin:0 auto 8px}.live-example{color:var(--muted);font-size:14px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.live-lexeme [data-testid=live-meaning]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.chain-older,.duel-new-word{border:1px solid var(--border);background:var(--surface);border-radius:6px;font-size:12px;min-height:44px;padding:8px 16px}.chain-older{margin:0 auto 8px;flex:none}.duel-new-word{position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:2;white-space:nowrap}.duel-dock{flex:none;padding:0 0 max(12px,env(safe-area-inset-bottom))}.duel-context{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;font-size:12px;color:var(--muted)}.duel-context>span{font-weight:600;color:var(--self)}.is-opponent .duel-context>span{color:var(--other)}.duel-context>div{display:flex;gap:16px}.duel-context button{background:none;border:0;padding:8px 0;min-height:44px;font-size:12px;color:var(--muted)}.duel-action{display:flex;align-items:center;gap:12px;min-height:78px;padding:9px 12px;border:0;border-radius:6px;background:var(--soft);transition:background-color .15s}.is-opponent .duel-action{background:var(--other-soft)}.duel-action:focus-within{background:color-mix(in srgb,var(--soft) 80%,var(--surface))}.letter-timer{position:relative;width:58px;height:58px;flex:none;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--self)}.letter-timer svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke-width:2.4;overflow:visible;pointer-events:none}.timer-track{stroke:currentColor;opacity:.15}.timer-arc{stroke:currentColor;stroke-linecap:round;transform:rotate(-90deg);transform-origin:30px 30px;transition:stroke-dashoffset .12s linear}.duel-initial{font:700 24px/27px Chakra,monospace}.ring-seconds{font:700 10px/12px Chakra,monospace;min-height:12px;color:var(--muted);font-variant-numeric:tabular-nums}.ring-seconds small{font:8px system-ui;margin-left:1px}.is-opponent .letter-timer{color:var(--other)}.is-urgent .letter-timer{color:var(--danger)}.duel-composer{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.duel-composer input,.duel-composer input:focus,.duel-composer input:focus-visible{flex:1;width:0;min-width:0;min-height:44px;padding:4px 0;border:0;outline:none;box-shadow:none;border-radius:0;background:transparent;color:var(--ink);font:400 22px Chakra,system-ui,sans-serif}.duel-composer input::placeholder{font:14px system-ui;color:var(--muted)}.duel-composer button{position:static;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:6px;background:var(--primary);color:var(--on-primary)}.duel-composer button svg{width:22px;height:22px}.duel-waiting{display:flex;align-items:center;gap:12px;flex:1;min-height:44px;font-size:14px;color:var(--muted)}.duel-waiting>span{display:flex;gap:4px}.duel-waiting i{width:3px;height:3px;background:currentColor;border-radius:50%;animation:thinking 1.6s ease-in-out infinite}.duel-waiting i:nth-child(2){animation-delay:.2s}.duel-waiting i:nth-child(3){animation-delay:.4s}@keyframes thinking{0%,70%,to{opacity:.3}35%{opacity:1}}.duel-feedback{font-size:12px;min-height:20px;margin-top:8px;text-align:center;color:var(--muted)}.duel[data-feedback-kind=WORD_NOT_FOUND] .duel-feedback,.duel[data-feedback-kind=DUPLICATE_WORD] .duel-feedback,.duel[data-feedback-kind=WRONG_INITIAL] .duel-feedback{color:var(--danger)}.duel-skip{display:block;margin:auto;min-height:44px;padding:8px;border:0;background:none;font-size:13px;color:var(--primary)}.duel-reset{font-size:12px;color:var(--muted);text-align:center;margin-top:4px}.duel-connection{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;background:var(--other-soft);font-size:12px;flex:none}.duel-connection button{min-height:44px;border:0;background:none;text-decoration:underline;color:inherit}@media(max-width:700px){.duel.arena{padding-left:20px;padding-right:20px}.duel-player b{font-size:12px;max-width:110px}.duel-player small,.duel-player [data-testid=score-opponent]{font-size:11px}.duel-link.current .link-word{font-size:clamp(36px,10vw,48px)}}.keyboard-open .duel.arena{padding-top:4px}.keyboard-open .duel-players{padding:4px 0 8px}.keyboard-open .duel-avatar{width:30px;height:30px}.keyboard-open .duel-avatar svg{width:22px;height:22px}.keyboard-open .duel-player b{font-size:11px}.keyboard-open .duel-chain{min-height:42px;padding:0}.keyboard-open .duel-link:not(.current){min-height:36px;padding:4px 24px}.keyboard-open .duel-link.current{min-height:42px;padding:4px 24px}.keyboard-open .duel-link.current .link-word{font-size:30px}.keyboard-open .live-lexeme{padding:0 12px 4px;max-height:100px}.keyboard-open .live-heading{margin-bottom:4px}.keyboard-open .live-heading button{font-size:11px;min-height:28px}.keyboard-open .live-heading>span{font-size:12px}.keyboard-open .live-lexeme p{font-size:12px;margin-bottom:4px;line-height:1.5}.keyboard-open .live-example{font-size:12px!important;-webkit-line-clamp:1}.keyboard-open .duel-dock{padding-bottom:6px}.keyboard-open .duel-context,.keyboard-open .duel-context button{min-height:36px}.keyboard-open .duel-action{min-height:64px;padding:6px 10px}.keyboard-open .letter-timer{width:50px;height:50px}.keyboard-open .duel-initial{font-size:22px;line-height:23px}.keyboard-open .duel-feedback{margin-top:4px;font-size:11px}.keyboard-open .duel-skip{min-height:32px;padding:4px}.keyboard-open .duel-reset{display:none}@media(prefers-reduced-motion:reduce){.duel *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.duel-link.current .link-word{transform:none!important;opacity:1!important;visibility:visible!important}}.duel-content{padding-bottom:44px}.duel-message-anchor{height:0;position:relative;z-index:3;pointer-events:none}.duel .duel-feedback.message-toast{position:absolute;bottom:4px;left:50%;translate:-50% 0;display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;min-height:36px;margin:0;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font-size:12px;line-height:1.5;text-align:left;visibility:hidden;opacity:0;pointer-events:none}.message-toast svg{flex:none;width:18px;height:18px}.message-toast.message-success svg{color:var(--self)}.duel-feedback.message-toast.message-error{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.duel-feedback.message-toast.is-visible{visibility:visible;opacity:1;animation:feedback-rise 3.4s ease both}.duel-feedback.message-toast.is-pending{animation:feedback-appear .2s ease both}@keyframes feedback-rise{0%{opacity:0;transform:translateY(12px)}5.88%,94.12%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes feedback-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.live-lexeme{max-height:250px}.live-translation{font-size:14px!important;color:var(--ink);line-height:1.6!important}.live-translation small,.example-translation small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.example-translation{font-size:14px;color:var(--ink)}.keyboard-open .live-lexeme{max-height:138px}.keyboard-open .live-translation{font-size:12px!important}.keyboard-open .live-translation small{display:inline;margin-left:8px}.keyboard-open .message-toast{font-size:11px;min-height:32px;padding:6px 10px}.duel-effects{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;overflow:hidden}.word-flight{position:absolute;display:block;text-align:center;overflow-wrap:anywhere;transform-origin:50% 70%;pointer-events:none}.word-flight em{font-style:normal}.live-lexeme{opacity:1}.duel-content{padding-bottom:66px}.duel .duel-feedback.message-toast{padding:0;border:0;border-radius:0;background:transparent;color:#fff7ea;filter:drop-shadow(0 4px 0 #131e3440);max-width:calc(100% - 12px)}.message-surface{display:flex;align-items:center;gap:10px;padding:9px 18px 10px 12px;min-height:54px;background:#203763;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%,0 8px)}.message-emblem{display:grid;place-items:center;flex:none;width:30px;height:30px;rotate:-8deg;background:#f4cb63;color:#182540;box-shadow:2px 2px #0003}.message-copy{display:flex;flex-direction:column;gap:1px;line-height:1.45}.message-copy b{font-size:11px;letter-spacing:.1em;color:#f4cb63}.message-copy>span{font-size:12px}.message-speed{font:700 24px Chakra,monospace;opacity:.28;align-self:stretch;line-height:1.3}.duel-feedback.message-toast.message-error{color:#fff7ea;border:0}.message-error .message-surface{background:#853e35}.message-error .message-emblem{background:#ffaf82;color:#4c1f22}.message-error .message-copy b{color:#ffca9f}.message-success .message-emblem svg{color:inherit}.message-toast.message-error.is-visible .message-surface{animation:duel-reject .405s ease-out both}@keyframes duel-reject{0%,to{transform:translate(0)}13.6%{transform:translate(-7px)}30.9%{transform:translate(7px)}48.2%{transform:translate(-5px)}65.4%{transform:translate(4px)}}.keyboard-open .duel-content{padding-bottom:42px}.keyboard-open .message-surface{min-height:34px;padding:5px 12px 5px 8px;gap:7px}.keyboard-open .message-copy b,.keyboard-open .message-speed{display:none}.keyboard-open .message-emblem{width:23px;height:23px}.keyboard-open .message-emblem svg{width:17px;height:17px}@media(prefers-reduced-motion:reduce){.word-flight{display:none}.message-surface{animation:none!important}}.watch-stage{--watch-blue:#226aa2;--watch-gold:#9a691e;max-width:1160px;margin:0 auto;padding:12px 0 32px}.watch-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:20px}.watch-heading h1{font-size:clamp(28px,4vw,44px);margin:8px 0}.watch-heading p{margin:0;color:var(--muted)}.watch-heading button{flex-shrink:0;min-height:44px}.watch-entry{max-width:560px;margin:24px auto;text-align:center}.watch-entry-art{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:24px}.watch-entry-art svg,.watch-entry-art img{width:110px;height:110px;object-fit:contain}.watch-entry-art>span{font-family:Chakra,system-ui,sans-serif;font-size:24px;color:var(--muted)}.watch-entry form{display:grid;grid-template-columns:1fr auto;gap:12px;text-align:left}.watch-entry label{grid-column:1/-1}.watch-entry input{min-width:0;min-height:48px;letter-spacing:.18em;font-size:22px}.watch-entry small{display:block;margin-top:14px;color:var(--muted)}.watch-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:16px;font-size:13px;color:var(--muted)}.watch-toolbar button,.watch-access button,.watch-connection button{min-height:44px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:8px}.watch-toolbar>span:first-child{color:var(--ink);font-weight:700}.watch-toolbar>button:last-child{margin-left:auto}.watch-connection{background:#c691291f;border-radius:8px;padding:12px;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.watch-connection>span{flex:1 1 260px;color:var(--muted);font-size:13px}.watch-arena{display:grid;grid-template-columns:220px minmax(0,1fr) 260px;gap:28px;position:relative;min-height:380px}.watch-scoreboard{display:flex;flex-direction:column;gap:28px}.watch-player{display:flex;gap:12px;align-items:center;min-width:0}.watch-avatar{width:76px;height:76px;flex-shrink:0;position:relative}.watch-avatar img,.watch-avatar svg{width:100%;height:100%;object-fit:contain}.watch-player>div:last-child{min-width:0;display:flex;flex-direction:column;gap:6px}.watch-player b{overflow-wrap:anywhere;font-size:17px}.watch-player small,.watch-player span{font-size:12px;color:var(--muted)}.watch-player strong{font-size:32px;color:var(--watch-blue)}.watch-player.side-1 strong{color:var(--watch-gold)}.watch-player em{font-size:12px;font-style:normal;margin-left:4px}.watch-player.thinking .watch-avatar:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid currentColor;color:var(--watch-blue);animation:watch-breathe 2.5s ease-in-out infinite}.watch-player.side-1.thinking .watch-avatar:after{color:var(--watch-gold)}.watch-player.winner .watch-avatar:after{content:"胜";position:absolute;right:-6px;bottom:0;border-radius:50%;padding:6px;background:#377550;color:#fff;transform:rotate(-10deg)}.watch-clock{border-top:1px solid var(--border);padding-top:20px;display:flex;flex-direction:column;gap:4px}.watch-clock strong{font-size:44px;font-variant-numeric:tabular-nums;font-family:Chakra,system-ui,sans-serif}.watch-clock small{color:var(--muted)}.watch-chain-wrap{min-width:0;position:relative}.watch-chain{height:clamp(320px,52dvh,520px);overflow:auto;overscroll-behavior:contain;padding:8px 4px 24px;scrollbar-width:thin;-webkit-mask-image:linear-gradient(transparent,#000 12px,#000 calc(100% - 8px),transparent);mask-image:linear-gradient(transparent,#000 12px,#000 calc(100% - 8px),transparent)}.watch-word{display:flex;align-items:center;gap:10px;min-height:56px;margin:8px 0;padding:6px 4px;border-bottom:1px solid var(--border);color:var(--watch-blue)}.watch-word.side-1{color:var(--watch-gold)}.watch-word.system{color:var(--muted)}.watch-word-index{font-size:11px;opacity:.65;font-variant-numeric:tabular-nums}.watch-word-owner{width:28px;flex-shrink:0;font-size:10px}.watch-word-owner img,.watch-word-owner svg{width:28px;height:28px;object-fit:contain}.watch-word button{min-width:0;min-height:44px;flex:1;border:0;background:transparent;font-family:Chakra,system-ui,sans-serif;font-size:clamp(22px,2.3vw,30px);color:inherit;overflow-wrap:anywhere;text-align:center;cursor:pointer}.watch-word.current{background:#568a9b0f;border-radius:8px;animation:watch-word-enter .2s ease-out}.watch-word small{font-size:11px}.watch-learning{min-width:0;align-self:center}.watch-learning .live-lexeme{position:static!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;opacity:1!important;transform:none!important;display:block!important}.watch-learning .live-desktop-title{display:block}.watch-learning .live-desktop-title strong{display:block;font-family:Chakra,system-ui,sans-serif;font-size:24px;margin:12px 0}.watch-learning .meaning-brief{display:none}.watch-learning p{font-size:13px;color:var(--muted);line-height:1.7}.watch-status{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;min-height:48px;color:var(--muted);font-size:13px;border-top:1px solid var(--border)}.watch-status small{font-variant-numeric:tabular-nums}.watch-live-dot{width:6px;height:6px;background:#377550;border-radius:50%}.watch-stale .watch-live-dot{background:#b18a34}.watch-stale .watch-chain{opacity:.6}.watch-follow{position:absolute;bottom:8px;left:50%;transform:translate(-50%);border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--ink);padding:12px 16px;white-space:nowrap;cursor:pointer}.watch-result{text-align:center;border-top:1px solid var(--border);padding:24px 0}.watch-result h2{font-size:24px}.watch-result p{font-size:14px;color:var(--muted)}.watch-result>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.watch-result>small{display:block;margin-top:14px;color:var(--muted)}.watch-access{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.watch-access button{font-weight:600}.watch-access button[aria-pressed=true]{color:var(--watch-blue)}.watch-access input,.watch-url{width:100%;min-width:0;min-height:44px}.duel-context .watch-access{display:inline-flex}.duel-context .watch-access span{display:none}.watch-home-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.watch-home-links button{min-height:44px;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer}.watch-stage button:focus-visible{outline:2px solid var(--watch-blue);outline-offset:4px}.watch-stage button:disabled{opacity:.45;cursor:default}@keyframes watch-breathe{50%{opacity:.35;transform:scale(1.05)}}@keyframes watch-word-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.watch-stage{padding-top:0}.watch-heading{margin-bottom:12px}.watch-heading h1{font-size:28px}.watch-heading p{font-size:12px}.watch-toolbar{gap:10px;margin-bottom:12px}.watch-arena{grid-template-columns:minmax(0,1fr);gap:12px;min-height:0}.watch-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:10px;align-items:center}.watch-player{gap:8px;align-items:start}.watch-avatar{width:48px;height:48px}.watch-player b{font-size:14px}.watch-player small,.watch-player span{font-size:10px}.watch-player strong{font-size:26px}.watch-player.side-1{grid-column:3;grid-row:1}.watch-clock{grid-column:2;grid-row:1;border:0;padding:0;text-align:center}.watch-clock strong{font-size:26px}.watch-clock small{font-size:9px}.watch-chain{height:clamp(200px,40dvh,360px)}.watch-word button{font-size:26px}.watch-learning{border-top:1px solid var(--border);padding:10px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.watch-learning .live-desktop-title,.watch-learning .live-example,.watch-learning .live-translation{display:none}.watch-learning>p{grid-column:1/-1;margin:0;font-size:11px}.watch-learning .live-lexeme p{margin:4px 0}.watch-learning .live-heading{min-height:0}.watch-status{margin-top:8px;flex-wrap:wrap;padding:8px 0;gap:6px;font-size:12px}.watch-entry-art img,.watch-entry-art svg{width:90px;height:90px}.watch-heading .quiet-button{font-size:12px}.watch-access>span{flex-basis:100%}.duel-context .watch-access{gap:0}.duel-context .watch-access button{padding:4px;font-size:10px}}@media(prefers-reduced-motion:reduce){.watch-player.thinking .watch-avatar:after,.watch-word.current{animation:none}}.app-watch .page{max-width:none}.watch-avatar .portrait-image,.watch-word-owner .portrait-image{width:200%;height:100%;object-fit:fill}.watch-word-owner .player-avatar{width:28px;height:28px}.watch-entry-art>.player-avatar{width:110px;height:110px}.watch-entry-art .portrait-image{width:200%;height:100%;object-fit:fill}.watch-entry-art>.player-avatar>svg{width:56%;height:56%}.watch-learning .live-lexeme{min-width:0;overflow-wrap:anywhere}@media(max-width:700px){.app-watch .app-header{gap:8px}.watch-entry-art>.player-avatar{width:90px;height:90px}}.app-watch:has(.watch-stage[data-room-id]:not([data-room-id=""])) .app-header,.app-watch:has(.watch-stage[data-room-id]:not([data-room-id=""])) .bottom-nav{display:none}.app-watch:has(.watch-stage[data-room-id]:not([data-room-id=""])) .page{padding-bottom:max(16px,env(safe-area-inset-bottom))}@media(min-width:901px){.watch-arena{grid-template-rows:170px minmax(210px,1fr)}.watch-scoreboard{display:contents}.watch-player.side-0{grid-column:1;grid-row:1}.watch-player.side-1{grid-column:3;grid-row:1}.watch-clock{grid-column:1;grid-row:2;align-self:start}.watch-chain-wrap{grid-column:2;grid-row:1/span 2}.watch-learning{grid-column:3;grid-row:2;align-self:start}.watch-chain{height:clamp(340px,58dvh,540px)}}@media(max-width:900px){.app-watch:has(.watch-stage[data-room-id]:not([data-room-id=""])) .page{padding-top:max(16px,env(safe-area-inset-top))}.watch-chain{height:clamp(160px,calc(100dvh - 460px),350px)}}@media(max-width:900px){.watch-toolbar{gap:6px;flex-wrap:nowrap}.watch-toolbar>span:nth-child(2){display:none}.watch-toolbar .global-account-trigger span{display:none}.watch-toolbar>span:first-child{white-space:nowrap;font-size:12px}.watch-toolbar>button:last-child{white-space:nowrap;padding:8px 4px;font-size:12px}.watch-player small{line-height:1.5}.watch-stage{padding-bottom:0}.watch-chain{height:clamp(130px,calc(100dvh - 490px),340px)}.watch-learning .live-lexeme .meaning-full{display:none}.watch-learning .live-lexeme .meaning-brief{display:inline}.watch-heading p{max-width:260px;line-height:1.5}.watch-status{margin-top:0;font-size:11px}.watch-heading .eyebrow{font-size:9px}}@media(max-width:900px){.watch-stage[data-room-id]:not([data-room-id=""]){height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));padding:0;display:flex;flex-direction:column}.watch-heading,.watch-toolbar,.watch-status,.watch-result{flex-shrink:0}.watch-arena{flex:1;min-height:0;grid-template-rows:auto minmax(90px,1fr) auto}.watch-chain-wrap{min-height:0}.watch-chain{height:100%;min-height:0}.watch-result{padding:12px 0}.watch-result h2{font-size:20px;margin:8px 0}.watch-result p{font-size:12px;line-height:1.5}.watch-result>small{font-size:11px}}[data-theme=dark] .watch-stage{--watch-blue:#8cc4ea;--watch-gold:#e5be76}.watch-stage .watch-word.current{background:color-mix(in srgb,var(--watch-blue) 6%,transparent)}@media(min-width:901px){.watch-stage[data-room-id]:not([data-room-id=""]){height:calc(100dvh - 56px);padding-bottom:0;display:flex;flex-direction:column}.watch-heading,.watch-toolbar,.watch-status,.watch-result{flex-shrink:0}.watch-arena{flex:1;min-height:0;grid-template-rows:170px minmax(0,1fr)}.watch-chain-wrap{min-height:0}.watch-chain{height:100%;min-height:0}.watch-learning{min-height:0;align-self:stretch;display:flex;flex-direction:column}.watch-learning .live-lexeme{flex:1;overflow:auto;scrollbar-width:thin}.watch-learning>button,.watch-learning>p{flex-shrink:0}}.room-connecting{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:clamp(260px,58svh,520px);padding:28px 12px 48px;text-align:center;color:var(--ink)}.room-connecting-art{width:min(280px,80vw);margin-bottom:16px}.room-connecting-art svg{display:block;width:100%;height:auto;overflow:visible}.room-connecting h1{font-size:20px;line-height:1.5;letter-spacing:.03em}.room-connecting p{margin-top:9px;color:var(--muted);font-size:13px}.connecting-shadow{fill:var(--ink);opacity:.045}.connecting-trail{stroke:var(--border);stroke-width:2;stroke-dasharray:3 7;stroke-linecap:round}.connecting-letter{transform-box:view-box;stroke-linecap:round;stroke-linejoin:round}.connecting-letter rect{stroke-width:1.5}.connecting-letter path{stroke-width:5}.connecting-letter-w{transform-origin:80px 82px;transform:rotate(-9deg)}.connecting-letter-w rect{fill:var(--soft);stroke:color-mix(in srgb,var(--self) 22%,transparent)}.connecting-letter-w path{stroke:var(--self)}.connecting-letter-d{transform-origin:200px 82px;transform:rotate(9deg)}.connecting-letter-d rect{fill:var(--other-soft);stroke:color-mix(in srgb,var(--other) 22%,transparent)}.connecting-letter-d path{stroke:var(--other)}.connecting-spark{fill:var(--other);opacity:.6}@media(prefers-reduced-motion:no-preference){.connecting-letter-w{animation:connecting-left 1.8s ease-in-out infinite}.connecting-letter-d{animation:connecting-right 1.8s ease-in-out infinite}.connecting-spark{animation:connecting-spark 1.8s ease-in-out infinite}}@keyframes connecting-left{0%,to{transform:translate(0) rotate(-9deg)}50%{transform:translate(10px,-9px) rotate(-3deg)}}@keyframes connecting-right{0%,to{transform:translateY(-9px) rotate(9deg)}50%{transform:translate(-10px) rotate(3deg)}}@keyframes connecting-spark{0%,to{opacity:.3}50%{opacity:.9}}.page.result-page{max-width:960px;padding-top:24px}.match-result{--result-gold:#b67c20;--result-paper:#f4efe3;--result-line:#dcd4c3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}.result-hero{position:relative;overflow:hidden;background:var(--result-paper);border:1px solid var(--result-line);border-radius:16px;padding:20px 24px 16px;text-align:center}.result-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background:repeating-linear-gradient(125deg,transparent 0 23px,#c6bfa619 23px 24px)}.result-hero>*{position:relative}.result-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.result-headline{margin-top:24px}.result-verdict{font:700 13px Chakra,system-ui;letter-spacing:.18em;color:var(--self);display:block;margin-bottom:8px}.outcome-loss .result-verdict{color:var(--other)}.outcome-invalid .result-verdict{color:var(--muted)}.result-headline h1{font-size:clamp(26px,3vw,36px);line-height:1.3;letter-spacing:-.03em;outline:none}.result-headline p{font-size:12px;color:var(--muted);margin-top:10px}.result-illustration{height:185px;position:relative;margin:0 -18px;display:grid;place-items:center}.result-art{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;transform-origin:50% 75%}.result-orbit{position:absolute;width:65%;height:65%;border:1px solid var(--result-line);border-radius:50%;transform:rotate(-16deg)}.result-orbit:after{content:"";position:absolute;top:-12px;right:12px;bottom:-12px;left:12px;border:1px dashed var(--result-line);border-radius:50%}.art-spark{position:absolute;z-index:2;color:var(--result-gold);font-size:20px}.spark-one{left:10%;top:20%;transform:rotate(12deg)}.spark-two{right:9%;bottom:20%;font-size:13px}.result-contestants{display:grid;grid-template-columns:1fr 38px 1fr;align-items:center;margin:0 0 8px;gap:8px}.result-contestant{display:flex;flex-direction:column;align-items:center;min-width:0}.result-avatar{width:36px;height:36px;display:grid;place-items:center;background:var(--soft);color:var(--self);border-radius:10px;margin-bottom:6px}.result-contestant.opponent .result-avatar{background:var(--other-soft);color:var(--other)}.result-avatar svg{width:22px;height:22px}.result-contestant b{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.result-contestant small{font-size:10px;color:var(--muted)}.versus-mark{font:700 15px Chakra,sans-serif;font-style:italic;color:var(--muted)}.result-scoreboard{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center}.score-value{font:700 54px/1.1 Chakra,sans-serif;color:var(--self);font-variant-numeric:tabular-nums}.score-value.opponent{color:var(--other)}.score-value small{font:12px system-ui;margin-left:4px}.result-scoreboard>span{font-size:11px;color:var(--muted)}.result-recap-line{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:12px;margin:16px 0 20px;color:var(--muted)}.result-recap-line b{color:var(--ink);font-weight:650}.result-actions{display:flex;gap:8px}.result-actions .primary{flex:1;display:flex;align-items:center;justify-content:center;gap:24px;min-height:48px}.result-actions .primary span{font-size:22px;font-weight:400}.result-actions .secondary{font-size:13px}.rematch-note{font-size:10px;color:var(--muted);margin:8px 0 12px}.result-save{display:flex;justify-content:center;align-items:center;gap:6px;font-size:11px;color:var(--muted);min-height:24px;flex-wrap:wrap}.result-save .text-button{font-size:11px;min-height:32px;padding:4px}.save-dot{width:5px;height:5px;background:var(--other);border-radius:50%;animation:save-pulse 1.2s ease-in-out infinite}.save-dot.saved{background:var(--self);animation:none}@keyframes save-pulse{50%{opacity:.3}}.result-review{padding-top:8px;min-width:0}.result-review-heading>p{font-size:13px;color:var(--muted);margin-top:6px}.result-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin:20px 0}.result-tabs button{border:0;background:none;min-height:44px;font-size:14px;color:var(--muted);padding:8px 0}.result-tabs button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -3px var(--primary)}.result-comparison{padding:16px 0;border-bottom:1px solid var(--border)}.comparison-labels,.comparison-row{display:grid;grid-template-columns:1fr 100px 1fr;text-align:center;align-items:center;gap:8px}.comparison-labels{font-size:12px;margin-bottom:12px}.comparison-labels>b:first-child,.comparison-row>strong:first-child{color:var(--self)}.comparison-labels>b:last-child,.comparison-row>strong:last-child{color:var(--other)}.comparison-labels>span{color:var(--muted);font-size:11px}.comparison-row{min-height:40px}.comparison-row strong{font:700 21px Chakra,system-ui;font-variant-numeric:tabular-nums}.comparison-row>span{font-size:12px;color:var(--muted)}.personal-highlights{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px 0}.personal-highlights>div{position:relative;min-width:0;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.highlight-icon{display:block;color:var(--result-gold);margin-bottom:12px}.highlight-icon svg{width:22px;height:22px}.personal-highlights small{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.personal-highlights button{display:block;background:none;border:0;padding:0;min-height:36px;font:700 21px/1.4 Chakra,system-ui;color:var(--ink);max-width:100%;overflow-wrap:anywhere;text-align:left}.personal-highlights b{display:block;font:700 24px/1.4 Chakra,system-ui}.personal-highlights p{font-size:11px;color:var(--muted);margin-top:6px}.personal-highlights .fastest-word{font-size:14px;color:var(--muted);font-weight:400}.result-keepsakes{margin-top:8px}.result-keepsakes h3{font-size:17px}.result-keepsakes>p{font-size:12px;color:var(--muted);margin:8px 0}.result-keepsakes .word-row{padding:16px 0;gap:16px}.result-keepsakes .study-word{font:700 21px Chakra,system-ui}.result-keepsakes .study-word>span{font:14px system-ui;color:var(--muted)}.result-keepsakes .word-row small{font-size:13px;line-height:1.6}.result-keepsakes .word-row>.btn{font-size:12px;padding:8px 12px;min-width:72px}.result-chain-panel{padding-bottom:16px}.chain-key{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--self)}.chain-key>span:nth-child(2){color:var(--other)}.chain-key small{color:var(--muted);font-size:11px}.result-chain-panel .recap-chain{gap:8px}.result-chain-panel .recap-chain button{font:400 17px Chakra,system-ui;display:flex;align-items:center;gap:8px;min-height:44px;border:0;background:var(--soft);color:var(--self);border-radius:5px;padding:8px 12px;max-width:100%;overflow-wrap:anywhere}.result-chain-panel .recap-chain button.other{background:var(--other-soft);color:var(--other)}.result-chain-panel .recap-chain button.system{color:var(--muted);background:var(--surface);border:1px dashed var(--border)}.result-chain-panel .recap-chain small{font:10px system-ui;opacity:.7}.result-loading{padding:24px 0;font-size:13px;color:var(--muted)}.result-error{color:var(--danger);font-size:13px;padding:12px 0}.result-overview{border-top:1px solid var(--border);margin-top:32px;padding-top:12px}.result-overview summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;cursor:pointer;font-size:15px;font-weight:600}.result-overview summary span{font-size:11px;font-weight:400;color:var(--muted)}.result-overview>p{font-size:13px;margin:16px 0;color:var(--muted)}.career-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:24px 0}.career-stats b{display:block;font:700 26px Chakra,sans-serif}.career-stats small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.result-overview h3{font-size:13px;margin-bottom:12px}.recent-matches{padding:0;margin:0;list-style:none}.recent-matches li{display:flex;gap:12px;align-items:center;min-height:72px;border-top:1px solid var(--border);font-size:13px}.history-outcome{display:grid;place-items:center;width:32px;height:32px;background:var(--surface);font-weight:700;font-size:12px;border-radius:6px;color:var(--muted)}.history-outcome.outcome-win{color:var(--self);background:var(--soft)}.history-outcome.outcome-loss{color:var(--other);background:var(--other-soft)}.recent-matches li small{display:block;font-size:11px;color:var(--muted)}.recent-matches li>b{margin-left:auto;font:700 21px Chakra,sans-serif}.recent-matches li>b small{display:inline;margin-left:4px}:root[data-theme=dark] .match-result{--result-paper:#222d3a;--result-line:#475366;--result-gold:#efbc69}.outcome-invalid .result-art{filter:grayscale(.7);opacity:.7}.outcome-draw .result-verdict,.outcome-learn .result-verdict{color:var(--result-gold)}@media(min-width:901px){.result-hero{position:sticky;top:24px}.result-illustration{height:220px}.result-review{padding-bottom:24px}}@media(max-width:900px){.match-result{grid-template-columns:1fr;max-width:600px;margin:auto;gap:32px}.result-illustration{height:190px}.result-review{padding:0 4px}.page.result-page{padding-top:16px}.result-headline h1{font-size:30px}.result-headline{margin-top:20px}.result-meta{font-size:10px}}@media(max-width:420px){.result-hero{padding:16px}.result-illustration{height:166px;margin:0 -12px}.result-headline h1{font-size:27px}.result-headline{margin-top:16px}.score-value{font-size:47px}.result-recap-line{margin:12px 0 16px}.result-review-heading h2{font-size:21px}.personal-highlights{gap:10px}.personal-highlights>div{padding:14px 12px}.personal-highlights button{font-size:19px}.result-contestant b{font-size:12px}.result-hero{border-radius:12px}}.result-art{position:absolute;top:0;right:0;bottom:0;left:0;display:block;min-width:0;min-height:0}.result-illustration{margin-top:8px;margin-bottom:8px}@media(prefers-reduced-motion:reduce){.result-art,.result-headline,.score-value{transform:none!important;opacity:1!important;visibility:visible!important}.save-dot{animation:none!important}}.history-match{display:flex;align-items:center;gap:12px;width:100%;min-height:84px;padding:14px 0;text-align:left;border:0;border-top:1px solid var(--border);border-radius:0;background:none;color:var(--ink);cursor:pointer}.history-match:hover{background:color-mix(in srgb,var(--self) 5%,transparent)}.history-match-info{flex:1;min-width:0}.history-match-info>b{font-size:14px}.history-match-info small{display:block;font-size:11px;color:var(--muted);line-height:1.6}.history-match-info time{display:block}.history-match>.history-outcome{flex:none;min-width:36px;font-size:12px;font-weight:700}.history-match .outcome-win{color:var(--self)}.history-match .outcome-loss{color:var(--other)}.history-match-score{flex:none;text-align:right}.history-match-score b{font:700 20px Chakra,system-ui}.history-match-score small{display:block;font-size:10px;color:var(--muted)}.history-open{font-size:20px;color:var(--muted)}.history-detail-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;color:var(--muted);font-size:11px}.history-detail-bar button{min-height:44px;padding:8px 0;border:0;background:none;color:var(--primary);font-size:13px}.history-detail-state{padding:32px 0}.history-detail-state p{margin-bottom:20px}.recent-match-open{display:flex;width:100%;gap:12px;align-items:center;min-height:44px;background:none;border:0;text-align:left;color:inherit;padding:0}.recent-match-open>b{margin-left:auto}.opening-draw{position:absolute;z-index:5;top:190px;right:20px;bottom:110px;left:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;background:radial-gradient(ellipse,var(--canvas) 15%,color-mix(in srgb,var(--canvas) 90%,transparent) 55%,transparent 74%)}.opening-kicker{font-size:12px;letter-spacing:.15em;color:var(--muted);margin:0 0 20px}.opening-reels{display:flex;justify-content:center;gap:4px;max-width:100%;font:700 clamp(20px,calc(65vw / var(--seed-length)),48px)/1.3 Chakra,system-ui,sans-serif;color:var(--ink)}.opening-slot{width:.82em;height:1.3em;overflow:hidden;border-bottom:3px solid var(--other);background:color-mix(in srgb,var(--surface) 80%,transparent);box-shadow:0 4px color-mix(in srgb,var(--other) 16%,transparent);border-radius:3px}.opening-reel{display:block;animation:opening-roll var(--reel-speed) linear infinite}.opening-reel b{display:block;height:1.3em;line-height:1.3;font-weight:700}.is-revealed .opening-reel{animation:opening-lock .32s cubic-bezier(.18,.8,.3,1.3) both}.is-revealed .opening-slot:last-child{color:var(--self);border-color:var(--self)}.opening-first{display:grid;gap:6px;margin-top:24px;font-size:12px;color:var(--muted)}.opening-first strong{font-size:15px;color:var(--self)}.opening-glint{position:absolute;left:75%;top:28%;color:var(--other);font-size:30px;opacity:0}.is-revealed .opening-glint{animation:opening-glint .7s ease-out both}.opening-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.is-opening .duel-chain,.is-opening .live-lexeme{visibility:hidden}.is-opening .duel-effects{display:none}@keyframes opening-roll{to{transform:translateY(-7.8em)}}@keyframes opening-lock{0%{transform:translateY(-.5em);opacity:.4}70%{transform:translateY(.06em)}to{transform:none;opacity:1}}@keyframes opening-glint{0%{opacity:0;transform:scale(.3) rotate(-25deg)}30%,60%{opacity:1}to{opacity:0;transform:scale(1.2) rotate(25deg)}}@media(max-height:600px){.opening-draw{top:100px;right:16px;bottom:100px;left:16px}.opening-kicker{margin-bottom:10px}.opening-first{margin-top:14px}}@media(min-width:901px)and (min-height:501px){.opening-draw{inset:140px calc(var(--arena-study) + var(--arena-gap) + 40px) 130px calc(var(--arena-side) + var(--arena-gap) + 40px)}.opening-reels{font-size:clamp(20px,calc(40vw / var(--seed-length)),58px)}}@media(prefers-reduced-motion:reduce){.opening-reel{animation:none}.opening-glint{display:none}}:root{--canvas:#f8f3e8;--surface:#fffaf2;--ink:#172540;--muted:#606e83;--border:#d5d2c8;--primary:#285bd4;--self:#285bd4;--soft:#e5edfc;--other:#9a641b;--other-soft:#fff0d3}:root[data-theme=dark]{--canvas:#182130;--surface:#222e41;--ink:#f7f1e6;--muted:#bac5d6;--border:#435169;--primary:#9bbcff;--self:#9bbcff;--soft:#273c61;--other:#f4c671;--other-soft:#403423}.brand{display:flex;align-items:center;gap:10px}.brand-tiles{display:flex;font:700 21px Chakra,system-ui,sans-serif}.brand-tiles i{font-style:normal;background:#285bd4;color:#fff;padding:1px 6px;rotate:-9deg;box-shadow:2px 3px #14264220}.brand-tiles i+i{background:#f1c561;color:#172540;rotate:8deg;margin-left:-3px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--muted)}.page-heading h1{font-size:36px;line-height:1.2;margin:12px 0}.btn{border-radius:5px}.btn.primary{box-shadow:0 4px color-mix(in srgb,var(--primary),#122644 40%)}.btn.primary:active{transform:translateY(2px);box-shadow:0 2px #17254040}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px}.bottom-nav svg{width:21px;height:21px}.player-avatar{display:grid;place-items:center;width:100%;height:100%;border-radius:18px 6px;background:var(--soft);color:var(--self);flex:none;overflow:hidden}.player-avatar svg{width:56%;height:56%}.portrait-fox,.portrait-owl{background-image:url(/art/duel-portraits-v1.webp);background-size:200% 100%;background-position:left center}.portrait-owl{background-position:right center;border-radius:6px 18px}.opponent .symbol-avatar{background:var(--other-soft);color:var(--other)}.app-home{position:relative;isolation:isolate}.app-home .shell{max-width:none;padding:0}.app-home .page{padding:0;max-width:none}.app-home .app-header{position:absolute;z-index:6;left:max(24px,calc((100vw - 1280px)/2));right:max(24px,calc((100vw - 1280px)/2));border:0;color:#172540;height:80px}.app-home .app-header .theme-switch{margin-left:auto}.app-home .identity-pill{display:none}.app-home .theme-switch select{background:#f9f3e1d9;color:#20324c}.app-home .desktop-nav{display:none}.app-home .connection-banner,.app-home .quota-banner{position:relative;z-index:10;margin:0;border-bottom:2px solid var(--other);box-shadow:0 4px 16px #132a4533}.app-home:has(.connection-banner,.quota-banner) .app-header{position:relative;background:var(--canvas);left:0;right:0;padding:0 24px;color:var(--ink)}.home-world{height:max(760px,100svh);position:relative;overflow:hidden;isolation:isolate;color:#172540;background:#a7dbdc}.world-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:-3}.home-world:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(#f5edd880,transparent 45%,#102237b3 77%,#102237)}.home-world:before{content:"";position:absolute;inset:85px 0 auto;height:250px;z-index:-1;background:linear-gradient(90deg,#f6efdcf5,#f6efdcbd 48%,transparent 88%);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 83%,transparent);mask-image:linear-gradient(transparent,#000 12%,#000 83%,transparent)}.home-copy{position:absolute;top:105px;left:24px;z-index:2}.home-copy h1{font-size:62px;line-height:1.04;letter-spacing:-.065em;margin:15px 0 14px;font-weight:750;text-shadow:0 2px #fff6}.home-copy p{font-size:14px;font-weight:550}.home-copy .eyebrow{color:#294d60}.floating-letter{position:absolute;background:#fff0be;box-shadow:3px 5px #b78957;color:#1d4363;font:700 33px Chakra,system-ui,sans-serif;width:43px;text-align:center;z-index:2;pointer-events:none}.fl-a{right:32px;top:184px;rotate:16deg}.fl-z{right:85px;top:274px;rotate:-14deg;font-size:24px;width:34px}.home-cast{position:absolute;top:35.5%;height:32%;left:-10%;width:120%;z-index:1;pointer-events:none}.home-cast img{position:absolute;object-fit:contain;filter:drop-shadow(0 12px 9px #10223840)}.cast-fox{left:-4%;top:7%;width:58%;height:96%;transform-origin:75% 72%}.cast-owl{right:-4%;top:-6%;width:58%;height:100%;transform-origin:40% 45%}.cast-tile{position:absolute;z-index:2;font:700 26px Chakra,system-ui,sans-serif;background:#ffebad;color:#213954;width:37px;text-align:center;box-shadow:3px 4px #bb8d4e}.tile-e{left:46%;top:35%;rotate:16deg}.tile-w{left:49%;top:60%;rotate:-16deg;font-size:22px}.tile-d{left:58%;top:76%;rotate:12deg;font-size:21px}.home-launch{position:absolute;bottom:102px;left:24px;right:24px;z-index:3;text-align:center;color:#fff}.home-launch .btn{width:100%;min-height:52px;margin:12px 0 0;display:flex;align-items:center;justify-content:center;gap:8px}.home-launch .primary{background:#f7c75b;color:#182540;box-shadow:0 5px #ae7435;border:0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));border-radius:0;font-size:17px;justify-content:flex-start}.home-launch .primary span{margin-left:auto;font-size:12px}.home-launch .primary span:after{content:"出发 ↗"}.home-launch .secondary{background:#20354ee8;border:1px solid #607182;color:#fff4dc;font-size:13px;min-height:46px}.home-launch>p{color:#c9d5dd;font-size:11px;margin-top:14px}.home-utilities{display:flex;justify-content:center;gap:24px;height:32px}.home-utilities button{border:0;background:none;color:#c9d5dd;font-size:11px;min-height:32px;padding:4px 8px}.app-home .bottom-nav{display:flex;position:absolute;bottom:0;left:0;right:0;height:88px;align-items:center;padding:8px 16px max(12px,env(safe-area-inset-bottom));border:0;background:linear-gradient(transparent,#0d1c30d9 35%);z-index:5;justify-content:space-evenly}.app-home .bottom-nav:before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,#8193a15e,transparent)}.app-home .bottom-nav button{color:#b6c6d5;min-width:72px}.app-home .bottom-nav button[aria-current=page]{color:#ffd277}.app-home .bottom-nav svg{width:23px;height:23px}.world-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.paper-mote{position:absolute;width:7px;height:11px;background:#ffdc8c;opacity:.5;rotate:35deg}.mote-0{left:8%;top:55%;--drift:35px}.mote-1{left:89%;top:43%;--drift:-25px}.mote-2{left:62%;top:19%;--drift:25px}.mote-3{left:19%;top:39%;--drift:40px}.mote-4{left:75%;top:60%;--drift:-30px}.mote-5{left:47%;top:48%;--drift:30px}.mote-6{left:90%;top:26%;--drift:-20px}.scene-breeze{position:absolute;border-top:1px solid #fff0c2;width:100px;height:24px;border-radius:50%;opacity:.45;rotate:-18deg}.breeze-one{right:10px;top:32%}.breeze-two{left:14px;top:58%;width:75px}:root[data-theme=dark] .home-world .world-scene{filter:brightness(.63) saturate(.9)}:root[data-theme=dark] .home-world:after{background:linear-gradient(#162e4bb3,transparent 52%,#101c2c)}:root[data-theme=dark] .home-world:before{background:linear-gradient(90deg,#162b43ed,#162b4399 50%,transparent 90%)}:root[data-theme=dark] .home-copy,:root[data-theme=dark] .app-home .app-header{color:#fff3d9}:root[data-theme=dark] .home-copy h1{text-shadow:0 3px #122134}:root[data-theme=dark] .home-copy .eyebrow{color:#bcd9dd}.invitation-cast{display:flex;align-items:center;justify-content:space-between;margin:32px 0}.invitation-cast .player-avatar{width:78px;height:78px}.invitation-cast>span:not(.player-avatar){font:700 12px Chakra,system-ui,sans-serif;text-align:center;color:var(--muted)}.invitation-cast b{font-size:26px;color:var(--other)}.join-duel h1{font-size:38px;margin-top:12px}.join-duel input{background:var(--surface);font-family:Chakra!important}.lobby-title h1{margin-top:8px;font-size:28px}.lobby-players{background:linear-gradient(125deg,var(--soft),var(--surface) 48%,var(--other-soft));padding:22px;border-radius:6px;box-shadow:0 4px var(--border)}.lobby-player{flex-direction:column;text-align:center;gap:10px}.lobby-player .profile-symbol{width:64px;height:64px}.lobby-player .profile-symbol:has(.player-avatar){background:none}.lobby-player.vacant .profile-symbol{border:1px dashed var(--border);border-radius:8px}.opponent-options button[aria-pressed=true],.mode-options button[aria-pressed=true]{box-shadow:0 3px var(--primary)}.lobby-actions{position:sticky;bottom:78px;background:var(--canvas);padding:12px 0;z-index:2}.player-passport{display:grid;grid-template-columns:80px 1fr;gap:18px;padding:24px;background:linear-gradient(120deg,var(--soft),var(--surface));box-shadow:0 5px var(--border);border-radius:6px;margin-bottom:28px}.player-passport>.player-avatar{width:80px;height:80px}.player-passport h2{font-size:23px;overflow-wrap:anywhere}.player-passport p{font-size:12px;color:var(--muted);margin-top:8px}.player-passport dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;margin:10px 0 0}.player-passport dt{font-size:11px;color:var(--muted)}.player-passport dd{font:700 28px Chakra,system-ui,sans-serif;margin:4px 0}.avatar-options .player-avatar{width:40px;height:40px}.avatar-options button{padding:4px!important;width:50px;height:50px}.account-panel{background:var(--surface);padding:24px;border-radius:6px}.account-panel>h2{font-size:27px}.account-tabs{gap:8px}.account-tabs button{background:var(--canvas);padding:8px;border:1px solid var(--border);border-radius:4px}.account-tabs button[aria-pressed=true]{background:var(--soft);color:var(--primary)}.book-emblem{display:flex;position:absolute;right:0;top:24px;gap:3px;opacity:.9}.book-emblem i{font:700 25px Chakra,system-ui,sans-serif;rotate:12deg;background:#e3b154;color:#27374d;width:30px;text-align:center;box-shadow:3px 4px #946a32}.book-emblem i:nth-child(2){rotate:-8deg;background:#3562a6;color:#ffefd3}.app-wordbook .page-heading{position:relative;padding-right:80px}.word-index{font:700 27px Chakra,system-ui,sans-serif;color:var(--other);width:30px;flex:none}.word-row>div{flex:1;min-width:0}.word-row .study-word{font:700 24px Chakra,system-ui,sans-serif}.word-row .btn{flex:none;white-space:nowrap}.word-row{gap:16px}.lexeme-sheet{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:28px}.lexeme-sheet h2{font-family:Chakra,system-ui,sans-serif}.lexeme-sheet blockquote{border-color:var(--other)}.lexeme-tags>span{background:var(--soft);padding:8px 12px;border-radius:4px}.duel.arena{isolation:isolate}.arena-scenery{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(var(--canvas),transparent 20%,var(--canvas) 47%,var(--canvas) 85%,transparent),url(/art/letter-arena-v1.webp) center/cover;opacity:.25}.duel-players{align-items:start;padding:12px 0 16px}.duel-player,.duel-player.opponent{display:flex;flex-direction:column;text-align:center;gap:7px}.duel-player .duel-avatar{width:72px;height:72px;border-radius:18px 6px;position:relative}.duel-player b{max-width:180px}.duel-player small{font-size:12px}.duel-player [data-testid^=score-]{font:700 20px Chakra,system-ui,sans-serif;color:var(--self)}.duel-player.opponent [data-testid^=score-]{color:var(--other)}.duel-center{padding-top:22px}.duel-center>span{font:italic 700 24px Chakra,system-ui,sans-serif;color:var(--other)}.player-intent{font-size:11px;font-weight:700;padding:3px 10px;min-height:24px;min-width:68px;transform:skew(-7deg);background:var(--soft);color:var(--self)}.opponent .player-intent{background:var(--other-soft);color:var(--other)}.duel-player.active .player-intent{background:var(--self);color:var(--on-primary)}.duel-player.opponent.active .player-intent{background:var(--other);color:var(--canvas)}.duel-player.active .duel-avatar:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:2px solid var(--self);border-left-color:transparent;border-bottom-color:transparent;border-radius:22px 8px;opacity:.65;pointer-events:none}.duel-player.opponent.active .duel-avatar:after{border-top-color:var(--other);border-right-color:var(--other)}.duel-player.active .player-intent:after{content:"•••";display:inline-block;font-size:9px;letter-spacing:2px;margin-left:5px}.duel-content:before{display:none}.duel-action{border-radius:4px;box-shadow:0 4px #25456b18}.duel-content{padding-bottom:62px}.duel-feedback.message-duplicate{color:#fff7ea}.message-error .message-surface{background:#8c322e;clip-path:polygon(0 9px,8px 0,calc(100% - 5px) 0,100% 12px,calc(100% - 5px) 23px,100% 100%,11px 100%,0 calc(100% - 9px))}.message-duplicate .message-surface{background:#79521b;box-shadow:inset 4px 0 #e8b652}.message-duplicate .message-emblem{background:#f6d07a;color:#5b3b15;box-shadow:-3px 3px #d39943;rotate:6deg}.message-duplicate .message-copy b{color:#ffe1a0}.message-error .message-emblem{background:#ffb39b;color:#612327}.message-toast.message-error.is-visible .message-surface{animation:world-reject .405s ease-out both}.message-toast.message-duplicate.is-visible .message-surface{animation:world-repeat .48s ease-out both}.message-toast.message-duplicate.is-visible .message-emblem{animation:repeat-icon .65s ease-out both}.message-toast.message-error.is-visible .message-emblem{animation:reject-icon .35s ease-out both}.message-speed{display:none}@keyframes world-reject{0%,to{transform:translate(0)}13.6%{transform:translate(-9px)}30.9%{transform:translate(9px)}48.2%{transform:translate(-6px)}69.1%{transform:translate(4px)}}@keyframes world-repeat{0%,to{transform:translate(0)}14.6%{transform:translate(-4px)}32.3%{transform:translate(4px)}50%{transform:translate(-3px)}67.7%{transform:translate(3px)}}@keyframes repeat-icon{0%{transform:rotate(-80deg) scale(.6)}60%{transform:rotate(12deg) scale(1.15)}to{transform:none}}@keyframes reject-icon{0%{transform:scale(1.4) rotate(-15deg)}60%{transform:scale(.9) rotate(5deg)}to{transform:none}}.match-result .result-hero{background:radial-gradient(ellipse at 50% 35%,#e8b85425,transparent 70%);border:0;border-radius:0;padding:12px 4px}.result-hero:before{display:none}.result-contestants{margin-top:28px}.result-avatar{width:62px;height:62px;background:none;border-radius:0}.result-avatar .player-avatar{width:100%;height:100%}.result-contestant small{font-size:11px}.score-value{font-size:42px}.result-headline{margin-top:20px}.result-comparison{padding:16px 0}.comparison-row{min-height:62px;border-bottom:1px solid var(--border)}.comparison-row strong{font-size:25px}.personal-highlights>div{border:0;background:var(--soft);border-radius:4px;box-shadow:0 4px #285bd41a}.opponent-highlight{margin:12px 0 28px;padding:18px;background:var(--other-soft);border-radius:4px}.opponent-highlight small{display:block;color:var(--muted);margin:8px 0}.opponent-highlight .study-word{font:700 24px Chakra,system-ui,sans-serif}.result-review-heading h2{font-size:22px}.result-overview summary{min-height:52px}@media(min-width:901px){.home-world{height:max(800px,100svh)}.home-world .world-scene{object-position:center 45%}.home-world:before{top:110px;height:440px;background:linear-gradient(90deg,#f6efdcf5,#f6efdcbd 35%,transparent 65%)}.home-copy{left:max(7vw,calc((100vw - 1180px)/2));top:150px}.home-copy h1{font-size:92px}.home-copy p{font-size:18px}.home-cast{left:auto;right:0;top:24%;width:63%;height:57%;max-width:920px}.home-launch{left:max(7vw,calc((100vw - 1180px)/2));right:auto;width:360px;bottom:140px}.fl-a{right:22%;top:20%}.fl-z{right:9%;top:29%}.app-home .bottom-nav{left:50%;translate:-50% 0;max-width:480px;width:100%}.lobby-actions{bottom:0}.duel-player,.duel-player.opponent{flex-direction:row;text-align:left;flex-wrap:wrap}.duel-player.opponent{flex-direction:row-reverse;text-align:right}.player-intent{width:100%;margin-top:2px}.duel-player .duel-avatar{width:80px;height:80px}.player-passport{max-width:680px}.page.result-page{max-width:1080px}}@media(max-width:700px){.app-header{gap:12px}.brand-tiles{font-size:18px}.brand strong{font-size:15px}.app-home .app-header{left:22px;right:22px}.app-home .theme-switch svg{display:none}.home-copy h1{font-size:58px}.page-heading h1{font-size:32px}.player-passport{padding:20px;grid-template-columns:64px 1fr}.player-passport>.player-avatar{width:64px;height:64px}.player-passport h2{font-size:21px}.book-emblem{top:16px}.duel.arena{padding-left:18px;padding-right:18px}.duel-player b{max-width:135px;font-size:12px}.duel-player small,.player-intent{font-size:10px}.account-panel{padding:20px 16px}.lobby-title h1{font-size:25px}.result-contestants{margin-top:20px}.lexeme-sheet{padding:20px}}.keyboard-open .duel-players{padding:2px 0 8px;gap:6px;align-items:center}.keyboard-open .duel-player,.keyboard-open .duel-player.opponent{display:grid;grid-template-columns:34px 1fr;gap:2px 6px;text-align:left}.keyboard-open .duel-avatar{width:34px;height:34px!important;grid-row:1/3}.keyboard-open .player-intent{font-size:9px;min-height:16px;min-width:0;padding:0 4px;grid-column:2}.keyboard-open .duel-player b{font-size:10px;line-height:1.2;max-width:95px}.keyboard-open .duel-player small{font-size:9px}.keyboard-open .duel-player [data-testid^=score-]{font-size:10px;display:inline}.keyboard-open .duel-center{padding:0}.keyboard-open .duel-center>span{font-size:16px}.keyboard-open .self-marker{font-size:8px}.keyboard-open .duel-content{padding-bottom:40px}.keyboard-open .live-lexeme{max-height:120px}.keyboard-open .player-avatar{border-radius:8px 3px}.keyboard-open .duel-player.active .duel-avatar:after{top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:10px 4px}.keyboard-open .duel-player.active .player-intent:after{font-size:8px;margin-left:3px}@media(prefers-reduced-motion:no-preference){.world-scene{animation:world-breathe 18s ease-in-out infinite alternate}.cast-fox{animation:fox-ready 5.8s ease-in-out infinite}.cast-owl{animation:owl-hover 4.1s ease-in-out infinite;animation-delay:-1.2s}.cast-tile,.floating-letter{animation:tile-orbit 6.4s ease-in-out infinite}.tile-w,.fl-z{animation-delay:-2.1s}.tile-d{animation-delay:-4.6s;animation-duration:7.3s}.paper-mote{animation:paper-drift 8s ease-in-out infinite;animation-delay:-1s}.mote-1{animation-delay:-3s}.mote-2{animation-delay:-6s;animation-duration:11s}.mote-3{animation-delay:-4s}.mote-4{animation-delay:-7s}.mote-5{animation-delay:-2s}.mote-6{animation-delay:-5s}.scene-breeze{animation:breeze-pass 10s ease-in-out infinite}.breeze-two{animation-delay:-5s}.duel-player.active .duel-avatar:after{animation:thinking-aura 2.2s ease-in-out infinite}.duel-player.active .player-intent:after{animation:thinking-dots 1.5s ease-in-out infinite}@keyframes world-breathe{0%{transform:scale(1.015)}to{transform:scale(1.055) translateY(-5px)}}@keyframes fox-ready{0%,to{transform:translate(0) rotate(-1deg)}35%{transform:translate(5px,1px) rotate(1deg)}65%{transform:translate(-2px,3px) rotate(-.5deg)}}@keyframes owl-hover{0%,to{transform:translateY(4px) rotate(1deg)}50%{transform:translate(-2px,-9px) rotate(-1.5deg)}}@keyframes tile-orbit{50%{transform:translateY(-9px) rotate(6deg)}}@keyframes paper-drift{0%{transform:translateY(20px) rotate(0);opacity:0}20%{opacity:.7}80%{opacity:.5}to{transform:translate(var(--drift),-100px) rotate(150deg);opacity:0}}@keyframes breeze-pass{0%,50%,to{transform:translate(-35px) scaleX(.6);opacity:0}65%{opacity:.5}85%{transform:translate(25px);opacity:0}}@keyframes thinking-aura{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.065);opacity:.95}}@keyframes thinking-dots{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}}.world-paused *,.world-paused *:before,.world-paused *:after{animation-play-state:paused!important}.match-result .result-illustration{height:92px;margin:8px 0}.match-result .result-contestants{margin-top:8px}.arena-scenery{opacity:.12}.app-home .bottom-nav button[aria-current=page]{box-shadow:none}.home-launch .primary:focus-visible{outline:3px solid #fff7dc;outline-offset:-5px}.desktop-nav button svg{display:none}.home-launch .btn.secondary:hover:enabled,.home-launch .btn.secondary:focus-visible{background:#304b68;color:#fff4dc;border-color:#91aac1}.home-launch .btn.secondary:active:enabled{background:#182b42;color:#fff4dc}.photo-avatar img{width:100%;height:100%;object-fit:cover}.avatar-upload{margin:16px 0 24px}.avatar-upload-choice{display:flex;align-items:center;gap:18px}.avatar-upload-preview{width:80px;height:80px;flex:none}.avatar-upload-choice small{display:block;color:var(--muted);font-size:12px;margin-top:10px;line-height:1.6}.avatar-crop{margin-top:20px;padding:20px;background:var(--soft);border-radius:6px}.avatar-crop p{font-size:12px;color:var(--muted);margin-bottom:16px}.avatar-crop canvas{display:block;width:min(100%,256px);height:auto;aspect-ratio:1;margin:0 auto 20px;touch-action:none;cursor:grab;border-radius:18px 6px;box-shadow:0 4px var(--border)}.avatar-crop canvas:active{cursor:grabbing}.avatar-crop label{display:flex;align-items:center;gap:14px}.avatar-crop input[type=range]{flex:1;min-width:0;accent-color:var(--self)}.avatar-crop .btn-row{display:flex;gap:12px;margin-top:20px}.avatar-crop .btn-row button{flex:1}.avatar-upload-error{color:var(--danger);font-size:13px;margin-top:12px}.avatar-upload-note{color:var(--primary);font-size:13px;margin-top:12px}.duel.arena{--hud-fade:180px;padding-top:0}.duel-players{position:absolute;inset:max(14px,env(safe-area-inset-top)) 24px auto;z-index:5;padding:0;pointer-events:none}.duel-player.self{justify-self:start}.duel-player.opponent{justify-self:end}.duel-players .duel-player{max-width:180px}.duel-content{justify-content:flex-end;padding-bottom:clamp(20px,5dvh,48px);overflow:hidden}.duel-chain{flex:1 1 0;min-height:0;padding-top:var(--hud-fade);overflow-anchor:none;scroll-behavior:auto;scrollbar-width:none;mask-image:linear-gradient(transparent,transparent calc(var(--hud-fade) - 60px),#000 var(--hud-fade));-webkit-mask-image:linear-gradient(transparent,transparent calc(var(--hud-fade) - 60px),#000 var(--hud-fade))}.duel-chain::-webkit-scrollbar,.live-lexeme::-webkit-scrollbar{display:none}.chain-spacer{display:block;flex:1 0 0}.live-lexeme{height:220px;max-height:none;flex:0 0 220px;overflow-y:auto;overflow-anchor:none;scrollbar-width:none;scroll-behavior:auto}.duel-connection{position:absolute;top:var(--hud-fade);left:18px;right:18px;z-index:6}.duel-new-word{bottom:230px}@media(max-width:700px){.duel-players{left:18px;right:18px}.duel-players .duel-player{max-width:135px}}.keyboard-open .duel.arena{--hud-fade:82px;padding-top:0}.keyboard-open .duel-players{top:max(6px,env(safe-area-inset-top));padding:0}.keyboard-open .duel-content{padding-bottom:12px}.keyboard-open .duel-chain{padding-top:var(--hud-fade);min-height:0}.keyboard-open .live-lexeme{height:112px;max-height:none;flex-basis:112px}.keyboard-open .duel-new-word{bottom:120px}:root{--main-nav-height:0px}.duel-lobby{padding-bottom:88px}.lobby-actions{position:fixed;bottom:var(--main-nav-height);left:50%;translate:-50% 0;width:min(100%,728px);margin:0;padding:12px 24px 16px;background:var(--canvas);z-index:3}@media(max-width:900px){:root{--main-nav-height: calc(64px + max(4px,env(safe-area-inset-bottom))) }.bottom-nav{height:var(--main-nav-height)}.lobby-actions{width:100%;padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.duel-effects .word-flight{display:none}.paper-mote{opacity:.3}}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:auto}html.in-battle{height:100%;min-height:100lvh;overflow:hidden;overscroll-behavior:none}.in-battle body{position:static;height:100%;min-height:100lvh;overflow:visible;overscroll-behavior:none}.battle-active{position:absolute;z-index:1;overflow:hidden;overscroll-behavior:none}html[data-surface=battle]{background:var(--canvas)}html[data-surface=battle] body,.battle-active,.duel.arena{background-color:transparent}.battle-backdrop{position:absolute;z-index:0;pointer-events:none;left:0;right:0;top:calc(-1*env(safe-area-inset-top,0px));height:calc(100lvh + env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px));--arena-wash:color-mix(in srgb,var(--canvas) 54%,transparent);background:linear-gradient(var(--arena-wash),color-mix(in srgb,var(--canvas) 72%,transparent) 20%,color-mix(in srgb,var(--canvas) 97%,transparent) 48%,color-mix(in srgb,var(--canvas) 94%,transparent) 72%,var(--arena-wash)),url(/art/letter-arena-v1.webp) center/cover}.battle-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;--edge-top:calc(env(safe-area-inset-top,0px) + var(--duel-viewport-top,0px));--edge-bottom:calc(var(--edge-top) + var(--duel-viewport-height,100dvh));background:linear-gradient(to bottom,var(--canvas) var(--edge-top),transparent calc(var(--edge-top) + 112px)),linear-gradient(to bottom,transparent max(0px,calc(var(--edge-bottom) - 150px)),var(--canvas) var(--edge-bottom))}.meaning-brief,.battle-active .arena-scenery{display:none}.live-heading{min-height:20px;line-height:20px;margin-bottom:6px}.live-lexeme{height:204px;flex-basis:204px}.keyboard-open .live-heading{min-height:18px;line-height:18px}.keyboard-open .live-lexeme{height:96px;flex-basis:96px}.player-avatar.portrait-fox,.player-avatar.portrait-owl{position:relative;background-image:none}.portrait-image{position:absolute;top:0;left:0;width:200%;max-width:none;height:100%;object-fit:fill}.portrait-owl .portrait-image{left:-100%}.duel-players{top:max(14px,var(--safe-top))}.duel.arena{--hud-fade:calc(180px + var(--safe-top))}.keyboard-open .duel-players{top:max(6px,var(--safe-top))}.keyboard-open .duel.arena{--hud-fade:calc(82px + var(--safe-top))}.keyboard-open{--safe-bottom:0px}.duel.arena{padding-left:max(18px,var(--safe-left));padding-right:max(18px,var(--safe-right))}.duel-dock{padding-bottom:max(10px,var(--safe-bottom))}.keyboard-open .duel-dock{padding-bottom:10px}.duel-action.compact-composer,.keyboard-open .duel-action.compact-composer{height:52px;min-height:52px;padding:4px 6px 4px 10px;gap:10px;box-shadow:none}.compact-composer .letter-timer,.keyboard-open .compact-composer .letter-timer{width:34px;height:34px}.compact-composer .ring-seconds{font:700 12px/1 Chakra,system-ui,sans-serif;display:flex;align-items:baseline;min-height:0}.compact-composer .ring-seconds small{font-size:8px;margin-left:1px}.compact-composer .duel-composer{gap:8px}.compact-composer .duel-composer input{font-size:20px;min-height:44px;caret-color:var(--self)}.compact-composer input[aria-disabled=true]{caret-color:transparent}.compact-composer input[aria-disabled=true]::placeholder{color:var(--other)}html[data-surface=home]{--home-sky:#b9dadd;--home-ground:#0d1c30;background:var(--home-sky) url(/art/letter-arena-v1.webp) center top/cover;overflow-x:clip}html[data-surface=home][data-theme=dark]{--home-sky:#1d354b;background-image:linear-gradient(#17334b88,#17334b88),url(/art/letter-arena-v1.webp)}html[data-surface=home] body{background:transparent}.home-backdrop{position:absolute;inset:calc(-1 * var(--safe-top)) 0 calc(-1 * var(--safe-bottom));z-index:-1;isolation:isolate;overflow:hidden;pointer-events:none;background:#a7dbdc}.home-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(#f5edd880,transparent 45%,#102237b3 77%,#102237)}.home-backdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,var(--home-sky),transparent calc(var(--safe-top) + 72px)),linear-gradient(to top,var(--home-ground),transparent calc(var(--safe-bottom) + 150px))}.app-home .home-world{background:transparent}.app-home .home-world:after{content:none}:root[data-theme=dark] .home-backdrop .world-scene{filter:brightness(.63) saturate(.9)}:root[data-theme=dark] .home-backdrop:after{background:linear-gradient(#162e4bb3,transparent 52%,#101c2c)}.theme-switch{position:relative}.theme-switch select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:22px;border-radius:4px}.theme-switch:after{content:"";position:absolute;right:8px;top:calc(50% - 4px);width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;rotate:45deg;pointer-events:none}@media(max-width:900px){:root{--main-nav-height:calc(54px + var(--safe-bottom))}.shell{padding-left:max(18px,var(--safe-left));padding-right:max(18px,var(--safe-right))}.app-header{height:calc(58px + var(--safe-top));padding-top:var(--safe-top);gap:12px}.desktop-nav,.identity-pill{display:none}.theme-switch select{font-size:16px;width:114px;min-height:44px}input:not([type=checkbox]):not([type=range]),select,.room-rules select{font-size:16px}.page{padding:20px 0 calc(var(--main-nav-height) + 24px)}.bottom-nav,.app-home .bottom-nav{display:flex;position:fixed;inset:auto 0 0;height:var(--main-nav-height);width:100%;max-width:none;translate:none;padding:0 max(12px,var(--safe-right)) var(--safe-bottom) max(12px,var(--safe-left));align-items:center;justify-content:space-around}.bottom-nav button,.app-home .bottom-nav button{height:48px;min-height:44px;min-width:64px;width:30%;padding:4px;gap:1px;font-size:10px;line-height:1.4;background:none;border:0}.bottom-nav svg,.app-home .bottom-nav svg{width:20px;height:20px}.bottom-nav button[aria-current=page]{box-shadow:none;color:var(--primary)}.bottom-nav button[aria-current=page] svg{filter:drop-shadow(0 2px 4px color-mix(in srgb,var(--primary) 25%,transparent))}.app-home .bottom-nav{position:fixed;background:var(--home-ground);border:0;overflow:visible}.app-home .bottom-nav:before{inset:auto 0 100%;height:28px;background:linear-gradient(transparent,var(--home-ground));pointer-events:none}.home-world{height:100svh;min-height:640px}.app-home .app-header{top:0;left:max(18px,var(--safe-left));right:max(18px,var(--safe-right));height:calc(58px + var(--safe-top))}.home-copy{top:calc(76px + var(--safe-top));left:max(22px,var(--safe-left))}.home-copy h1{font-size:clamp(42px,7svh,58px)}.home-copy p{font-size:13px}.home-cast{top:34%;height:34%}.home-launch{bottom:calc(var(--main-nav-height) + 12px);left:max(22px,var(--safe-left));right:max(22px,var(--safe-right))}.home-launch .btn{margin-top:8px;min-height:46px}.home-launch>p{margin:10px 0 0}.fl-a{top:24%;right:24px}.fl-z{top:34%;right:60px}.app-profile .page-heading{margin-bottom:16px}.app-profile .page-heading .eyebrow,.app-profile .page-heading p{display:none}.app-profile .page-heading h1{font-size:20px;line-height:1.3;margin:0}.app-profile .page-heading br{display:none}.player-passport{padding:16px;gap:12px;grid-template-columns:52px 1fr;margin-bottom:22px;box-shadow:0 3px var(--border)}.player-passport>.player-avatar{width:52px;height:52px}.player-passport h2{font-size:20px;line-height:1.3}.player-passport p{margin-top:4px;font-size:11px}.player-passport dl{margin:0;padding-top:12px;border-top:1px solid var(--border)}.player-passport dd{font-size:24px;margin:2px 0 0}.profile-tabs{gap:0;justify-content:space-between;margin-bottom:20px}.profile-tabs button{font-size:14px;padding:8px 4px}.profile-card>input{margin-bottom:18px}.field-label{margin-top:18px}.avatar-options{grid-template-columns:repeat(8,minmax(0,1fr));gap:0}.avatar-options button{width:100%;height:46px}.avatar-options .player-avatar{width:34px;height:34px}.account-panel{padding:18px 14px}.account-panel>h2{font-size:22px}.lobby-actions{bottom:var(--main-nav-height);padding-bottom:12px}.duel-lobby{padding-bottom:100px}.lexeme-sheet{max-height:calc(100dvh - var(--safe-top) - 16px);padding-bottom:max(20px,var(--safe-bottom))}.word-row{gap:10px}.word-row .study-word{font-size:22px}.word-row .btn{padding:8px 12px}}@media(max-width:900px)and (max-height:650px){.home-world{min-height:590px}.home-copy{top:64px}.home-copy h1{font-size:40px;margin:10px 0}.home-copy .eyebrow{font-size:9px}.home-cast{top:31%;height:34%}.home-copy p{font-size:12px}.home-launch .btn{min-height:44px}.home-utilities{height:28px}}.opponent .player-scoreline{display:flex;flex-direction:column-reverse}.duel-action.compact-composer{position:relative;isolation:isolate}.turn-cue{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;border-radius:inherit;opacity:0;background:color-mix(in srgb,var(--self) 18%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--self) 72%,transparent),0 0 16px color-mix(in srgb,var(--self) 22%,transparent)}.compact-composer>.letter-timer,.compact-composer>.duel-composer{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.turn-cue{display:none}}@media(max-width:900px){.keyboard-open .duel-players{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:8px;align-items:start}.keyboard-open .duel-players .duel-player{width:100%;max-width:none;grid-template-columns:48px minmax(0,1fr);grid-template-rows:28px 16px;gap:4px 6px;align-items:start}.keyboard-open .duel-player .duel-avatar{grid-column:1;grid-row:1/3;width:48px;height:48px!important;align-self:start}.keyboard-open .duel-player-info{grid-column:2;grid-row:1;min-width:0}.keyboard-open .duel-player-info b{font-size:10px;line-height:14px;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.keyboard-open .duel-player .player-scoreline{display:flex;flex-direction:row;align-items:baseline;gap:5px;height:14px;line-height:14px;margin:0;white-space:nowrap}.keyboard-open .duel-player .player-scoreline small,.keyboard-open .duel-player .player-scoreline [data-testid^=score-]{margin:0;font-size:10px;line-height:14px}.keyboard-open .player-scoreline [data-testid=opponent-type]{font-size:8px}.keyboard-open .player-type-full{display:none}.keyboard-open .duel-player .player-intent{grid-column:2;grid-row:2;align-self:start;justify-self:start;line-height:16px;height:16px;padding:0 4px;white-space:nowrap}.keyboard-open .duel-players .duel-player.opponent{grid-template-columns:minmax(0,1fr) 48px;text-align:right}.keyboard-open .duel-player.opponent .duel-avatar{grid-column:2;justify-self:end}.keyboard-open .duel-player.opponent .duel-player-info{grid-column:1}.keyboard-open .duel-player.opponent .player-scoreline{justify-content:flex-end}.keyboard-open .duel-player.opponent .player-intent{grid-column:1;justify-self:end}.keyboard-open .duel-center{align-self:center}}@media(max-width:900px){.battle-active{--content-safe-top:max(0px,calc(var(--safe-top) - var(--duel-viewport-top,0px)))}.duel-players{top:max(14px,var(--content-safe-top))}.duel.arena{--hud-fade:calc(180px + var(--content-safe-top))}.live-lexeme{height:160px;flex-basis:160px;padding:2px 8px 8px}.live-lexeme .meaning-full{display:none}.live-lexeme .meaning-brief{display:inline}.live-lexeme p{font-size:14px;line-height:1.5;margin-bottom:6px}.live-lexeme [data-testid=live-meaning]{-webkit-line-clamp:2}.live-example,.live-translation{font-size:13px!important;line-height:1.5!important}.live-translation{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.duel-new-word{bottom:170px}.duel-dock{position:relative;isolation:isolate}.duel-dock:before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-16px;left:calc(-1*max(18px,var(--safe-left)));right:calc(-1*max(18px,var(--safe-right)));bottom:calc(-1 * var(--safe-bottom));background:linear-gradient(transparent,color-mix(in srgb,var(--canvas) 82%,transparent) 45%,color-mix(in srgb,var(--canvas) 60%,transparent))}.keyboard-open .duel-players{top:max(6px,var(--content-safe-top))}.keyboard-open .duel.arena{--hud-fade:calc(84px + var(--content-safe-top))}.keyboard-open .live-lexeme{height:60px;flex-basis:60px;max-height:60px;padding:0 8px 2px;overflow:hidden}.keyboard-open .live-heading{min-height:18px;margin-bottom:2px}.keyboard-open .live-heading>span{font-size:13px}.keyboard-open .live-lexeme [data-testid=live-meaning]{font-size:13px;line-height:18px;margin:0;-webkit-line-clamp:2}.keyboard-open .live-example,.keyboard-open .live-translation{display:none}.keyboard-open .duel-new-word{bottom:68px}.keyboard-open .duel-content{padding-bottom:8px}}.duel-connection>div{min-width:0}.duel-connection small{display:block;margin-top:4px;line-height:1.4}.duel-connection button{flex-shrink:0}.owned-word{--word-owner:var(--self);container-type:inline-size;padding-left:0;padding-right:0}.owned-word.from-opponent{--word-owner:var(--other)}.owned-word.system{--word-owner:var(--muted)}.owned-word:before{display:none}.owned-word .link-word-wrap{display:inline-grid;grid-template-columns:32px minmax(0,1fr) 32px;grid-template-rows:auto;align-items:center;width:max-content;max-width:100%}.owned-word .link-word{grid-column:2;grid-row:1;min-width:0;padding:0 6px;color:color-mix(in srgb,var(--word-owner) 65%,var(--muted));overflow-wrap:anywhere;font-size:max(16px,min(24px,calc((100cqi - 76px) / var(--word-length) / .7)))}.owned-word .chain-owner{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:4px;color:var(--word-owner)}.owned-word.from-opponent .chain-owner{grid-column:3;flex-direction:row-reverse}.chain-owner .player-avatar{width:18px;height:18px;border-radius:5px 2px;opacity:1;background:color-mix(in srgb,var(--word-owner) 12%,var(--canvas));color:var(--word-owner)}.chain-owner .owner-stroke{width:8px;height:2px;background:currentColor;flex:none}.chain-owner .chain-flag{width:18px;height:18px}.owned-word.current{padding:8px 0;min-height:86px}.owned-word.current .link-word{color:var(--ink);font-size:max(16px,min(clamp(36px,9vw,56px),calc((100cqi - 76px) / var(--word-length) / .7)))}.owned-word.current .link-word em{color:var(--word-owner)}.chain-attribution{font:500 10px/14px system-ui,sans-serif;color:var(--word-owner);margin-top:2px;letter-spacing:.04em}.owned-word .word-burst{top:0;right:32px;bottom:0;left:32px}.owned-word .spark-left{left:3px;top:-6px}.owned-word .spark-right{right:2px;top:-3px}.keyboard-open .owned-word{padding-left:0;padding-right:0}.keyboard-open .owned-word.current{padding:4px 0}.keyboard-open .owned-word.current .link-word{font-size:max(16px,min(30px,calc((100cqi - 76px) / var(--word-length) / .7)))}.keyboard-open .chain-attribution{display:none}@media(max-width:360px){.owned-word .link-word-wrap{grid-template-columns:28px minmax(0,1fr) 28px}.chain-owner .owner-stroke{width:4px}.owned-word .word-burst{top:0;right:28px;bottom:0;left:28px}}@media(max-width:900px){.owned-word{--lane-shift:0px;--owner-slot:40px}.owned-word.from-self{--lane-shift:-12px}.owned-word.from-opponent{--lane-shift:12px}.owned-word .link-word-wrap{grid-template-columns:var(--owner-slot) minmax(0,1fr) var(--owner-slot);max-width:calc(100% - 24px);translate:var(--lane-shift) 0}.owned-word .link-word{font-size:max(16px,min(24px,calc((100cqi - 116px) / var(--word-length) / .7)))}.owned-word.current .link-word{font-size:max(16px,min(48px,calc((100cqi - 116px) / var(--word-length) / .7)))}.owned-word .owner-stroke{position:relative;width:16px;height:2px;background:linear-gradient(90deg,transparent,currentColor)}.owned-word .owner-stroke:after{content:"";position:absolute;right:0;top:-2px;width:4px;height:4px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;rotate:45deg}.owned-word.from-opponent .owner-stroke{rotate:180deg}.owned-word.system .owner-stroke:after{display:none}.owned-word.current .owner-stroke{height:3px}.owned-word.current .chain-owner .player-avatar{background:color-mix(in srgb,var(--word-owner) 20%,var(--canvas))}.owned-word .word-burst{inset:0 var(--owner-slot)}.owned-word.current .chain-attribution{translate:var(--lane-shift) 0}.keyboard-open .owned-word:not(.current){min-height:40px}.keyboard-open .owned-word:not(.current) .link-word{font-size:max(16px,min(22px,calc((100cqi - 116px) / var(--word-length) / .7)))}.keyboard-open .owned-word.current{min-height:60px;padding:4px 0}.keyboard-open .owned-word.current .link-word{font-size:max(16px,min(44px,calc((100cqi - 116px) / var(--word-length) / .7)))}.duel-chain .owned-word:not(.current):nth-last-child(n+4) .link-word-wrap{opacity:.7}}.scorecard-result{--victory:#21734a;--defeat:#a33641}:root[data-theme=dark] .scorecard-result{--victory:#83ddb1;--defeat:#ffacb4}.scorecard-result .result-hero{padding:8px 4px 12px;text-align:center;isolation:isolate;background:transparent;border:0}.scorecard-result .result-hero:before{content:none}.scorecard-result .result-meta{font-size:10px;line-height:16px}.scorecard-result .result-banner{position:relative;margin:12px 0 20px;text-align:center}.scorecard-result .result-banner h1{font-size:22px;line-height:1.25;margin:0 0 6px;outline:none}.scorecard-result .result-banner p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.scorecard-result .result-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.scorecard-result .result-contestant small{display:flex;align-items:center;justify-content:center;gap:5px;min-height:16px}.scorecard-result .result-avatar{position:relative;isolation:isolate;overflow:visible;outline:none}.result-stamp{--stamp-tilt:-12deg;position:absolute;z-index:2;left:74%;bottom:-3px;width:48px;padding:1px 3px;border:2px solid currentColor;outline:1px solid currentColor;outline-offset:-5px;border-radius:2px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--defeat);font:900 12px/20px system-ui,sans-serif;letter-spacing:2px;text-indent:2px;white-space:nowrap;transform:translate(-50%) rotate(var(--stamp-tilt));pointer-events:none}.is-winner .result-stamp{--stamp-tilt:10deg;color:var(--victory)}.scorecard-result .result-contestant:has(.result-stamp) .result-avatar{margin-bottom:16px}@media(prefers-reduced-motion:no-preference){.result-stamp{animation:verdict-stamp .38s .16s cubic-bezier(.2,.7,.2,1) both}}@keyframes verdict-stamp{0%{opacity:0;transform:translate(-50%,-14px) rotate(calc(var(--stamp-tilt) - 8deg)) scale(2.1)}52%{opacity:1;transform:translate(-50%,2px) rotate(var(--stamp-tilt)) scale(.92)}74%{transform:translate(-50%,-1px) rotate(var(--stamp-tilt)) scale(1.04)}to{opacity:1;transform:translate(-50%) rotate(var(--stamp-tilt)) scale(1)}}.scorecard-result .result-semantic-art{position:absolute;z-index:-1;top:24px;right:-30px;width:240px;height:160px;opacity:.12;pointer-events:none;transform:rotate(-7deg)}:root[data-theme=dark] .scorecard-result .result-semantic-art{opacity:.09}.result-semantic-art .result-art{position:static;width:100%;height:100%;object-fit:contain;filter:none}.scorecard-result .result-contestants{margin:0;grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);gap:8px}.scorecard-result .result-avatar{width:80px;height:80px;margin-bottom:4px}.scorecard-result .result-contestant b{font-size:14px;line-height:20px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scorecard-result .result-contestant small{font-size:10px;line-height:14px}.scorecard-result .versus-mark{font-size:17px}.scorecard-result .result-scoreboard{grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);gap:8px;margin:4px 0 8px}.scorecard-result .score-value{font-size:40px;line-height:1.1}.result-decider{display:block;color:var(--ink);font-size:11px;line-height:16px;font-weight:600}.result-scoreboard>span>small{font-size:10px;line-height:14px;color:var(--muted)}.result-summary-comparison{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:3px 0}.summary-stat{display:grid;grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);align-items:center;gap:8px;min-height:28px}.summary-stat>span{font-size:11px;color:var(--muted)}.summary-stat>strong{font:700 17px/1.3 Chakra,system-ui,sans-serif;font-variant-numeric:tabular-nums}.summary-stat>:first-child{color:var(--self)}.summary-stat>:last-child{color:var(--other)}.summary-stat>button{font:600 12px/1.4 Chakra,system-ui,sans-serif;padding:0 4px;min-height:44px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;border:0;border-radius:0}.summary-stat>button:disabled{opacity:1;color:var(--muted);cursor:default}.scorecard-result .result-recap-line{font-size:11px;line-height:18px;margin:8px 0 10px;gap:12px}.scorecard-result .result-actions .btn{min-height:44px;padding:8px 14px}.scorecard-result .result-save{font-size:10px;min-height:20px;line-height:16px;margin-top:8px}.scorecard-result .rematch-note{display:none}.scorecard-result .result-review{padding-top:8px}@media(min-width:901px){.scorecard-result{grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);gap:36px}.scorecard-result .result-hero{padding:18px 20px}.scorecard-result .result-avatar{width:88px;height:88px}.summary-stat{min-height:34px}}@media(max-width:900px){.page.result-page{padding-top:8px}.scorecard-result{gap:24px}}@media(max-height:700px)and (max-width:900px){.scorecard-result .result-banner{margin:10px 0 16px}.scorecard-result .result-avatar{width:72px;height:72px}.scorecard-result .score-value{font-size:36px}.scorecard-result .result-scoreboard{margin:2px 0 4px}.scorecard-result .result-recap-line{margin:6px 0 8px}}@media(prefers-reduced-motion:no-preference){.result-semantic-art .is-ready{animation:result-paper-settle .42s cubic-bezier(.2,.7,.2,1) both}.art-win .is-ready{animation-name:result-paper-win}}@keyframes result-paper-settle{0%{transform:translateY(5px) rotate(-3deg)}to{transform:none}}@keyframes result-paper-win{0%{transform:translateY(8px) scale(.94) rotate(-5deg)}70%{transform:translateY(-2px) rotate(1deg)}to{transform:none}}.winner-cheer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:1}.winner-confetti{position:absolute;top:-20px;right:-8px;bottom:-4px;left:-8px;overflow:hidden;pointer-events:none;background:transparent}.winner-confetti-piece{position:absolute;display:block;top:-10px;width:4px;height:8px;border-radius:1px;background:#efb83f;opacity:0;transform-origin:center}.winner-confetti-piece:nth-child(5n+2){background:#5597e8;height:6px;rotate:20deg}.winner-confetti-piece:nth-child(5n+3){background:#e77f91;width:5px;height:5px;border-radius:50%}.winner-confetti-piece:nth-child(5n+4){background:#62b69a;width:3px;height:9px}.winner-confetti-piece:nth-child(5n){background:#ac8cda;width:5px;height:7px;rotate:-25deg}@media(prefers-reduced-motion:no-preference){.winner-cheer{animation:winner-confetti-reveal .3s ease both}.winner-confetti-piece{animation:winner-confetti-fall var(--paper-duration) var(--paper-delay) linear infinite both}}@keyframes winner-confetti-reveal{0%{opacity:0}to{opacity:1}}@keyframes winner-confetti-fall{0%{opacity:0;transform:translate3d(0,-10px,0) rotate(0) rotateY(0)}12%{opacity:.9}50%{transform:translate3d(calc(var(--paper-drift) * -.5),62px,0) rotate(calc(var(--paper-spin) * .5)) rotateY(130deg)}78%{opacity:.75}to{opacity:0;transform:translate3d(var(--paper-drift),140px,0) rotate(var(--paper-spin)) rotateY(260deg)}}@media(prefers-reduced-motion:reduce){.winner-cheer,.winner-cheer *{animation:none}.winner-confetti-piece{top:var(--paper-rest);opacity:.65;transform:rotate(var(--paper-spin))}.winner-confetti-piece:nth-child(n+7){display:none}}.desktop-duel-summary,.live-desktop-title{display:none}@media(min-width:901px){.shell{max-width:1200px}.app-header{gap:24px}.desktop-nav,.app-home .desktop-nav{display:flex;align-items:center;gap:8px;margin-left:12px}.desktop-nav button{display:flex;align-items:center;gap:8px;padding:10px 14px;color:var(--muted);white-space:nowrap;border-radius:4px}.desktop-nav button svg{display:block;width:18px;height:18px}.desktop-nav button:hover{background:var(--soft);color:var(--ink)}.desktop-nav button[aria-current=page]{color:var(--primary);background:var(--soft);box-shadow:inset 0 -2px var(--primary)}.bottom-nav,.app-home .bottom-nav{display:none}.app-home .desktop-nav button{color:inherit}.app-home .desktop-nav button:hover,.app-home .desktop-nav button[aria-current=page]{background:#fff4dcb3;color:#172540;box-shadow:inset 0 -2px #2859d8}:root[data-theme=dark] .app-home .desktop-nav button:hover,:root[data-theme=dark] .app-home .desktop-nav button[aria-current=page]{background:#14253cc9;color:#ffdc8a;box-shadow:inset 0 -2px #ffdc8a}.app-home .home-launch{bottom:90px}.identity-pill{max-width:110px}.app-room .page{max-width:none;padding:28px 0 48px}.duel-lobby{max-width:none;display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.4fr);grid-template-rows:auto auto 1fr;column-gap:36px;padding-bottom:0;align-items:start}.lobby-title{grid-column:1/-1;margin:0 0 28px;align-items:center}.lobby-title h1{margin:6px 0 0;font-size:30px}.lobby-party{grid-column:1;grid-row:2;min-width:0}.lobby-invite{padding:16px 0;gap:12px}.lobby-invite>div{display:flex;flex-direction:column;gap:4px}.lobby-invite .btn{padding:10px 12px;font-size:13px}.room-code{font-size:24px;letter-spacing:.1em}.opponent-picker{margin-top:22px;min-width:0}.opponent-options button{padding:12px 10px;min-height:88px}.opponent-options small{line-height:1.6}.lobby-players{margin:22px 0 0;padding:22px 12px;gap:12px}.lobby-player>span:last-child{min-width:0;max-width:100%;overflow-wrap:anywhere}.lobby-player small{line-height:1.6}.duel-lobby>.room-rules{grid-column:2;grid-row:2/4;border-top:0;border-left:1px solid var(--border);padding:0 0 0 32px;min-width:0}.rules-heading h2{margin:0 0 16px;font-size:20px}.mode-options{gap:8px;margin-bottom:12px}.mode-options button{padding:12px;min-height:112px}.mode-options button span{line-height:1.6}.room-rules>label{min-height:56px}.room-rules .rule-checkbox{min-height:44px}.room-rules select{width:220px}.rule-summary{margin:16px 0;line-height:1.7}.rule-caption{margin-bottom:0}.lobby-footer{grid-column:1;grid-row:3;min-width:0;padding-top:24px}.lobby-actions{position:static;translate:none;inset:auto;width:100%;margin:0;padding:0;background:none;gap:10px}.lobby-actions .btn{min-height:48px;padding:12px;min-width:0}.lobby-footnote{margin:14px 0 0;line-height:1.7;font-size:12px;color:var(--muted)}}@media(min-width:901px)and (max-width:1100px){.app-header{gap:16px}.desktop-nav,.app-home .desktop-nav{margin-left:0;gap:2px}.desktop-nav button{padding:10px}.identity-pill{display:none}.duel-lobby{column-gap:24px;grid-template-columns:290px minmax(0,1fr)}.duel-lobby>.room-rules{padding-left:24px}.mode-options button{padding:10px}}@media(min-width:901px)and (min-height:501px){.duel.arena{--arena-side:220px;--arena-study:280px;--arena-gap:36px;--hud-fade:90px;display:grid;grid-template-columns:var(--arena-side) minmax(0,1fr) var(--arena-study);grid-template-rows:minmax(0,1fr) auto;gap:0 var(--arena-gap);max-width:1440px;padding:32px 40px 40px;overflow:hidden}.duel-players,.duel-content{display:contents}.duel-players .duel-player{position:absolute;top:42px;max-width:none;width:var(--arena-side);display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;text-align:left;gap:12px}.duel-player.self{left:40px}.duel-players .duel-player.opponent{right:40px;width:var(--arena-study)}.duel-player .duel-avatar{width:104px;height:104px;border-radius:22px 8px}.duel-player b{font-size:18px;max-width:100%}.duel-player small{font-size:12px;margin-top:6px}.duel-player [data-testid^=score-]{font-size:30px;line-height:1.1}.self-marker{font-size:11px}.duel-player .player-intent{width:auto;min-width:108px;padding:5px 14px;font-size:12px}.duel-center{position:absolute;top:42px;left:calc(40px + var(--arena-side) + var(--arena-gap));right:calc(40px + var(--arena-study) + var(--arena-gap));padding:0;height:54px;justify-content:center}.duel-center>span{font-size:36px;letter-spacing:.08em}.duel-center:before,.duel-center:after{content:"";position:absolute;top:50%;height:1px;width:calc(50% - 54px);background:linear-gradient(90deg,transparent,var(--self));opacity:.4}.duel-center:before{left:0}.duel-center:after{right:0;background:linear-gradient(90deg,var(--other),transparent)}.duel-center strong{font-size:30px}.desktop-duel-summary{display:block;grid-column:1;grid-row:1;align-self:start;margin-top:310px;padding-top:24px;border-top:1px solid var(--border);color:var(--muted)}.desktop-duel-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 28px}.desktop-duel-summary dt{font-size:12px;margin-bottom:8px}.desktop-duel-summary dd{font:700 28px/1.2 Chakra,system-ui,sans-serif;color:var(--ink);margin:0;font-variant-numeric:tabular-nums}.desktop-duel-summary dd small{font:12px system-ui;margin-left:6px;color:var(--muted)}.desktop-duel-summary dd span{opacity:.5;margin:0 2px}.desktop-duel-summary p{font-weight:600;font-size:14px;margin:0 0 6px;color:var(--ink)}.desktop-duel-summary>small{font-size:12px}.duel-chain{grid-column:2;grid-row:1;align-self:stretch;min-width:0;min-height:0;position:relative;padding:90px 0 clamp(36px,8vh,80px);mask-image:linear-gradient(transparent,transparent 55px,#000 95px);-webkit-mask-image:linear-gradient(transparent,transparent 55px,#000 95px)}.duel-link:not(.current){min-height:66px;padding-top:10px;padding-bottom:10px}.owned-word .link-word{font-size:max(16px,min(30px,calc((100cqi - 76px) / var(--word-length) / .7)))}.owned-word.current{min-height:118px;padding:20px 0}.owned-word.current .link-word{font-size:max(16px,min(70px,calc((100cqi - 76px) / var(--word-length) / .7)))}.chain-attribution{font-size:12px;line-height:18px;margin-top:8px}.duel-dock{grid-column:2;grid-row:2;min-width:0;padding:0;position:relative}.duel-context,.duel-context button{font-size:13px;min-height:42px}.duel-action.compact-composer{height:60px;min-height:60px;padding:8px 10px 8px 14px;gap:14px;background:color-mix(in srgb,var(--soft) 88%,var(--surface))}.is-opponent .duel-action.compact-composer{background:var(--other-soft)}.compact-composer .duel-composer input{font-size:23px}.compact-composer .duel-composer input::placeholder{font-size:15px}.duel .live-lexeme{grid-column:3;grid-row:1/3;align-self:stretch;min-width:0;min-height:0;height:auto;max-height:none;margin-top:310px;padding:24px 0 0;text-align:left;border-top:1px solid var(--border);overscroll-behavior:contain}.live-desktop-title{display:block;margin-bottom:10px}.live-desktop-title .eyebrow{display:block;font-size:10px;color:var(--muted);margin-bottom:14px}.live-desktop-title strong{font:700 30px/1.2 Chakra,system-ui,sans-serif;overflow-wrap:anywhere;color:var(--ink)}.live-heading{justify-content:flex-end;margin-bottom:18px}.live-heading>span{font-size:15px}.duel .live-lexeme p{max-width:none;margin:0 0 16px;font-size:17px;line-height:1.75;display:block;-webkit-line-clamp:unset}.duel .live-lexeme .live-example{font-size:15px!important}.duel .live-lexeme .live-translation{font-size:14px!important}.live-translation small{margin-top:6px}.duel-new-word{bottom:148px;left:calc(40px + var(--arena-side) + var(--arena-gap) + (100% - 80px - var(--arena-side) - var(--arena-study) - 2 * var(--arena-gap))/2)}.duel-connection{top:100px;left:calc(40px + var(--arena-side) + var(--arena-gap));right:calc(40px + var(--arena-study) + var(--arena-gap))}}@media(min-width:901px)and (max-width:1199px)and (min-height:501px){.duel.arena{--arena-side:160px;--arena-study:220px;--arena-gap:24px;padding-left:24px;padding-right:24px}.duel-player.self{left:24px}.duel-players .duel-player.opponent{right:24px}.duel-center,.duel-connection{left:calc(24px + var(--arena-side) + var(--arena-gap));right:calc(24px + var(--arena-study) + var(--arena-gap))}.duel-player .duel-avatar{width:88px;height:88px}.duel-player b{font-size:16px}.desktop-duel-summary dl{grid-template-columns:1fr;gap:20px}.owned-word.current .link-word{font-size:max(16px,min(56px,calc((100cqi - 76px) / var(--word-length) / .7)))}.duel .live-lexeme p{font-size:15px}.duel-new-word{left:calc(24px + var(--arena-side) + var(--arena-gap) + (100% - 48px - var(--arena-side) - var(--arena-study) - 2 * var(--arena-gap))/2)}}@media(min-width:901px)and (min-height:501px)and (max-height:700px){.duel.arena{padding-top:20px;padding-bottom:20px}.duel-players .duel-player{top:24px;gap:8px}.duel-player .duel-avatar{width:72px;height:72px}.duel-player [data-testid^=score-]{font-size:24px}.desktop-duel-summary,.duel .live-lexeme{margin-top:252px;padding-top:16px}.desktop-duel-summary dl{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0 16px}.desktop-duel-summary dd{font-size:24px}.duel-chain{padding-bottom:28px}.duel-center{top:24px}}@font-face{font-family:Literata;src:url(/fonts/Literata.ttf) format("truetype");font-weight:200 900;font-display:swap}.scene-entry{position:relative;z-index:2;display:flex;margin:16px auto 28px;max-width:420px;text-decoration:none;justify-content:center}.app-scene{--story-ink:#263e38;--story-muted:#747d70;--story-line:#d8ddce;--story-paper:#f8f7f0;--story-green:#326451;background:var(--story-paper);min-height:100dvh;color:var(--story-ink)}.app-scene .app-header,.app-scene .bottom-nav{display:none}.app-scene>.shell{max-width:none;margin:0}.app-scene .page{padding:0;max-width:none}.scene-shell{max-width:760px;margin:0 auto;padding:28px 34px 70px}.scene-shell a{color:inherit}.scene-shell button{border:1px solid var(--story-line);background:transparent;border-radius:6px;padding:10px 16px;min-height:44px}.scene-shell input,.scene-shell select,.scene-shell textarea{max-width:100%;background:transparent;border:1px solid var(--story-line);border-radius:5px;padding:12px;color:inherit}.scene-shell label{display:block;margin-top:14px}.scene-shell .text-button{border:0;padding:8px 0;color:var(--story-muted);font-size:13px;text-decoration:underline;text-underline-offset:4px}.scene-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.scene-top>a{text-decoration:none;padding:8px 0}.scene-top>span{font-size:10px;letter-spacing:.18em}.story-progress{height:2px;background:var(--story-line);margin:20px 0 58px}.story-progress>span{height:100%;display:block;background:var(--story-green);transition:width .7s ease}.scene-kicker{font:10px/1.6 system-ui,sans-serif;letter-spacing:.2em;color:var(--story-muted);margin-bottom:16px}.story-heading{margin-bottom:45px}.story-heading h1,.scene-library h1{font-family:Literata,Georgia,serif;font-weight:450;font-size:clamp(32px,5vw,47px);letter-spacing:-.045em;line-height:1.22}.story-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:var(--story-muted);margin-top:22px}.story-meta b{font-weight:500}.reading-hint{font-size:11px;color:var(--story-muted);margin-top:13px}.story-article{font-family:Literata,Georgia,serif;font-size:21px;line-height:1.95;font-optical-sizing:auto;letter-spacing:-.018em;overflow-wrap:anywhere}.story-article p{margin:0 0 25px}.story-intro{color:var(--story-muted);font-size:18px}.story-passage,.story-current{animation:story-appear .5s ease both}.scene-shell .story-word{display:inline;border:0;border-radius:2px;background:none;min-height:0;padding:0;font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer}.scene-shell .story-word:hover,.scene-shell .story-word:focus-visible{background:#dce5d5;text-decoration:underline;text-underline-offset:4px}.scene-shell .looked-up{text-decoration:underline dotted #a4ad8c;text-underline-offset:5px}.scene-shell .sentence-translate{display:inline;border:0;background:none;padding:0 2px;margin-left:3px;min-height:0;font:12px/1 system-ui,sans-serif;vertical-align:super;color:var(--story-muted);opacity:.55}.scene-shell .sentence-translate:hover,.scene-shell .sentence-translate:focus-visible{opacity:1;background:#dce5d5}.scene-shell .story-answer{display:inline;min-height:0;border:0;border-radius:3px;padding:1px 3px;font:inherit;font-weight:550;letter-spacing:inherit;text-decoration:underline;text-underline-offset:5px}.correct{color:#276341!important}.incorrect{color:#a34232!important}.unconfirmed{color:#886819!important}.skipped{color:#69727c!important}.story-answer.correct{background:#e0ebde}.story-answer.incorrect{background:#f3e1d8;text-decoration-style:wavy}.story-answer.unconfirmed{background:#f3ead3;text-decoration-style:dotted}.story-answer.skipped{background:#e9e9e5;text-decoration-style:dashed}.scene-prompt{font:inherit;font-weight:500!important;margin-top:10px!important}.scene-answer{font:14px/1.5 system-ui,sans-serif;margin-top:8px}.story-composer{display:flex;align-items:center;gap:8px;border-bottom:1px solid #829985;padding-bottom:6px}.scene-shell .story-composer input{width:100%;min-width:0;flex:1;border:0;border-radius:0;padding:10px 0;font:19px/1.5 Literata,Georgia,serif}.scene-shell .story-composer input:focus{outline:none}.story-composer:focus-within{border-bottom:2px solid var(--story-green)}.scene-shell .story-composer button{background:var(--story-green);color:#fff;width:45px;border:0;font-size:24px;padding:0}.scene-shell .scene-skip{margin-top:6px;font-size:11px}.scene-inline-status{font-size:12px;min-height:20px;color:var(--story-muted);margin:16px 0}.scene-leave{margin-top:48px}.story-ending{text-align:center;margin:48px 0 0;border-top:1px solid var(--story-line);padding-top:32px}.ending-flourish{font-size:32px;color:#9a976d;display:block;margin-bottom:12px}.story-ending h2{font:400 32px/1.4 Literata,Georgia,serif;margin-bottom:12px}.story-ending>p:not(.scene-kicker){font-size:12px;color:var(--story-muted);margin:12px 0}.story-legend{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.story-ending small{color:var(--story-muted);font-size:10px}.scene-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:24px;font-size:12px}.story-ending .scene-actions{justify-content:center}.scene-feedback{margin-top:28px;border:1px solid var(--story-line);padding:22px;border-radius:8px}.scene-feedback textarea{display:block;width:100%;min-height:100px}.scene-feedback button{margin:14px 10px 0 0}.scene-library>.scene-kicker{margin-top:70px}.scene-deck{color:var(--story-muted);margin-top:22px}.scene-catalog{margin-top:46px}.scene-catalog article{position:relative;border-top:1px solid var(--story-line);padding:30px 0 30px 65px}.scene-chapter{position:absolute;left:0;top:30px;font:24px Literata,serif;color:#a8b09c}.scene-catalog small{font-size:10px;letter-spacing:.1em;color:var(--story-muted)}.scene-catalog h2{font:400 27px/1.5 Literata,serif;margin:8px 0}.scene-catalog p{font-size:13px;color:var(--story-muted)}.scene-options{border-top:1px solid var(--story-line);margin-top:26px;padding-top:20px;font-size:13px}.scene-options summary{cursor:pointer}.scene-options form{margin-top:20px}.scene-options form button{margin-left:8px}.scene-lobby{font-size:14px;line-height:2}.scene-lobby input{width:100%;font-size:12px}.scene-lobby>button{margin:16px 10px 16px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reading-tip{position:fixed;margin:0;width:380px;max-width:calc(100vw - 28px);max-height:65dvh;overflow-y:auto;padding:20px;background:#fffef8;color:#263e38;border:1px solid #d8ddce;border-radius:12px;box-shadow:0 16px 60px #263e3826;font:14px/1.65 system-ui,sans-serif}.reading-tip::backdrop{background:#263e380d}.reading-tip:not([open]){display:none}.tip-head{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.18em;color:#747d70}.scene-shell .tip-head button{border:0;padding:0;min-height:32px;width:32px;font-size:24px}.tip-tabs{display:flex;border-bottom:1px solid #d8ddce;margin:10px 0 18px}.scene-shell .tip-tabs button{border:0;border-radius:0;font-size:12px;padding:7px 12px}.tip-tabs button[aria-selected=true]{box-shadow:inset 0 -2px #326451;color:#326451}.reading-tip h2{font:500 27px/1.4 Literata,serif}.reading-tip p{margin:12px 0}.reading-tip details{font-size:12px;margin:12px 0}.reading-tip summary{cursor:pointer}.tip-original{font:16px/1.7 Literata,serif}.tip-saved{font-size:11px;color:#326451}.tip-source{display:block;font-size:10px;color:#747d70!important}.scene-shell .tip-report{font-size:11px;padding:6px 0;border:0;text-decoration:underline}.reading-tip small{color:#747d70}.reading-tip [role=tabpanel]{min-height:110px}@keyframes story-appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:600px){.scene-shell{padding:20px 24px 50px}.scene-top{font-size:11px}.scene-top>span{font-size:9px}.story-progress{margin:15px 0 38px}.story-heading{margin-bottom:32px}.story-article{font-size:19px;line-height:1.95}.story-intro{font-size:17px}.story-meta{gap:14px}.story-article p{margin-bottom:23px}.reading-hint{font-size:10px}.reading-tip{top:auto!important;bottom:14px;left:14px!important;width:calc(100vw - 28px)}.scene-catalog article{padding-left:42px}.story-ending h2{font-size:28px}}@media(prefers-reduced-motion:reduce){.story-passage,.story-current{animation:none}.story-progress>span{transition:none}}:root[data-theme=dark] .app-scene{--story-ink:#dedfd4;--story-muted:#adb4a5;--story-line:#414c40;--story-paper:#232b26;--story-green:#719d7f}:root[data-theme=dark] .app-scene .story-word:hover{background:#3c4d3e}:root[data-theme=dark] .reading-tip{background:#26342c;color:#e6eadf}:root[data-theme=dark] .reading-tip .correct{color:#9ad6ad!important}:root[data-theme=dark] .reading-tip .incorrect{color:#f7b5a6!important}:root[data-theme=dark] .reading-tip .unconfirmed{color:#e8d397!important}@media(hover:hover){.scene-shell .sentence-translate{opacity:0}.scene-shell .story-sentence:hover .sentence-translate,.scene-shell .story-sentence:focus-within .sentence-translate{opacity:.7}}.scene-library h1,.story-ending h2{font-family:system-ui,Microsoft YaHei,sans-serif}.story-composer input::placeholder{font-family:system-ui,Microsoft YaHei,sans-serif;font-size:14px}.scene-inline-status{font-family:system-ui,Microsoft YaHei,sans-serif}.scene-reading{max-width:820px;padding-top:0}.app-scene>.shell{padding-inline:0}.scene-reading .scene-top{position:sticky;top:0;z-index:5;min-height:66px;background:var(--story-paper);background:color-mix(in srgb,var(--story-paper) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);margin-bottom:42px;font:12px/1.4 system-ui,sans-serif}.scene-top .scene-back{display:flex;align-items:center;gap:9px;min-height:44px}.scene-top .nav-progress{position:absolute;left:50%;transform:translate(-50%);letter-spacing:.08em;font-size:11px;color:var(--story-muted)}.scene-tools{display:flex;align-items:center;gap:18px}.scene-tools a{display:flex;align-items:center;min-height:44px;text-decoration:none}.scene-shell .scene-tools button{display:flex;align-items:center;gap:5px;border:0;padding:0 4px;min-width:44px;font:inherit;color:var(--story-muted)}.scene-shell .scene-tools .scene-sound{font-size:20px}.scene-sound .desktop-label{font-size:11px}.scene-sound[aria-pressed=false]{text-decoration:line-through;opacity:.65}.scene-top .story-progress{position:absolute;inset:auto 0 0;height:2px;margin:0}.story-heading{margin-bottom:25px;scroll-margin-top:86px}.story-heading .scene-kicker{margin-bottom:12px}.story-heading h1{font-size:clamp(30px,4.8vw,44px);letter-spacing:-.035em}.story-meta{margin-top:17px;gap:18px}.reading-hint{margin-top:10px}.story-article{position:relative;isolation:isolate;font-size:21px;line-height:1.78;letter-spacing:-.012em}.story-article p{margin:0 0 .95em}.story-article .story-intro{margin-bottom:1.25em;font-size:18px;line-height:1.7}.story-sentence{position:relative}.story-token{white-space:nowrap}.scene-shell .sentence-translate{position:absolute;inset:auto;transform:translate(-2px,-50%);margin:0;padding:0;width:24px;height:24px;min-height:24px;font-size:11px;line-height:24px;border-radius:50%;background:var(--story-paper);opacity:0;z-index:1}.scene-shell .sentence-translate:focus-visible{outline:2px solid var(--story-green);outline-offset:1px}.scene-prompt{font-weight:400!important}.story-current{scroll-margin-block:100px}.scene-answer{margin:0;font:12px/1.5 system-ui,sans-serif}.scene-shell .scene-skip{margin:0;padding:4px 0;min-height:32px}.story-blank{display:inline-flex;align-items:baseline;vertical-align:baseline;max-width:100%;position:relative;border-bottom:2px solid var(--story-green);border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--story-green) 6%,transparent);transition:background .18s,box-shadow .18s}.story-blank:focus-within{background:color-mix(in srgb,var(--story-green) 10%,transparent);box-shadow:0 3px color-mix(in srgb,var(--story-green) 18%,transparent)}.blank-width{position:relative;display:inline-grid;min-width:5ch;max-width:min(19ch,55vw);vertical-align:baseline;overflow:hidden}.blank-width>span{grid-area:1/1;visibility:hidden;white-space:pre;padding:0 5px;font:inherit}.scene-shell .blank-width input{position:absolute;top:0;right:0;bottom:0;left:0;display:block;min-width:0;width:100%;max-width:none;border:0;background:none!important;border-radius:0;padding:0 5px;font:inherit;line-height:inherit;color:var(--story-ink);outline:none;box-shadow:none;height:100%;letter-spacing:inherit}.blank-width input::placeholder{color:var(--story-muted)}.scene-shell .story-blank button{align-self:center;display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:34px;width:34px;margin:0;border:0;border-radius:4px;padding:0;font:20px/1 system-ui,sans-serif;color:var(--story-green);background:transparent}.scene-shell .story-blank button:hover:not(:disabled){background:color-mix(in srgb,var(--story-green) 12%,transparent)}.scene-shell .story-blank button:focus-visible{outline:2px solid var(--story-green)}.story-blank.needs-correction{border-color:#a34232;animation:blank-nudge .3s ease}.story-blank.is-pending{animation:blank-breathe .8s ease infinite alternate}.story-locked{border-bottom:1px dotted var(--story-muted);color:var(--story-muted)}.story-locked small{font:10px system-ui,sans-serif}.story-passage:last-of-type .story-answer{animation:answer-settle .55s ease both}.scene-inline-status{margin:12px 0;min-height:0}.scene-inline-status:empty{display:none}.story-ending{position:relative;text-align:left;margin:0 0 30px;padding:22px 0;border-top:1px solid var(--story-line);border-bottom:1px solid var(--story-line)}.story-ending .ending-flourish{position:absolute;right:8px;top:22px;font-size:42px;margin:0;line-height:1}.ending-score{display:block;float:right;font:500 35px/1.2 Literata,serif;margin:0 55px 12px 16px}.story-ending .ending-score small{font:12px system-ui,sans-serif}.story-ending h2{font:500 18px/1.5 system-ui,sans-serif;margin:0 0 6px}.story-ending>p:not(.scene-kicker){margin:8px 0}.story-ending .story-legend{justify-content:flex-start;gap:16px;margin-top:15px}.story-ending .scene-actions{justify-content:flex-start;margin-top:16px;gap:16px}.story-ending .scene-actions button{padding:6px 12px;font-size:12px}.story-ripple{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-1;pointer-events:none}.story-ripple i{position:absolute;left:50%;top:0;width:120px;height:120px;border-radius:50%;border:1px solid color-mix(in srgb,var(--story-green) 24%,transparent);background:radial-gradient(circle,transparent 52%,color-mix(in srgb,var(--story-green) 7%,transparent) 70%,transparent 72%);animation:story-water 2.8s ease-out both}.story-ripple i:nth-child(2){animation-delay:.23s}.story-ripple i:nth-child(3){animation-delay:.46s}.story-completed .story-passage{animation:story-wave 1.3s ease both}.story-completed .story-passage:nth-of-type(2){animation-delay:.1s}.story-completed .story-passage:nth-of-type(3){animation-delay:.2s}.story-completed .story-passage:nth-of-type(4){animation-delay:.3s}.story-completed .story-passage:nth-of-type(5){animation-delay:.4s}.story-completed .story-passage:nth-of-type(6){animation-delay:.5s}.story-completed .story-passage:nth-of-type(7){animation-delay:.6s}.story-completed .story-passage:nth-of-type(8){animation-delay:.7s}@keyframes blank-nudge{0%,to{transform:translate(0)}35%{transform:translate(-3px)}70%{transform:translate(3px)}}@keyframes blank-breathe{to{opacity:.55}}@keyframes answer-settle{0%{box-shadow:0 0 0 6px #8ca77b22}to{box-shadow:0 0 0 0 transparent}}@keyframes story-water{0%{transform:translate(-50%,-50%) scale(.3);opacity:.8}to{transform:translate(-50%,-50%) scale(18);opacity:0}}@keyframes story-wave{0%{transform:translateY(9px);opacity:.6}45%{transform:translateY(-2px);opacity:1}to{transform:none;opacity:1}}@media(max-width:600px){.scene-reading{padding:0 22px 40px}.scene-reading .scene-top{min-height:60px;margin-bottom:28px}.scene-tools{gap:10px}.scene-top .nav-progress{position:static;transform:none;margin-right:auto;letter-spacing:0;font-size:10px}.scene-top{gap:13px}.scene-sound .desktop-label{display:none}.scene-shell .scene-tools .scene-sound{min-width:32px;justify-content:center}.scene-shell .scene-tools .scene-nav-leave{min-width:28px;font-size:11px}.story-heading{margin-bottom:22px}.story-article{font-size:19px;line-height:1.78}.story-article p{margin-bottom:.85em}.story-article .story-intro{font-size:17px}.scene-shell .story-blank button{min-height:40px;min-width:36px;width:36px}.story-ending{padding:20px 0;margin-bottom:25px}.story-ending .scene-actions{gap:12px}.story-ending .scene-actions a{font-size:11px}}@media(prefers-reduced-motion:reduce){.story-ripple{display:none}.story-completed .story-passage,.story-passage:last-of-type .story-answer,.story-blank.needs-correction,.story-blank.is-pending{animation:none}.story-blank{transition:none}}.scene-shell .sentence-translate{position:static;inset:auto;transform:none;display:inline-flex;align-items:center;justify-content:center;vertical-align:baseline;width:13px;height:17px;min-height:0;margin:0 1px;padding:0;background:none;font:10px/1 system-ui,sans-serif;opacity:.5}.scene-shell .story-sentence:hover .sentence-translate,.scene-shell .story-sentence:focus-within .sentence-translate{opacity:1}.story-await-blank{color:var(--story-muted)}.story-ending{margin:30px 0 0}.scene-reading .story-heading{margin-bottom:26px}.scene-connection-toast,.app-scene>.shell>.connection-banner,.app-scene .shell>.connection-banner{position:fixed;z-index:20;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:calc(100vw - 36px);margin:0;padding:10px 16px;border:1px solid var(--story-line);border-radius:8px;background:var(--story-paper);color:var(--story-ink);box-shadow:0 4px 24px #263e3820;font:12px/1.5 system-ui,sans-serif;pointer-events:none}.app-scene:has(.scene-reading) .connection-banner{display:none}.app-scene{--story-paper:#faf7ee;--story-ink:#293f35;--story-muted:#68745f;--story-line:#d8dcc8;--story-green:#456548;--garden-pink:#f0b9c3;--garden-gold:#d4ac59;--garden-sky:#dbe9ef;--garden-card:#fffdf6;--garden-shadow:0 8px 28px #4351370b;background:var(--story-paper)}.scene-art{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.scene-library{max-width:1248px;padding:0 34px 36px;font-size:15px}.garden-nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.garden-nav a{min-height:44px;display:flex;align-items:center;text-decoration:none}.garden-nav>span{color:var(--story-muted);font-size:11px;letter-spacing:.16em}.story-garden{position:relative;isolation:isolate;min-height:490px;overflow:hidden;border-radius:20px 20px 90px;background:var(--garden-sky)}.story-garden>.scene-art{position:absolute;top:0;right:0;bottom:0;left:0;object-position:center 58%}.story-garden:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#e8f0eaba 0%,#e8f0ea5c 35%,transparent 65%)}.garden-copy{position:relative;z-index:1;padding:58px 5%;max-width:620px;color:#293f35}.garden-copy .scene-kicker{color:#4e624f;font-size:11px;margin:0 0 22px;letter-spacing:.12em}.scene-library .garden-copy h1{font-family:Georgia,Songti SC,SimSun,serif;font-size:clamp(32px,4vw,49px);font-weight:500;line-height:1.4;letter-spacing:.025em;margin:0}.garden-copy .scene-deck{font-size:14px;color:#425846;margin-top:20px;line-height:1.8}.garden-link{display:inline-flex;align-items:center;gap:35px;margin-top:20px;padding:12px 18px;min-height:46px;border-radius:28px;background:#faf7eedb;text-decoration:none;font-size:12px;box-shadow:0 2px 8px #314e2910}.garden-link span{font-size:20px}.shelf-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:54px 0 25px;scroll-margin-top:24px}.shelf-heading .scene-kicker{letter-spacing:.12em;font-size:10px;margin:0 0 8px}.shelf-heading h2{font-size:23px;font-weight:500;letter-spacing:.03em;margin:0}.shelf-heading>span{font-size:11px;color:var(--story-muted);padding-bottom:3px}.scene-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin:0}.scene-catalog article{display:flex;flex-direction:column;min-width:0;padding:0;border:1px solid var(--story-line);border-radius:12px 12px 22px;background:var(--garden-card);overflow:hidden;box-shadow:var(--garden-shadow);transition:transform .25s ease,box-shadow .25s ease}.cover-frame{aspect-ratio:4/3;position:relative;overflow:hidden;background:var(--garden-sky)}.cover-frame>.scene-art{transition:transform .6s ease}.scene-catalog .scene-chapter{position:absolute;left:16px;top:14px;display:grid;place-items:center;width:34px;height:40px;font:16px Literata,Georgia,serif;background:#faf7eee8;color:#43543b;border-radius:2px 2px 15px 15px;box-shadow:0 2px 8px #30402110}.cover-frame small{position:absolute;right:12px;bottom:12px;padding:5px 9px;border-radius:20px;background:#faf7eeee;color:#40563f;font:10px/1.4 system-ui,sans-serif;letter-spacing:.03em}.cover-copy{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}.scene-catalog h2{font:450 23px/1.35 Literata,Georgia,serif;letter-spacing:-.025em;margin:0 0 11px;overflow-wrap:normal}.scene-catalog p{font-size:12px;line-height:1.85;margin:0;color:var(--story-muted)}.scene-catalog .scene-actions{margin:20px 0 0;gap:16px;padding-top:4px;flex:1;align-items:end}.scene-catalog .scene-actions button{font-size:12px;padding:10px 15px;border-radius:24px;min-height:44px}.scene-catalog .scene-actions button:first-child{background:var(--story-green);border-color:var(--story-green);color:#fffdf6;box-shadow:0 3px #243e2515}.scene-catalog .scene-actions .text-button{background:none;color:var(--story-muted);border:0;padding:10px 0;text-decoration:none}.scene-shell button:focus-visible,.garden-nav a:focus-visible,.garden-link:focus-visible{outline:3px solid var(--garden-gold);outline-offset:4px}.scene-library .scene-options{margin:38px 0 0;padding:22px 26px;border:1px solid var(--story-line);border-radius:12px;background:var(--garden-card);font-size:13px}.scene-options form{max-width:480px}.scene-options summary{min-height:28px}.scene-options form button{margin-left:0;background:var(--story-green);color:#fffdf6;border:0;border-radius:24px}.garden-footer{position:relative;text-align:center;padding:65px 0 45px;min-height:230px;color:var(--story-muted);font-size:12px}.garden-footer>.scene-art{position:absolute;left:3%;bottom:0;width:160px;height:180px;object-fit:contain;transform:rotate(-12deg);opacity:.8}.garden-footer p{margin:16px 0 12px;letter-spacing:.12em}.garden-footer a{font-size:11px;text-underline-offset:5px}.scene-reading{position:relative;max-width:820px;padding-bottom:60px}.scene-reading .scene-top{margin-bottom:20px}.scene-reading .story-heading{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:208px;padding:28px 30px;margin-bottom:24px;border:0;border-radius:14px 14px 30px;overflow:hidden;background:#354a3c}.story-heading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#17291f00 15%,#17291f30 38%,#17291fe8),linear-gradient(90deg,#17291f38,transparent 80%)}.story-heading-copy{min-width:0;max-width:100%;position:relative}.story-heading .chapter-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 52%;border-radius:0;box-shadow:none}.story-heading h1{font-size:clamp(29px,3.6vw,40px);line-height:1.25;font-weight:450;margin:0;overflow-wrap:anywhere;color:#fffdf3;text-shadow:0 2px 12px #13251b66}.story-heading .story-meta{font-size:11px;gap:12px;line-height:1.7;margin-top:10px;color:#f3f3e7}.reader-botanicals{position:absolute;right:calc(100% + 20px);top:240px;width:170px;height:240px;pointer-events:none;opacity:.6}.reader-botanicals .scene-art{object-fit:contain;transform:rotate(-13deg)}.scene-reading .story-intro{color:var(--story-muted)}.scene-reading .scene-top .story-progress{height:3px;border-radius:3px;overflow:hidden;background:var(--story-line)}.scene-top .story-progress>span{background:linear-gradient(90deg,var(--story-green),#a3ab70)}.scene-reading .scene-top .scene-sound{color:var(--story-green)}.scene-shell .story-blank{border-radius:5px 5px 0 0;background:color-mix(in srgb,var(--garden-gold) 10%,transparent)}.scene-shell .story-blank:focus-within{background:color-mix(in srgb,var(--garden-gold) 18%,transparent);box-shadow:0 3px color-mix(in srgb,var(--garden-gold) 30%,transparent)}.scene-shell .story-continue,.scene-lobby>button{background:var(--story-green);color:#fffdf6;border-color:var(--story-green);border-radius:24px;font-size:13px}.scene-lobby{padding:22px 26px 28px;border:1px solid var(--story-line);background:var(--garden-card);border-radius:16px;font-size:13px}.scene-lobby .lobby-art{height:210px;object-position:center 76%;margin:-22px -26px 24px;width:calc(100% + 52px);max-width:none;border-radius:15px 15px 60px}.scene-lobby h2{font-size:23px;font-weight:500}.scene-lobby p{color:var(--story-muted)}.scene-lobby input,.scene-lobby select{border-color:var(--story-line);background:var(--story-paper)}.scene-lobby strong{font-size:13px;letter-spacing:.06em;color:var(--story-ink)}.story-ending{border:0;border-radius:18px;background:var(--garden-card);padding:0 28px 26px;overflow:hidden;box-shadow:var(--garden-shadow);margin-top:38px}.story-ending .closing-art{height:250px;width:calc(100% + 56px);max-width:none;margin:0 -28px 26px;object-position:center 63%;border-radius:0 0 55px}.story-ending .ending-flourish{top:278px;right:22px;color:var(--garden-gold)}.story-ending .ending-score{margin-right:44px;color:var(--story-green)}.story-ending .scene-actions button{border-radius:24px;padding:9px 15px;border-color:var(--story-line);background:transparent;color:var(--story-ink)}.story-ending .scene-actions button:first-child{background:var(--story-green);color:#fffdf6;border-color:var(--story-green)}.story-ending .scene-actions a{text-underline-offset:4px}.reading-tip{background:var(--garden-card);border-color:var(--story-line);color:var(--story-ink);border-radius:16px 16px 26px;box-shadow:0 18px 65px #263e382c}.reading-tip .tip-head{color:var(--story-muted)}.reading-tip .tip-tabs{border-color:var(--story-line)}.reading-tip .tip-tabs button[aria-selected=true]{color:var(--story-green);box-shadow:inset 0 -2px var(--story-green)}.reading-tip .tip-saved{color:var(--story-green)}.reading-tip small,.reading-tip .tip-source{color:var(--story-muted)!important}@media(hover:hover){.scene-catalog article:hover{transform:translateY(-4px);box-shadow:0 12px 30px #43513716}.scene-catalog article:hover .cover-frame>.scene-art{transform:scale(1.035)}.garden-link:hover{background:#fffdf6}.scene-catalog .scene-actions button:first-child:hover{background:#354e38}}@media(max-width:1100px){.reader-botanicals{display:none}}@media(max-width:900px){.scene-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.story-garden{min-height:430px}.garden-copy{padding:44px 5%}.scene-library{padding-inline:24px}}@media(max-width:600px){.scene-library{padding:0 18px 28px}.garden-nav{height:64px;font-size:11px}.garden-nav>span{font-size:9px;letter-spacing:.03em}.story-garden{min-height:500px;border-radius:14px 14px 64px}.story-garden>.scene-art{object-position:88% bottom}.story-garden:after{background:linear-gradient(180deg,#e9f1eefa,#e9f1eee0 33%,#e9f1ee00 65%)}.garden-copy{padding:27px 25px;max-width:100%}.scene-library .garden-copy h1{font-size:32px;line-height:1.42}.garden-copy .scene-kicker{font-size:9px;margin-bottom:14px}.garden-copy .scene-deck{font-size:12px;margin-top:12px}.garden-link{margin-top:14px;min-height:40px;padding:8px 14px;font-size:11px}.shelf-heading{margin:35px 0 20px;gap:8px}.shelf-heading h2{font-size:20px}.shelf-heading .scene-kicker{font-size:9px}.shelf-heading>span{font-size:10px;white-space:nowrap}.scene-catalog{grid-template-columns:1fr;gap:24px}.cover-frame{aspect-ratio:1.5}.cover-copy{padding:19px 20px 22px}.scene-catalog h2{font-size:24px}.scene-catalog p{font-size:13px}.scene-catalog .scene-actions{margin-top:16px}.scene-library .scene-options{padding:18px;margin-top:26px}.garden-footer{padding:48px 0 36px;min-height:205px}.garden-footer>.scene-art{width:96px;height:125px;left:-8px;opacity:.55}.garden-footer p{font-size:11px;letter-spacing:.04em}.scene-reading{padding:0 22px 45px}.scene-reading .scene-top{margin-bottom:16px}.scene-reading .story-heading{min-height:176px;padding:20px;margin-bottom:22px;border-radius:12px 12px 24px}.story-heading h1{font-size:clamp(27px,7vw,31px)}.story-heading .story-meta{font-size:10px;gap:8px;margin-top:8px}.scene-lobby{padding:18px}.scene-lobby .lobby-art{height:180px;width:calc(100% + 36px);margin:-18px -18px 22px}.scene-lobby h2{font-size:20px}.story-ending{padding:0 20px 24px}.story-ending .closing-art{height:195px;width:calc(100% + 40px);margin:0 -20px 24px}.story-ending .ending-flourish{top:224px;right:14px;font-size:30px}.story-ending .ending-score{font-size:30px;margin-right:30px}.story-ending h2{font-size:18px}.story-ending .scene-actions{gap:12px}}:root[data-theme=dark] .app-scene{--story-paper:#222c27;--story-ink:#e2e7da;--story-muted:#b0baa9;--story-line:#465344;--story-green:#9cbd98;--garden-card:#2b372f;--garden-sky:#34483e;--garden-gold:#d7b578;--garden-shadow:0 8px 25px #10191122}:root[data-theme=dark] .scene-catalog .scene-actions button:first-child,:root[data-theme=dark] .scene-shell .story-continue,:root[data-theme=dark] .scene-lobby>button,:root[data-theme=dark] .scene-options form button,:root[data-theme=dark] .story-ending .scene-actions button:first-child{background:#496c4d;color:#f3f5eb;border-color:#678565}:root[data-theme=dark] .scene-art{filter:brightness(.88) saturate(.88)}:root[data-theme=dark] .story-garden{background:#bfd2d2}:root[data-theme=dark] .story-garden:after{opacity:.88}:root[data-theme=dark] .reading-tip{background:var(--garden-card);color:var(--story-ink)}:root[data-theme=dark] .scene-shell .story-word:hover,:root[data-theme=dark] .scene-shell .story-word:focus-visible{background:#405540}:root[data-theme=dark] .story-legend .correct{color:#a3d4ad!important}:root[data-theme=dark] .story-legend .incorrect{color:#efaf9d!important}:root[data-theme=dark] .story-legend .unconfirmed{color:#ddc78d!important}:root[data-theme=dark] .story-legend .skipped{color:#b9c4cd!important}@media(prefers-reduced-motion:reduce){.scene-catalog article,.cover-frame>.scene-art{transition:none}.scene-catalog article:hover,.scene-catalog article:hover .cover-frame>.scene-art{transform:none}}.reading-mode-switch{display:flex;align-items:center;border:1px solid var(--story-line);border-radius:22px;padding:3px;gap:2px}.scene-shell .reading-mode-switch button{min-height:30px;min-width:50px;font:12px system-ui,sans-serif;padding:5px 12px;border:0;border-radius:18px;color:var(--story-muted);background:transparent}.scene-shell .reading-mode-switch button[aria-pressed=true]{background:var(--story-green);color:var(--story-paper)}.scene-reading:not([data-reading-mode=active]) .sentence-translate{display:none}.scene-reading:not([data-reading-mode=active]) .story-answer{font-weight:500;transition:background .25s,color .25s}.scene-reading[data-reading-mode=read] .story-answer{background:transparent;box-shadow:none;text-decoration-thickness:1px;text-underline-offset:5px;border-radius:0}.scene-reading[data-reading-mode=read] .story-answer.correct{color:var(--story-ink)!important;text-decoration-color:#729775}.scene-reading[data-reading-mode=read] .story-answer.incorrect{color:var(--story-ink)!important;text-decoration-color:#b96d5e}.scene-reading[data-reading-mode=read] .story-answer.unconfirmed{color:var(--story-ink)!important;text-decoration-color:#b59652}.scene-reading[data-reading-mode=read] .story-answer.skipped{color:var(--story-ink)!important;text-decoration-color:#839095}.scene-reading[data-reading-mode=read] .looked-up{text-decoration:none}.story-passage{scroll-margin-top:95px}.story-passage.is-reviewed{position:relative}.story-passage.is-reviewed:before{content:"";position:absolute;left:-14px;top:5px;bottom:5px;width:2px;background:var(--garden-gold);border-radius:2px}.story-afterword.story-ending{padding:0 0 34px;margin:36px 0 0;border:0;border-radius:0;background:none;box-shadow:none;text-align:center;overflow:visible;position:relative}.afterword-endmark{display:flex;gap:16px;align-items:center;justify-content:center;color:var(--garden-gold);font:25px/1 Literata,serif;margin:0 auto 5px}.afterword-endmark span{height:1px;width:42px;background:var(--story-line)}.story-afterword .afterword-art{width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;margin:8px auto 18px;max-width:720px}.afterword-copy{max-width:560px;margin:auto}.story-afterword .afterword-kicker{font:10px/1.5 system-ui,sans-serif;letter-spacing:.15em;color:var(--story-muted);margin:0 0 10px}.story-afterword h2{font:500 clamp(25px,3vw,32px)/1.5 Georgia,"Songti SC","SimSun",serif;letter-spacing:.04em;margin:0 0 12px;color:var(--story-ink)}.afterword-reflection{font:13px/1.8 system-ui,sans-serif;color:var(--story-muted);margin:0 0 12px}.afterword-score{font:12px/1.6 system-ui,sans-serif;color:var(--story-muted);margin:0 0 10px}.afterword-score strong{font:450 25px/1.4 Literata,serif;color:var(--story-green);margin-left:8px}.afterword-duel{font-size:12px;color:var(--story-muted)}.afterword-notes{display:flex;justify-content:center;gap:16px;font:11px system-ui,sans-serif;margin:16px 0}.afterword-actions{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin:24px 0 12px}.scene-shell .afterword-actions button{font:13px/1.5 system-ui,sans-serif;border:0;border-radius:25px;min-height:46px;padding:12px 22px}.scene-shell .afterword-actions .afterword-primary{background:var(--story-green);color:var(--story-paper);box-shadow:0 3px #40553a12}.scene-shell .afterword-actions .afterword-secondary{background:none;color:var(--story-ink);padding-inline:0}.afterword-actions button span{margin-left:16px}.afterword-small-actions{display:flex;justify-content:center;gap:22px;align-items:baseline;flex-wrap:wrap;font-size:11px;color:var(--story-muted)}.scene-shell .afterword-small-actions button{border:0;background:none;padding:6px 0;font:11px/1.5 system-ui,sans-serif;min-height:36px;text-decoration:underline;text-underline-offset:4px;color:var(--story-muted)}.scene-shell .afterword-small-actions .afterword-score-toggle{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.afterword-score-toggle>span{font:17px/1 system-ui,sans-serif;transform:rotate(0)}.afterword-score-toggle[aria-expanded=true]>span{transform:rotate(90deg)}.afterword-scoring-note{max-width:360px;margin:8px auto 0;padding:14px 16px;border:1px solid var(--story-line);border-radius:10px;background:color-mix(in srgb,var(--story-green) 4%,transparent);text-align:left;font:12px/1.8 system-ui,sans-serif;color:var(--story-muted)}.afterword-scoring-note p{margin:0}.afterword-scoring-note p:first-child{margin-bottom:5px;color:var(--story-ink);font-weight:500}.story-afterword .afterword-saved{display:block;margin-top:12px;font:10px/1.5 system-ui,sans-serif;color:var(--story-muted)}.afterword-vocabulary{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;border-top:1px solid var(--story-line);padding:20px 0 0;margin:36px auto 0;max-width:560px;text-align:left}.afterword-vocabulary .afterword-book{width:88px;height:88px;object-fit:contain;flex:none}.scene-shell .afterword-vocabulary>div>button{padding:4px 0;min-height:40px;font:13px/1.5 system-ui,sans-serif;border:0;background:none;text-align:left;color:var(--story-ink)}.afterword-vocabulary>div>button span{margin-left:14px}.afterword-vocabulary>div>p{font-size:11px;color:var(--story-muted);margin:0}.afterword-vocabulary ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;flex-basis:100%;padding:14px 0 0;margin:0}.scene-shell .afterword-vocabulary li button{display:flex;flex-direction:column;align-items:start;text-align:left;width:100%;padding:8px 0;border:0;border-bottom:1px solid var(--story-line);border-radius:0;background:none}.afterword-vocabulary li strong{font:500 18px/1.5 Literata,serif}.afterword-vocabulary li span{font:11px/1.7 system-ui,sans-serif;color:var(--story-muted)}.scene-shell .afterword-word-error{border:0;font-size:11px;color:var(--story-muted);margin-top:24px;background:none}.is-inscribing .scene-closing-art{animation:afterword-arrive 1.3s ease both}.is-inscribing .afterword-copy{animation:afterword-arrive .8s .65s ease both}@keyframes afterword-arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.scene-reading .story-ripple i{top:auto;bottom:0;animation-name:closing-water}@keyframes closing-water{0%{transform:translate(-50%,50%) scale(.3);opacity:.7}to{transform:translate(-50%,50%) scale(22);opacity:0}}.story-review-panel.reading-tip{display:block;position:fixed;inset:90px auto auto calc(max(24px,(100vw - 1180px)/2) + min(800px,100vw - 390px) + 20px);width:310px;max-width:310px;max-height:calc(100dvh - 120px);overflow-y:auto;margin:0;padding:22px;z-index:8;outline:none;box-shadow:0 10px 40px #263e3814;font:13px/1.7 system-ui,sans-serif}.review-pagination{display:flex;align-items:center;justify-content:space-between;margin:10px 0 18px;font-size:11px;color:var(--story-muted)}.scene-shell .review-pagination button{border:1px solid var(--story-line);background:none;border-radius:50%;font-size:16px;min-width:36px;min-height:36px;padding:0;color:var(--story-ink)}.review-source{font:17px/1.65 Literata,serif;padding-bottom:15px;border-bottom:1px solid var(--story-line);color:var(--story-ink)}.story-review-panel .tip-tabs button{font-size:11px;padding-inline:8px}.story-review-panel .tip-head,.story-review-sheet .tip-head{letter-spacing:.05em}.story-review-sheet.reading-tip{top:auto!important;bottom:max(12px,env(safe-area-inset-bottom));left:12px!important;width:calc(100vw - 24px);max-width:640px;max-height:57dvh;margin:0;padding:22px;overflow-y:auto;border-radius:20px;overscroll-behavior:contain}.story-review-sheet::backdrop{background:#263e3808}@media(min-width:1100px){.scene-reading{max-width:min(800px,100vw - 390px);margin-inline:auto}.scene-reading:has(.story-review-panel){margin-left:max(24px,(100vw - 1180px)/2);margin-right:auto}.scene-reading .reader-botanicals{width:120px;right:calc(100% + 8px);opacity:.45}}@media(min-width:601px)and (max-width:1099px){.story-review-sheet.reading-tip{left:calc((100vw - 640px)/2)!important;width:min(640px,calc(100vw - 24px))}}@media(max-width:600px){.scene-shell .reading-mode-switch button{min-width:45px;padding:5px 9px;min-height:32px;font-size:11px}.reading-mode-switch{padding:2px}.scene-reading:not([data-reading-mode=active]) .scene-top{gap:8px}.scene-reading:not([data-reading-mode=active]) .scene-tools{gap:0}.story-afterword.story-ending{margin-top:30px;padding-bottom:20px}.story-afterword .afterword-art{margin:8px auto 20px;aspect-ratio:2.5/1}.story-afterword h2{font-size:26px}.afterword-reflection{font-size:12px}.afterword-actions{gap:12px;margin-top:20px}.scene-shell .afterword-actions button{font-size:12px;padding:11px 18px}.afterword-actions button span{margin-left:8px}.afterword-small-actions{gap:20px}.afterword-vocabulary{margin-top:28px;gap:0 10px}.afterword-vocabulary .afterword-book{width:68px;height:76px}.afterword-vocabulary ul{gap:10px 16px}.story-review-sheet.reading-tip{padding:20px}.review-source{font-size:16px}}:root[data-theme=dark] .scene-shell .afterword-primary{background:#496c4d;color:#f3f5eb}:root[data-theme=dark] .reading-mode-switch button[aria-pressed=true]{background:#496c4d;color:#f3f5eb}:root[data-theme=dark] .afterword-notes .incorrect{color:#efaf9d!important}:root[data-theme=dark] .afterword-notes .unconfirmed{color:#ddc78d!important}:root[data-theme=dark] .afterword-notes .skipped{color:#b9c4cd!important}@media(prefers-reduced-motion:reduce){.is-inscribing .scene-closing-art,.is-inscribing .afterword-copy{animation:none}.scene-reading:not([data-reading-mode=active]) .story-answer{transition:none}}.scene-shell .scene-art-toggle{position:absolute;right:12px;top:12px;z-index:3;display:grid;place-items:center;width:36px;min-height:36px;padding:0;border:1px solid #fffdf34d;border-radius:50%;background:#20362a9c;color:#fffdf3;font:15px/1 system-ui,sans-serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.scene-shell .scene-art-toggle:disabled{opacity:.65;cursor:default}.garden-nav-tools{display:flex;align-items:center;gap:12px}.library-art-control{display:flex}.scene-shell .library-art-control .scene-art-toggle{position:static;background:none;color:var(--story-muted);border-color:var(--story-line);-webkit-backdrop-filter:none;backdrop-filter:none}.scene-reading .story-heading{padding-top:52px}.garden-foreground{position:absolute;bottom:-20px;z-index:1;width:150px;height:190px;pointer-events:none}.garden-foreground-left{left:-38px;rotate:-12deg;opacity:.75}.garden-foreground-right{right:-24px;rotate:12deg;width:180px;height:225px}.garden-foreground .scene-art{object-fit:contain}.motion-flowers{transform-origin:40% 95%}.scene-flower-bed{display:block;position:relative;width:100%;height:100%;pointer-events:none}.flower-stem{position:absolute;left:0;bottom:0;width:58%;height:95%;rotate:-8deg}.flower-stem-1{left:28%;bottom:-2%;height:82%;rotate:9deg}.flower-stem-2{left:52%;bottom:-4%;height:100%;rotate:18deg}.flower-stem .scene-art{object-fit:contain;object-position:center bottom;transform-origin:50% 94%}.footer-flowers{position:absolute;left:3%;bottom:0;width:140px;height:180px;opacity:.8;rotate:-12deg;pointer-events:none}.scene-art-air{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:inherit}.art-mote{position:absolute;width:4px;height:6px;border-radius:80% 20% 70% 30%;background:#ffe3a3;opacity:0;left:72%;top:74%;--art-drift:18px}.art-mote-1{left:85%;top:80%;--art-drift:-12px}.art-mote-2{left:62%;top:86%;--art-drift:24px}.garden-petals{container-type:size;position:absolute;top:12%;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 48%);mask-image:linear-gradient(90deg,transparent,#000 48%)}.petal-flight{position:absolute;left:-8%;top:var(--petal-top);width:var(--petal-size);height:var(--petal-size);opacity:0;pointer-events:none}.petal-turn{display:block;width:var(--petal-size);height:var(--petal-size);object-fit:contain;transform-origin:65% 55%}.garden-stage{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.garden-composition{position:absolute;width:max(100%,750px);aspect-ratio:3/2;left:50%;top:58%;transform:translate(-50%,-58%)}.garden-composition>.scene-art{position:absolute;top:0;right:0;bottom:0;left:0}.garden-fox-slot,.garden-owl-slot,.garden-book-slot{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0}.garden-fox-slot{transform:translate(28.2%,28.2%) scale(.53)}.garden-owl-slot{transform:translate(12%,7%) scale(.88)}.garden-book-slot{transform:translate(32%,34%) scale(.56)}.garden-fox{transform-origin:72% 89%}.garden-owl{transform-origin:79% 77%}.scene-closing-art{position:relative;width:100%;max-width:720px;aspect-ratio:3/1;margin:8px auto 18px;isolation:isolate}.story-afterword .scene-closing-art .afterword-art{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;margin:0}.closing-fox-slot,.closing-owl-slot,.closing-flower-slot{position:absolute;pointer-events:none}.closing-fox-slot{left:37.8%;bottom:23%;width:15%;aspect-ratio:1}.closing-owl-slot{left:49%;bottom:23%;width:12%;aspect-ratio:1}.closing-flower-slot{left:3%;bottom:12%;width:13%;height:44%;rotate:-8deg;-webkit-mask-image:linear-gradient(0deg,transparent,#000 28%);mask-image:linear-gradient(0deg,transparent,#000 28%)}.closing-flower-slot-right{left:auto;right:3%;bottom:12%;width:15%;height:48%;rotate:8deg}.chimney-smoke{position:absolute;left:78.3%;top:25%;width:8%;aspect-ratio:1;transform:translate(-50%,-90%);pointer-events:none}.chimney-smoke .smoke-wisp{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:.5;transform-origin:50% 90%}.chimney-smoke .smoke-wisp:not(:first-child){opacity:0}.closing-fox-slot .scene-art,.closing-owl-slot .scene-art,.closing-flower-slot .scene-art{object-fit:contain}.motion-fox{transform-origin:70% 88%}.motion-owl{transform-origin:50% 90%}.scene-shell .scene-closing-art .scene-art-toggle{right:0;top:0;background:var(--story-paper);color:var(--story-muted);border-color:var(--story-line);width:32px;min-height:32px;font-size:13px}@media(prefers-reduced-motion:no-preference){.garden-fox{animation:scene-garden-fox 6.4s cubic-bezier(.42,0,.32,1) infinite}.garden-owl{animation:scene-garden-owl 7.8s cubic-bezier(.42,0,.32,1) -2.5s infinite}.petal-flight{animation:scene-petal-flight var(--petal-time) cubic-bezier(.36,.08,.56,.96) var(--petal-delay) infinite}.petal-turn{animation:scene-petal-turn var(--petal-turn) ease-in-out var(--petal-delay) infinite}.garden-camera,.chapter-art.art-animated{animation:scene-camera 22s cubic-bezier(.45,0,.3,1) infinite alternate;transform-origin:55% 60%}.garden-camera{animation-duration:20s}.cover-camera{animation:scene-cover-drift 15s cubic-bezier(.45,0,.3,1) infinite alternate;transform-origin:55% 55%}.scene-catalog article:nth-child(3n+2) .cover-camera{animation-duration:18s;animation-delay:-5s;transform-origin:40% 60%}.scene-catalog article:nth-child(3n) .cover-camera{animation-duration:21s;animation-delay:-9s;transform-origin:60% 50%}.motion-flowers{animation:scene-flower-sway 7.5s cubic-bezier(.45,0,.35,1) infinite}.garden-foreground-right .motion-flowers{animation-delay:-3.2s;animation-duration:9s}.flower-stem .motion-blossom{animation:scene-cosmos-sway 4.8s cubic-bezier(.4,0,.3,1) infinite}.flower-stem-1 .motion-blossom{animation-duration:5.7s;animation-delay:-2.1s}.flower-stem-2 .motion-blossom{animation-duration:4.3s;animation-delay:-3.2s}.garden-foreground-right .flower-stem .motion-blossom,.closing-flower-slot-right .flower-stem .motion-blossom{animation-direction:reverse;animation-delay:-1.7s}.chimney-smoke .smoke-wisp{animation:scene-smoke-rise 7.2s cubic-bezier(.35,0,.3,1) infinite}.chimney-smoke .smoke-wisp-1{animation-delay:-2.4s}.chimney-smoke .smoke-wisp-2{animation-delay:-4.8s}.reader-flowers{animation:scene-margin-sway 10s cubic-bezier(.45,0,.35,1) infinite;transform-origin:50% 95%}.motion-fox{animation:scene-fox-breathe 6.8s cubic-bezier(.42,0,.32,1) infinite}.motion-owl{animation:scene-owl-settle 5.6s cubic-bezier(.42,0,.32,1) infinite;animation-delay:-2.1s}.art-mote{animation:scene-petal-drift 11s cubic-bezier(.4,0,.25,1) infinite}.art-mote-1{animation-delay:-4s;animation-duration:13s}.art-mote-2{animation-delay:-7s;animation-duration:15s}}@keyframes scene-camera{0%{transform:scale(1.018) translate(-.3%,.2%)}to{transform:scale(1.052) translate(.3%,-.4%)}}@keyframes scene-petal-flight{0%{transform:translateY(12cqh);opacity:0}12%{opacity:.75}32%{transform:translate(33cqw,-8cqh)}58%{transform:translate(63cqw,2cqh);opacity:.8}82%{transform:translate(91cqw,-17cqh);opacity:.6}to{transform:translate(118cqw,-28cqh);opacity:0}}@keyframes scene-garden-fox{0%,to{transform:rotate(-.35deg) scaleY(1)}45%{transform:rotate(.45deg) scaleY(1.008)}75%{transform:rotate(.05deg) scaleY(1.002)}}@keyframes scene-garden-owl{0%,to{transform:rotate(.4deg) scaleY(1)}45%{transform:rotate(-.5deg) scaleY(1.009)}75%{transform:rotate(.1deg) scaleY(1.003)}}@keyframes scene-petal-turn{0%{transform:rotate(-25deg) rotateY(0) skew(-8deg)}35%{transform:rotate(65deg) rotateY(65deg) skew(12deg)}70%{transform:rotate(155deg) rotateY(160deg) skew(-6deg)}to{transform:rotate(335deg) rotateY(360deg) skew(-8deg)}}@keyframes scene-cover-drift{0%{transform:scale(1.012) translate(-.2%,.2%)}to{transform:scale(1.065) translate(.4%,-.5%)}}@keyframes scene-cosmos-sway{0%,to{transform:rotate(-2.5deg) skew(-.6deg)}40%{transform:rotate(3.5deg) skew(1.2deg) scaleY(.992)}70%{transform:rotate(.2deg) skew(-.25deg)}}@keyframes scene-smoke-rise{0%{transform:translateY(3%) scale(.65,.7) rotate(-4deg);opacity:0}18%{opacity:.62}55%{transform:translate(12%,-18%) scaleY(1.1) rotate(3deg);opacity:.42}to{transform:translate(32%,-45%) scale(1.3,1.45) rotate(10deg);opacity:0}}@keyframes scene-flower-sway{0%,to{transform:rotate(-1deg) skew(-.5deg)}45%{transform:rotate(1.8deg) skew(.8deg) scaleY(.995)}75%{transform:rotate(.2deg) skew(-.2deg)}}@keyframes scene-margin-sway{0%,to{transform:rotate(-13deg) skew(-.4deg)}45%{transform:rotate(-11deg) skew(.6deg)}75%{transform:rotate(-12.5deg)}}@keyframes scene-fox-breathe{0%,to{transform:rotate(-.35deg) scaleY(1)}42%{transform:rotate(.5deg) scaleY(1.012)}72%{transform:rotate(.05deg) scaleY(1.003)}}@keyframes scene-owl-settle{0%,to{transform:translateY(0) rotate(.6deg)}40%{transform:translateY(-1.8px) rotate(-.8deg) scaleY(1.009)}72%{transform:translateY(-.3px) rotate(.15deg)}}@keyframes scene-petal-drift{0%{transform:translateY(12px) rotate(0);opacity:0}20%{opacity:.55}75%{opacity:.3}to{transform:translate(var(--art-drift),-42px) rotate(100deg);opacity:0}}[data-art-motion]:not([data-art-motion=running]) .art-animated{animation-play-state:paused!important}[data-art-motion=reduced] .art-animated{animation:none!important}[data-art-motion=reduced] .art-mote,[data-art-motion=reduced] .garden-petals{display:none}.is-inscribing .scene-closing-art:not([data-art-motion=running]){animation:none}@media(max-width:600px){.garden-foreground-left{display:none}.garden-foreground-right{width:110px;height:140px;right:-20px;bottom:-18px}.scene-closing-art{aspect-ratio:3/1;margin-top:18px;margin-bottom:24px}.scene-shell .scene-closing-art .scene-art-toggle{top:-16px;width:30px;min-height:30px}.scene-reading .story-heading{padding-top:48px}}@media(prefers-reduced-motion:reduce){[data-art-motion] .art-animated{animation:none!important}.scene-art-air{display:none}}@media(max-width:600px){.garden-nav-tools{gap:8px}.footer-flowers{width:85px;height:125px;left:-8px;opacity:.55}}@media(max-width:600px){.garden-petals{top:42%;right:0;bottom:0;left:0;-webkit-mask-image:none;mask-image:none}.petal-flight:nth-child(n+7){display:none}}@media(max-width:600px){.garden-composition{left:88%;top:100%;transform:translate(-88%,-100%)}}@media(prefers-reduced-motion:reduce){.garden-petals{display:none}}.scene-library{position:relative;isolation:isolate}.library-petals{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:.5}.library-petals .garden-petals{top:0;right:0;bottom:0;left:0;-webkit-mask-image:none;mask-image:none}@media(max-width:600px){.library-petals .petal-flight:nth-child(n+7){display:none}}.scene-room-preparation{margin:24px 0 40px;color:var(--story-ink)}.room-welcome h2{font-size:clamp(21px,3vw,28px);font-weight:500;margin:7px 0 10px}.room-welcome>p:last-child{color:var(--story-muted);font-size:14px}.room-prep-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;margin-top:28px}.room-companions{min-width:0}.companion-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:center;padding:20px 0}.companion{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.companion strong{font-size:15px;overflow-wrap:anywhere;font-weight:500}.companion small{color:var(--story-muted);font-size:12px}.companion-seal{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--story-line);border-radius:50%;font:22px Georgia,serif;background:var(--story-paper)}.companion-seal.is-ready{background:var(--story-green);color:var(--story-paper);border-color:var(--story-green)}.room-invitation{display:grid;justify-items:center;gap:8px;margin:18px 0 0}.invite-feedback{min-height:1.5em;font-size:12px;color:var(--story-green);text-align:center}.room-invite-details{font-size:12px;color:var(--story-muted);text-align:center}.room-invite-details summary{cursor:pointer;padding:8px}.scene-shell .room-invite-details input{width:100%;min-width:0;font-size:12px;margin:8px 0}.room-invite-details small{overflow-wrap:anywhere}.room-rules{padding:20px 24px;background:color-mix(in srgb,var(--story-green) 4%,var(--story-paper));border:1px solid var(--story-line);border-radius:20px}.room-rules-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.room-rules h3{font-size:17px;font-weight:500;margin:0}.room-rules-heading small{font-size:11px;color:var(--story-muted)}.room-rules fieldset{margin:18px 0 0;padding:0;border:0;min-width:0}.room-rules legend{font-size:12px;color:var(--story-muted);margin-bottom:8px}.room-rule-options{display:flex;gap:6px}.scene-shell .room-rule-options button{padding:7px 10px;min-height:36px;flex:1;background:transparent;border:1px solid var(--story-line);color:var(--story-ink);border-radius:10px;white-space:nowrap}.scene-shell .room-rule-options button[aria-pressed=true]{background:var(--story-green);color:var(--story-paper);border-color:var(--story-green)}.room-rule-options button:disabled{opacity:.8}.room-rule-note{font-size:12px;line-height:1.8;color:var(--story-muted);margin:18px 0 0}.room-rules>small{display:block;margin-top:8px;font-size:11px}.room-ready-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;border-top:1px solid var(--story-line);padding:20px 0}.room-ready-bar>span{font-size:13px;color:var(--story-muted)}.scene-shell .room-ready-bar>button{min-width:130px}.scene-shell .room-ready-bar>button{background:var(--story-green);color:var(--story-paper);border-color:var(--story-green);border-radius:24px;box-shadow:0 3px color-mix(in srgb,var(--story-green) 18%,transparent)}.scene-shell .room-invitation>button{border-color:var(--story-green);border-radius:24px;color:var(--story-green)}.scene-transition{position:relative;isolation:isolate;max-width:600px;margin:30px auto;text-align:center;min-height:230px;padding:12px 20px 28px;color:var(--story-ink)}.waiting-meadow{position:relative;height:145px;max-width:380px;margin:auto;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.waiting-meadow .garden-petals{top:0;right:0;bottom:0;left:0;-webkit-mask-image:none;mask-image:none}.waiting-flowers{position:absolute;width:190px;height:120px;bottom:0;left:50%;transform:translate(-50%);opacity:.85}.transition-copy{position:relative;font-size:16px}.transition-copy p{margin:10px 0}.transition-copy small{font-size:12px;color:var(--story-muted)}.transition-copy a{display:inline-block;margin:14px 8px}.scene-transition.is-compact{min-height:0;margin:4px auto 0;padding:0;max-width:320px}.is-compact .waiting-meadow{height:60px}.is-compact .waiting-flowers{height:68px;width:110px}.is-compact .transition-copy{font-size:12px;color:var(--story-muted)}.scene-reading .story-blank,.scene-reading .story-locked{position:relative}.scene-reading .story-blank:has(.blank-status){padding-top:16px;background:linear-gradient(var(--story-paper) 16px,color-mix(in srgb,var(--story-green) 6%,transparent) 16px)}.scene-reading .story-locked{display:inline;border-bottom:1px dotted var(--story-muted)}.blank-status{position:absolute;right:0;top:0;display:flex;align-items:center;gap:6px;white-space:nowrap;font:10px/1.1 system-ui,sans-serif;color:var(--story-muted);pointer-events:none;background:var(--story-paper);border-radius:4px;padding:1px 3px;font-variant-numeric:tabular-nums}.blank-status .time-urgent{color:var(--danger,#a34435)}.scene-join-entry{margin:28px 0 0;text-align:center;font-size:13px;color:var(--story-muted)}.scene-join-entry summary{cursor:pointer;padding:12px}.scene-join-entry form{max-width:420px;margin:12px auto;display:flex;align-items:end;gap:10px;text-align:left}.scene-join-entry label{flex:1;min-width:0}.scene-shell .scene-join-entry input{width:100%;min-width:0;margin-top:8px}.scene-connection-toast .scene-transition{display:flex;align-items:center;gap:8px;margin:0}.scene-connection-toast .waiting-meadow{height:32px;width:58px}.scene-connection-toast .waiting-flowers{height:36px;width:50px}.scene-connection-toast .transition-copy p{margin:0}.practice-room-settings{margin:0 0 24px;font-size:12px;color:var(--story-muted)}.practice-room-settings summary{cursor:pointer}.practice-room-settings label{display:block;margin-top:12px}.scene-opening-shell{min-height:60vh;display:grid;align-content:center}@media(max-width:600px){.room-prep-grid{grid-template-columns:1fr;gap:20px;margin-top:16px}.room-welcome{margin-top:20px}.room-companions{padding:0 4px}.room-rules{padding:20px}.companion-pair{padding:8px 0}.room-ready-bar{position:sticky;bottom:0;background:var(--story-paper);padding:14px 0 max(14px,env(safe-area-inset-bottom));z-index:5;margin-bottom:0}.room-ready-bar>span{font-size:12px}.scene-room-preparation{margin-bottom:0}.scene-transition{margin:18px auto}.scene-reading .story-blank{margin-top:10px}.blank-status{font-size:9px}.scene-join-entry form{flex-direction:column;align-items:stretch}}.answer-status{display:flex;justify-content:flex-end;align-items:baseline;gap:10px;font:12px/1.6 system-ui,sans-serif;color:var(--story-muted);font-variant-numeric:tabular-nums}.answer-status .time-urgent{color:var(--danger,#a34435)}.app-gateway>.shell,.app-gateway>.bottom-nav{display:none}.module-gateway{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow:hidden;background:#f8f5e9;color:#14283a;isolation:isolate;transition:opacity .28s ease}.gateway-masthead{position:absolute;z-index:5;top:max(24px,env(safe-area-inset-top));left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;font:600 11px/1.4 system-ui;letter-spacing:.1em;pointer-events:none;transition:opacity .18s}.gateway-masthead i{font-style:normal;opacity:.4;margin:0 16px}.gateway-masthead .scene-art-toggle{pointer-events:auto;position:static;border:1px solid #2b473b45;border-radius:50%;width:36px;height:36px;padding:0;background:#faf8efbd;color:#294a3c;cursor:pointer}.module-portal{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;isolation:isolate;transition:width .72s cubic-bezier(.65,0,.25,1),left .72s cubic-bezier(.65,0,.25,1),height .72s cubic-bezier(.65,0,.25,1),top .72s cubic-bezier(.65,0,.25,1),opacity .22s}.portal-word{left:0;background:#152e48}.portal-scene{left:50%;background:#a6d3db;border-left:1px solid #fff8}.portal-art{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.portal-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#f8f6e5d9 0%,#f8f6e58c 22%,transparent 49%,#101e3266 100%)}.portal-scene .portal-art:after{background:linear-gradient(180deg,#f5f5e9e0 0%,#f5f5e995 24%,transparent 55%,#3c503933 100%)}.portal-arena{width:100%;height:100%;object-fit:cover;object-position:50% 53%}.portal-rivals{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.portal-fox,.portal-owl{position:absolute;width:65%;max-width:620px;bottom:9%;transition:transform .7s cubic-bezier(.22,.65,.3,1)}.portal-fox{left:-11%;transform:rotate(-5deg)}.portal-owl{right:-10%;bottom:12%;transform:rotate(5deg)}.portal-rivals img{display:block;width:100%;height:auto;object-fit:contain}.portal-copy{position:absolute;z-index:2;left:clamp(28px,4vw,76px);top:18%;right:24px;pointer-events:none;transition:opacity .18s,transform .25s}.portal-copy{isolation:isolate;color:#14283a}.portal-copy:before{content:"";position:absolute;z-index:-1;top:-40px;right:-40px;bottom:-32px;left:-90px;background:linear-gradient(90deg,#fffaf2fa,#fffaf2f0 72%,#fffaf200);-webkit-mask-image:linear-gradient(180deg,transparent,#000 13%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 13%,#000 86%,transparent);pointer-events:none}.portal-scene .portal-copy:before{background:linear-gradient(90deg,#f6faeef7,#f6faeeeb 72%,#f6faee00)}.portal-overline{font:500 12px/1.5 system-ui;letter-spacing:.2em}.portal-copy h2{font:800 clamp(36px,4.3vw,76px)/1.1 system-ui,sans-serif;letter-spacing:-.05em;margin:14px 0}.portal-scene .portal-copy{color:#294c3f}.portal-scene h2{font-family:Literata,Georgia,serif;font-weight:500;letter-spacing:-.04em}.portal-copy p{font:500 clamp(15px,1.5vw,22px)/1.6 system-ui;margin:0}.portal-enter{display:inline-flex;gap:30px;align-items:center;margin-top:28px;font:600 13px/1.5 system-ui;background:#193248;color:#fffaf0;padding:10px 16px;border-radius:4px}.portal-enter b{font-size:20px;font-weight:400}.portal-scene .portal-enter{background:#315443;color:#fffdf3;border-radius:24px}.portal-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;background:transparent;border:0;border-radius:0;cursor:pointer;padding:0}.portal-hit:focus-visible{outline:4px solid #f9c953;outline-offset:-8px}.portal-letters{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.portal-letter{position:absolute;display:grid;place-items:center;width:40px;height:46px;background:#ffe7a9;box-shadow:4px 5px #bd9051;color:#213e57;font:800 25px/1 system-ui;top:50%;left:41%;rotate:15deg}.letter-1{left:68%;top:41%;rotate:-14deg}.letter-2{left:27%;top:79%;rotate:-24deg}.letter-3{left:55%;top:82%;rotate:18deg}.portal-scene .garden-composition{width:max(150%,850px);top:auto;bottom:0;left:50%;transform:translate(-59%)}.portal-scene .scene-art{display:block;width:100%;height:100%;object-fit:contain}.portal-scene .garden-stage{background:#b8d7df url(/art/scene-duel/garden-clean-final-768.webp) center top/auto 300%}.portal-scene .garden-composition{-webkit-mask-image:linear-gradient(transparent,#000 16%);mask-image:linear-gradient(transparent,#000 16%)}.portal-scene .garden-petals{top:0;right:0;bottom:0;left:0;z-index:2;-webkit-mask-image:none;mask-image:none}.gateway-footnote{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;color:#fff9df;font:11px/1.5 system-ui;letter-spacing:.12em;pointer-events:none;text-shadow:0 1px 6px #1238}.gateway-footnote{width:fit-content;max-width:calc(100% - 32px);margin-inline:auto;padding:7px 14px;border-radius:24px;background:#fff9edf0;color:#1d3640;text-shadow:none;letter-spacing:.04em}.gateway-entering .gateway-masthead,.gateway-entering .portal-copy{opacity:0;pointer-events:none;transform:translateY(-8px)}.gateway-entering .gateway-masthead button{pointer-events:none}.gateway-entering .module-portal:not(.portal-selected){opacity:0}.gateway-entering .module-portal:not(.portal-selected) *{animation-play-state:paused!important}.module-portal.portal-selected{z-index:4;left:0;top:0;width:100%;height:100%;border:0}.portal-selected .portal-fox{transform:translate(20%) rotate(6deg)}.portal-selected .portal-owl{transform:translate(-20%) rotate(-8deg)}.portal-selected .portal-letter{animation:portal-letter-burst .8s ease-out both}.portal-selected .petal-flight{animation:portal-entry-petal 1.1s cubic-bezier(.25,.2,.45,1) both}.portal-selected .petal-flight:nth-child(2n){animation-delay:.05s}.portal-selected .petal-flight:nth-child(3n){animation-delay:.12s}.portal-selected .petal-turn{width:36px;height:36px}.gateway-fading{opacity:0;pointer-events:none}.gateway-transit{position:absolute;z-index:6;left:24px;right:24px;bottom:max(26px,env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;gap:20px;color:#fffdf3;font:12px/1.5 system-ui;text-shadow:0 1px 8px #142e37}.gateway-transit button{background:#16332ac7;color:#fffdf3;border:1px solid #ffffff70;border-radius:24px;padding:7px 16px;cursor:pointer}.gateway-transit.is-slow{background:#193d37ed;width:fit-content;margin:auto;padding:12px 18px;border-radius:28px}.gateway-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.module-destination-pending .art-animated,.module-destination-pending .home-world *,.module-destination-pending .home-backdrop *,.module-gateway[data-art-motion=paused] .art-animated,.module-gateway[data-art-motion=hidden] .art-animated{animation-play-state:paused!important}.module-gateway[data-art-motion=reduced] .art-animated{animation:none!important}@media(prefers-reduced-motion:no-preference){.portal-fox img{animation:portal-fox-idle 5s ease-in-out infinite}.portal-owl img{animation:portal-owl-idle 6s ease-in-out -2s infinite}.portal-letter{animation:portal-letter-idle 5s ease-in-out infinite alternate}.letter-1,.letter-3{animation-delay:-2s}}@media(hover:hover){.module-portal:not(.portal-selected):hover .portal-enter{gap:44px}.portal-enter{transition:gap .25s}.module-portal:not(.portal-selected):hover .portal-copy{transform:translateY(-4px)}}@keyframes portal-fox-idle{50%{transform:translateY(-8px) rotate(1.2deg)}}@keyframes portal-owl-idle{50%{transform:translateY(-12px) rotate(-1.4deg)}}@keyframes portal-letter-idle{to{transform:translate(8px,-15px) rotate(12deg)}}@keyframes portal-letter-burst{to{transform:translateY(-120px) rotate(110deg);opacity:0}}@keyframes portal-entry-petal{0%{transform:translate(-5cqw,12cqh);opacity:0}15%{opacity:.95}70%{opacity:.85}to{transform:translate(118cqw,-22cqh);opacity:0}}@media(max-width:700px){.bottom-nav button,.app-home .bottom-nav button{flex:1;width:auto;min-width:0}.gateway-masthead{top:max(12px,env(safe-area-inset-top));left:20px;right:16px;font-size:9px}.gateway-masthead i{margin:0 7px}.module-portal{width:100%;height:50%;bottom:auto}.portal-scene{left:0;top:50%;border-left:0;border-top:1px solid #fff8}.portal-copy{left:24px;top:24%;right:16px}.portal-copy h2{font-size:clamp(30px,8vw,48px);margin:6px 0 10px}.portal-copy p{font-size:13px}.portal-overline{font-size:10px}.portal-enter{margin-top:18px;font-size:11px;gap:22px;padding-bottom:5px}.portal-word .portal-copy{max-width:60%}.portal-scene .portal-copy{top:16%}.portal-scene .portal-enter{margin-top:16px}.portal-arena{object-position:center 46%}.portal-fox,.portal-owl{width:44%;bottom:-5%}.portal-fox{left:36%}.portal-owl{right:-13%;bottom:7%}.portal-word .portal-art:after{background:linear-gradient(90deg,#fbf6e4dd,transparent 90%)}.portal-scene .portal-art:after{background:linear-gradient(90deg,#faf7e6d9,transparent 95%)}.portal-scene .garden-composition{width:max(115%,570px);left:50%;bottom:-10%;transform:translate(-54%);transition:width .72s cubic-bezier(.65,0,.25,1),transform .72s cubic-bezier(.65,0,.25,1),bottom .72s cubic-bezier(.65,0,.25,1)}.portal-selected.portal-scene .garden-composition{width:max(150%,150svh);bottom:0;transform:translate(-70%)}.portal-letter{width:24px;height:29px;font-size:17px;left:58%;top:33%}.letter-1{left:87%;top:20%}.letter-2{left:46%;top:77%}.letter-3{left:78%;top:85%}.gateway-footnote{font-size:9px;bottom:max(12px,env(safe-area-inset-bottom))}.portal-selected .portal-fox{transform:translate(-35%,-28%) rotate(6deg)}.portal-selected .portal-owl{transform:translate(-18%,-40%) rotate(-8deg)}.portal-selected .portal-rivals{transform:scale(1.2);transform-origin:center 75%;transition:transform .7s}}@media(prefers-reduced-motion:reduce){.module-gateway,.module-portal,.portal-copy,.portal-fox,.portal-owl,.portal-rivals,.module-gateway .garden-composition{transition:none}.gateway-fading{transition:opacity .12s}.module-gateway *{animation:none!important}}.world-nav{--nav-paper:#fff9ecf5;--nav-ink:#203348;--nav-line:#374e6929;--nav-active:#f7cd68;position:relative;z-index:8;display:flex;align-items:center;gap:20px;min-height:68px;padding:10px 18px;box-sizing:border-box;border:1px solid var(--nav-line);background:var(--nav-paper);color:var(--nav-ink);box-shadow:0 4px 22px #12223b0a;border-radius:6px;font:500 13px/1.4 system-ui,sans-serif}.world-nav-scene{--nav-paper:#fffdf5f5;--nav-ink:#294c3f;--nav-line:#42614726;--nav-active:#e2ebd9;border-radius:22px}.world-nav a{color:var(--nav-ink);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;white-space:nowrap}.world-nav-home{gap:10px!important;padding-right:14px;border-right:1px solid var(--nav-line)}.world-nav-home>span:first-child{font-size:19px}.world-nav-links{display:flex;gap:6px;align-items:center;flex:1}.world-nav-links a{padding:0 12px;border-radius:4px}.world-nav-scene .world-nav-links a{border-radius:16px}.world-nav a[aria-current=page]{background:var(--nav-active);font-weight:700}.world-nav a:focus-visible,.world-nav button:focus-visible{outline:3px solid var(--nav-ink);outline-offset:3px}.world-nav a:hover{background:var(--nav-active)}.world-nav a svg{width:18px;height:18px;flex:none}.world-nav-short{display:none}.world-nav-tools{display:flex;gap:10px;align-items:center}.world-nav .theme-switch{margin:0;color:inherit;gap:4px}.world-nav .theme-switch select{color:inherit;background:transparent;width:88px;font:inherit;border:0}.world-nav .theme-switch svg{width:17px;height:17px}.world-nav .world-motion-toggle{display:grid;place-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;border:1px solid var(--nav-line);border-radius:50%;color:var(--nav-ink);background:transparent;font:15px/1 system-ui;cursor:pointer}.world-nav .world-motion-toggle:disabled{opacity:.55;cursor:default}.home-world.world-paused .home-copy,.home-world.world-paused .home-launch{animation-play-state:running!important}.module-destination-pending .home-world .home-copy,.module-destination-pending .home-world .home-launch{animation-play-state:paused!important}.app-home .world-nav{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(24px,calc((100vw - 1280px)/2));right:max(24px,calc((100vw - 1280px)/2))}.app-scene .world-nav{width:calc(100% - 48px);max-width:1180px;margin:18px auto 20px}.app-scene .page:has(>.world-nav){padding-top:0}:root[data-theme=dark] .world-nav{--nav-paper:#182b3ff5;--nav-ink:#f7efd9;--nav-line:#b6cbe43d;--nav-active:#3d5268}:root[data-theme=dark] .world-nav-scene{--nav-paper:#233d33f5;--nav-ink:#f3f2df;--nav-line:#b5c4a940;--nav-active:#3e5e48}@media(max-width:1000px){.world-nav{gap:10px;padding-inline:12px}.world-nav-links{gap:2px}.world-nav-links a{padding-inline:9px}.world-nav-full{display:none}.world-nav-short{display:inline}.world-nav-tools{gap:6px}}@media(min-width:601px)and (max-width:900px){.app-home .home-copy{top:calc(max(18px,env(safe-area-inset-top)) + 100px)}}@media(max-width:600px){.world-nav{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:6px 12px;min-height:100px}.world-nav-home{justify-content:flex-start!important;border:0;padding:0;font-size:12px;min-height:38px!important}.world-nav-links{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--nav-line);padding-top:4px}.world-nav-links a{font-size:12px;min-height:40px;padding:0 4px}.world-nav-tools{grid-column:2;grid-row:1}.world-nav .theme-switch select{width:84px;font-size:12px;min-height:36px}.world-nav .theme-switch svg{display:none}.app-home .world-nav{left:12px;right:12px;top:max(8px,env(safe-area-inset-top))}.app-scene .world-nav{width:calc(100% - 24px);margin:8px auto 16px}.app-home .home-copy{top:150px}.app-home .home-copy h1{font-size:clamp(44px,12vw,58px)}}@media(prefers-reduced-motion:no-preference){.module-gateway:not(.gateway-entering) .portal-art{animation:world-art-arrive .85s cubic-bezier(.2,.7,.3,1) both}.module-gateway:not(.gateway-entering) .portal-copy>*{animation:world-ui-arrive .55s cubic-bezier(.2,.7,.3,1) .12s both}.module-gateway:not(.gateway-entering) .portal-copy p{animation-delay:.18s}.module-gateway:not(.gateway-entering) .portal-enter{animation-delay:.24s}.world-nav,.app-home .home-copy,.app-home .home-launch,.scene-library .garden-copy{animation:world-ui-arrive .55s cubic-bezier(.2,.7,.3,1) both}.app-home .home-launch{animation-delay:.09s}.module-destination-pending .world-nav,.module-destination-pending .garden-copy{animation-play-state:paused!important}}@keyframes world-ui-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes world-art-arrive{0%{opacity:.25;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}