@import "https://cdn.jsdelivr.net/gh/MonadABXY/mona-font/web/mona.css";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-pixel:"Mona12", ui-monospace, monospace;--night-950:#030615;--night-900:#070b1d;--night-820:#0d132a;--night-760:#151b36;--page-top:#06091e;--page-mid:#030616;--page-bottom:#02030d;--mist:#f8f7ff;--fog:#a9aec7;--ember:#ff9f32;--portal:#9a55ff;--cyan:#42e6ff;--leaf:#8ee23f;--rose:#ff5d73;--ink:var(--mist);--muted:var(--fog);--paper:var(--page-bottom);--panel:#0d132ae0;--line:#9daadf38;--teal:var(--cyan);--yellow:var(--ember);--red:var(--rose);--blue:#5f8dff;--shadow:0 24px 70px #0000006b}*{box-sizing:border-box}html{background:var(--page-bottom)}body{background:radial-gradient(circle at 76% 14%, #4f5cff21, transparent 30%), radial-gradient(circle at 18% 34%, #1577ae14, transparent 28%), linear-gradient(90deg, #5b7de60f 1px, transparent 1px), linear-gradient(180deg, #c1dbff08 1px, transparent 1px), linear-gradient(180deg, var(--page-top) 0%, var(--page-mid) 42%, var(--page-bottom) 100%);color:var(--ink);font-family:var(--font-pixel);background-size:auto,auto,8px 8px,8px 8px,auto;background-attachment:fixed;margin:0}a{color:inherit}button,textarea{font:inherit}.app-shell{min-height:100vh;padding:32px;position:relative;overflow-x:hidden}.app-shell--story{padding:0}.app-shell--landing{height:100svh;min-height:0;overflow:hidden}.app-shell--quiz{height:100svh;overflow:hidden}.app-shell:before{content:"";z-index:0;pointer-events:none;opacity:.9;background:linear-gradient(#06091e00 0%,#0306162e 38%,#02030dc7 100%),linear-gradient(90deg,#5b7de609 1px,#0000 1px) 0 0/8px 8px,linear-gradient(#c1dbff06 1px,#0000 1px) 0 0/8px 8px;position:fixed;inset:0}.app-shell--story:before{display:none}.workspace{z-index:1;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;width:min(1180px,100%);margin:0 auto;display:grid;position:relative}.landing-stage,.language-screen,.quiz-screen,.result-screen{z-index:1;width:min(1180px,100%);min-height:calc(100vh - 64px);margin:0 auto;position:relative}.landing-stage{grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:18px;display:grid}.app-shell--landing .landing-stage{height:calc(100svh - 64px);min-height:0}.landing-title-block{pointer-events:none;width:min(780px,100%);max-width:100%}.landing-title-block h1{color:var(--mist);font-family:var(--font-pixel);letter-spacing:0;text-shadow:0 0 8px #f8f7ffb8,0 0 22px #5f8dff5c,0 0 34px #9a55ff33;margin:0;font-size:clamp(44px,7.7vw,96px);font-weight:950;line-height:.9}.landing-title-block p{color:#a7ecff;font-family:var(--font-pixel);letter-spacing:0;text-shadow:0 0 14px #42e6ff47;margin:16px 0 0;font-size:clamp(15px,2vw,24px);font-weight:750;line-height:1.15}.landing-art{isolation:isolate;z-index:1;aspect-ratio:1200/630;align-self:start;width:100%;min-height:0;margin-top:-24px;position:relative;overflow:visible}.landing-art:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center, transparent 52%, #02030d8a 76%, var(--page-bottom) 100%), linear-gradient(180deg, var(--page-top) 0%, transparent 24%, transparent 62%, var(--page-bottom) 100%), linear-gradient(90deg, var(--page-top) 0%, transparent 24%, transparent 76%, var(--page-bottom) 100%);position:absolute;inset:-40px -28px -78px}.landing-art:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(72% 34% at 42% 48%,#ff9f3229 0%,#ff9f3213 26%,#9a55ff0d 48%,#0000 80%),radial-gradient(58% 30% at 58% 47%,#42e6ff0d 0%,#0000 66%),linear-gradient(#06091e00 0% 30%,#03061629 50%,#02030da3 76%,#02030d00 100%);position:absolute;inset:-36px -28px -620px}.landing-hero-art{object-fit:contain;object-position:center;-webkit-mask-composite:source-in;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(#000000e0 0%,#000 7% 84%,#000000b8 94%,#0000 100%),linear-gradient(90deg,#000000d6 0%,#000 6% 94%,#000000d6 100%);mask-image:linear-gradient(#000000e0 0%,#000 7% 84%,#000000b8 94%,#0000 100%),linear-gradient(90deg,#000000d6 0%,#000 6% 94%,#000000d6 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.landing-copy{z-index:2;text-align:center;grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch;justify-items:center;min-width:0;display:grid;position:relative}.landing-topline{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:100%;display:flex}.landing-actions,.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.landing-actions{grid-row:3;width:min(420px,100%);margin-top:0}.landing-actions--entry{width:min(720px,100%)}.landing-primary{width:100%;min-height:54px;padding:0 24px;font-size:18px}.landing-entry-panel{will-change:transform, opacity;gap:12px;width:100%;display:grid;transform:translateZ(0)}.entry-step-panel{will-change:transform, opacity;gap:10px;width:100%;min-width:0;display:grid;transform:translateZ(0)}.language-screen,.quiz-screen{grid-template-rows:auto minmax(0,1fr) auto;gap:18px;display:grid}.language-screen{grid-template-rows:auto auto minmax(0,1fr);width:min(860px,100%)}.app-shell--quiz .quiz-screen{grid-template-rows:auto auto minmax(0,1fr);gap:12px;width:min(860px,100%);height:calc(100svh - 64px);min-height:0;padding-bottom:88px}.quiz-header,.quiz-footer{grid-template-columns:minmax(92px,auto) minmax(0,1fr);align-items:center;gap:16px;display:grid}.quiz-progress{gap:8px;display:grid}.quiz-progress:not(.quiz-progress-under)>div:first-child{color:var(--muted);text-transform:uppercase;justify-content:flex-end;align-items:center;font-size:12px;font-weight:900;display:flex}.quiz-progress strong{color:var(--mist)}.quiz-header.quiz-topbar{grid-template-columns:44px minmax(0,1fr) 44px}.quiz-step-indicator{min-height:44px;color:var(--mist);font-family:var(--font-pixel);letter-spacing:0;place-items:center;font-size:18px;font-weight:950;display:grid}.quiz-step-indicator strong{color:var(--mist);text-shadow:0 0 14px #f8f7ff38}.quiz-header-spacer{width:44px;min-height:44px}.quiz-progress-under{align-items:center;width:100%;min-height:30px;padding:5px 34px;display:grid;position:relative}.progress-corner{border:0 solid #8fa7d2d1;width:10px;height:10px;position:absolute;box-shadow:0 0 14px #5f8dff33}.progress-corner--top-left{border-top-width:2px;border-left-width:2px;top:2px;left:0}.progress-corner--top-right{border-top-width:2px;border-right-width:2px;top:2px;right:0}.progress-corner--bottom-left{border-bottom-width:2px;border-left-width:2px;bottom:2px;left:0}.progress-corner--bottom-right{border-bottom-width:2px;border-right-width:2px;bottom:2px;right:0}.small-ghost-button{border-color:var(--line);min-height:42px;color:var(--mist);background:#03061594}.icon-back-button{place-items:center;width:44px;min-width:44px;min-height:44px;padding:0;display:inline-grid}.icon-back-button span{border-bottom:2px solid;border-left:2px solid;width:11px;height:11px;display:block;transform:translate(2px)rotate(45deg)}.question-card{border:1px solid var(--line);min-height:0;box-shadow:var(--shadow), inset 0 1px 0 #f8f7ff12;background:linear-gradient(#f8f7ff0d,#0000),#0d132ae0;border-radius:8px;align-content:center;gap:24px;padding:clamp(22px,4vw,44px);display:grid}.question-card h1{max-width:960px;margin-bottom:6px;font-size:clamp(32px,5vw,66px)}.question-card-content{gap:inherit;align-content:inherit;will-change:transform, opacity;min-height:0;display:grid;transform:translateZ(0)}.app-shell--quiz .question-card{align-content:center;align-self:stretch;gap:clamp(14px,2vh,22px);padding:clamp(20px,3.1vh,36px);overflow:hidden}.app-shell--quiz .question-card h1{margin-bottom:clamp(8px,1.2vh,14px);font-size:clamp(27px,3.7vw,44px);line-height:1.02}.app-shell--quiz .answer-list{align-self:start}.language-card{align-content:center}.language-card>p:not(.eyebrow){max-width:640px;color:var(--muted);margin:0;font-size:18px;line-height:1.45}.language-choice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.language-choice-list button{border:1px solid var(--line);min-height:180px;color:var(--mist);text-align:left;background:#070b1dc2;border-radius:8px;align-content:start;gap:10px;padding:18px;display:grid;box-shadow:inset 0 1px #f8f7ff0d}.language-choice-list--compact{gap:8px}.language-choice-list--compact button{grid-template-columns:34px minmax(0,1fr);align-content:center;align-items:center;gap:8px;min-height:44px;padding:6px 10px}.language-choice-list button>span{width:42px;height:34px;color:var(--cyan);background:#f8f7ff14;border-radius:8px;place-items:center;font-size:12px;font-weight:950;display:grid}.language-choice-list button strong{font-size:26px;line-height:1.1}.language-choice-list--compact button strong{font-size:14px}.language-choice-list button small{color:var(--muted);font-size:14px;font-weight:650;line-height:1.35}.language-choice-list button.selected{background:#42e6ff24;border-color:#42e6ffb8;box-shadow:0 0 28px #42e6ff29,inset 0 0 0 1px #42e6ff29}.language-choice-list button.selected>span{background:var(--mist);color:var(--night-900)}.entry-mode-list,.entry-language-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.entry-mode-button{border:1px solid var(--line);min-height:94px;color:var(--mist);text-align:left;background:linear-gradient(#f8f7ff0b,#0000),#070b1dd1;border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-content:center;gap:5px 12px;padding:14px;display:grid;box-shadow:inset 0 1px #f8f7ff0f}.entry-mode-button>span{width:42px;height:42px;color:var(--cyan);background:#f8f7ff14;border-radius:8px;grid-row:span 2;place-items:center;font-size:21px;font-weight:950;display:grid}.entry-mode-button strong{font-size:17px;line-height:1.15}.entry-mode-button small{color:var(--muted);font-size:12px;font-weight:700;line-height:1.25}.entry-mode-button--primary{background:linear-gradient(135deg,#9a55ff3d,#42e6ff1f),#070b1ddb;border-color:#42e6ff94;box-shadow:0 0 28px #42e6ff21,inset 0 0 0 1px #42e6ff14}.entry-back-button{color:#f8f7ffb8;background:#0306156b;border:1px solid #9daadf2e;border-radius:999px;min-height:42px;padding:0 16px;font-size:12px;font-weight:900}.entry-command-copy{gap:3px;display:grid}.entry-command-copy p{color:var(--cyan);margin:0;font-size:12px;font-weight:900}.entry-command-copy small{color:var(--muted);font-size:10px;font-weight:700;line-height:1.25}.entry-command-dialog-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle at 50% 34%,#42e6ff1f,#0000 38%),#02030dd6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.entry-command-dialog{text-align:left;background:linear-gradient(#f8f7ff0f,#0000),#070b1df5;border:1px solid #42e6ff47;border-radius:12px;gap:12px;width:min(620px,100%);max-height:min(720px,100svh - 40px);padding:16px;display:grid;overflow:auto;box-shadow:0 28px 90px #0000008f,0 0 34px #42e6ff1f,inset 0 1px #f8f7ff14}.entry-command-dialog-header{grid-template-columns:minmax(0,1fr) 38px;align-items:start;gap:12px;display:grid}.entry-dialog-close{width:38px;height:38px;color:var(--mist);background:#f8f7ff14;border:1px solid #9daadf38;border-radius:999px;place-items:center;font-size:13px;font-weight:950;line-height:1;display:grid}.entry-command-tabs{background:#0306159e;border:1px solid #9daadf2e;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}.entry-command-tabs button{color:#f8f7ff75;background:#f8f7ff08;border:1px solid #0000;border-radius:999px;min-height:36px;font-size:11px;font-weight:950}.entry-command-tabs button.selected{color:var(--mist);background:linear-gradient(90deg,#9a55ffb8,#42e6ff70),#f8f7ff1f;border-color:#42e6ff6b;box-shadow:0 0 18px #42e6ff2e,inset 0 1px #f8f7ff42}.entry-command-line-list{scrollbar-width:thin;align-content:start;gap:8px;height:228px;display:grid;overflow:auto}.entry-command-line{background:#03061594;border:1px solid #9daadf29;border-radius:8px;grid-template-columns:28px minmax(0,1fr) 48px;align-items:center;gap:10px;min-height:64px;padding:9px 10px;display:grid}.entry-command-line>span{width:28px;height:28px;color:var(--cyan);background:#f8f7ff14;border-radius:7px;place-items:center;font-size:11px;font-weight:950;display:grid}.entry-command-line>div{min-width:0}.entry-command-line strong{color:var(--mist);font-size:12px;line-height:1.1;display:block}.entry-command-line code{color:#adf6ffb8;font-family:var(--font-pixel);scrollbar-width:none;text-overflow:clip;white-space:nowrap;margin-top:5px;font-size:9px;font-weight:800;line-height:1.35;display:block;overflow:auto hidden}.entry-command-line code::-webkit-scrollbar{display:none}.entry-command-line button{width:48px;min-height:32px;color:var(--cyan);background:#42e6ff1a;border:1px solid #42e6ff47;border-radius:999px;padding:0 10px;font-size:10px;font-weight:950}.answer-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.answer-list button{border:1px solid var(--line);min-height:130px;color:var(--mist);text-align:left;background:#070b1dc2;grid-template-columns:63px minmax(0,1fr);align-content:start;gap:8px 16px;padding:16px;display:grid;box-shadow:inset 0 1px #f8f7ff0d}.app-shell--quiz .answer-list button{min-height:clamp(104px,13vh,124px);padding:clamp(13px,1.6vh,16px)}.answer-list button>.answer-icon{width:63px;height:63px;color:var(--cyan);font-family:var(--font-pixel), "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;text-shadow:0 0 12px #42e6ff2e;background:#f8f7ff14;border-radius:8px;grid-row:span 2;justify-content:center;place-self:center;align-items:center;font-weight:950;display:flex}.answer-icon-glyph{justify-content:center;align-items:center;width:1em;height:1em;font-size:38px;line-height:1;display:flex;transform:translateY(1px)}.answer-list button strong{font-size:18px;line-height:1.2}.answer-list button small{color:var(--muted);font-size:14px;font-weight:650;line-height:1.35}.answer-list button.selected{background:#42e6ff24;border-color:#42e6ffb8;box-shadow:0 0 28px #42e6ff29,inset 0 0 0 1px #42e6ff29}.answer-list button.selected>.answer-icon{background:var(--mist);color:var(--night-900);box-shadow:0 0 18px #f8f7ff2e}.quiz-footer{right:auto;bottom:max(16px, env(safe-area-inset-bottom));z-index:5;width:min(860px,100vw - 64px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;justify-content:stretch;margin:0;padding:0;display:flex;position:fixed;left:50%;transform:translate(-50%)}.quiz-footer .primary-button{width:100%;min-width:0}.quiz-footer .primary-button:disabled{opacity:.52;box-shadow:0 8px 22px #f8f7ff14}.result-screen{align-content:start;gap:22px;display:grid}.result-hero{text-align:left;grid-template-columns:minmax(0,1fr) minmax(220px,.58fr);align-items:center;gap:12px;padding-top:26px;display:grid}.result-hero-copy{gap:12px;display:grid}.result-hero h1{max-width:880px}.result-hero-copy p:last-child{max-width:640px;color:var(--muted);margin:0;font-size:18px}.result-character{place-items:end center;min-height:300px;margin:0;display:grid;position:relative}.result-character:before{content:"";background:radial-gradient(#42e6ff38,#0000 58%),radial-gradient(#00000080,#0000 70%);border-radius:999px;height:34%;position:absolute;inset:auto 8% 0}.result-character img{z-index:1;object-fit:contain;width:min(100%,320px);max-height:360px;image-rendering:pixelated;filter:drop-shadow(0 26px 22px #00000061)drop-shadow(0 0 24px #42e6ff38);position:relative}.result-character figcaption{z-index:2;color:var(--cyan);text-transform:uppercase;margin-top:-8px;font-size:13px;font-weight:950;position:relative}.result-card-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.result-card{border:1px solid var(--line);min-height:250px;box-shadow:var(--shadow), inset 0 1px 0 #f8f7ff12;background:linear-gradient(#f8f7ff0d,#0000),#0d132ae6;border-radius:8px;flex-direction:column;justify-content:space-between;padding:24px;display:flex}.result-card h2{color:var(--mist);overflow-wrap:anywhere;margin:14px 0;font-size:clamp(38px,6vw,76px);line-height:.92}.result-card p:last-child{color:var(--muted);margin:0;font-size:17px;line-height:1.45}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px}.input-panel{min-height:calc(100vh - 64px);box-shadow:inset 0 1px 0 #f8f7ff14, var(--shadow);flex-direction:column;padding:24px;display:flex}.panel-heading{gap:8px;margin-bottom:18px;display:grid}.control-bar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-bottom:22px;display:flex}.control-label{color:var(--muted);text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:900}.segmented-control{border:1px solid var(--line);background:#030615b3;border-radius:8px;grid-template-columns:repeat(2,minmax(112px,1fr));gap:4px;min-width:0;max-width:100%;padding:4px;display:inline-grid}.segmented-control.compact{grid-template-columns:repeat(2,minmax(86px,1fr))}.segmented-control button{min-width:0;min-height:38px;color:var(--muted);text-overflow:ellipsis;background:0 0;border-radius:6px;padding:0 12px;overflow:hidden}.segmented-control button.active{background:var(--mist);color:#070b1d;box-shadow:0 0 22px #42e6ff2e}.eyebrow{color:var(--teal);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;max-width:720px;margin-bottom:0;font-size:clamp(42px,7vw,86px);line-height:.95}.panel-heading p,.preview-note{max-width:620px;color:var(--muted);font-size:16px}.json-label{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:800}textarea{resize:vertical;width:100%;min-height:420px;color:var(--mist);font-family:var(--font-pixel);outline-color:var(--cyan);background:#030615db;border:1px solid #42e6ff3d;border-radius:8px;flex:1;padding:16px;font-size:13px;line-height:1.55;box-shadow:inset 0 0 0 1px #030615f2}.actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}button{cursor:pointer;border:1px solid #0000;border-radius:8px;min-height:44px;padding:0 16px;font-weight:800}button:disabled{cursor:not-allowed;opacity:.7}.primary-button{background:var(--mist);min-height:52px;color:var(--night-900);border-radius:999px;box-shadow:0 12px 34px #f8f7ff29}.ghost-button{border-color:var(--line);color:var(--mist);background:#03061594}.notice{border-radius:8px;margin:12px 0 0;padding:12px 14px;font-weight:700}.notice.error{color:#ffd7de;background:#ff5d731f;border:1px solid #ff5d7347}.notice.success{color:#cdf8ff;background:#42e6ff1f;border:1px solid #42e6ff47}.web-test{gap:16px;display:grid}.test-progress{border-top:3px solid var(--teal);gap:8px;padding-top:12px;display:grid}.test-progress div:first-child{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:900;display:flex}.test-progress strong{color:var(--ink);font-size:16px}.test-progress-track{height:22px;box-shadow:none;direction:ltr;background:0 0;border:0;border-radius:0;display:block;position:relative;overflow:hidden}.test-progress-track-ascii{font-family:var(--font-pixel);letter-spacing:0;white-space:nowrap;font-size:clamp(13px,2vw,22px);font-weight:950;line-height:1}.test-progress-layer{-webkit-user-select:none;user-select:none;grid-template-columns:repeat(34,minmax(0,1fr));width:100%;display:grid;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.test-progress-layer span{place-items:center;min-width:0;display:grid}.test-progress-empty{color:#f8f7ff57;text-shadow:none}.test-progress-filled{background:linear-gradient(90deg, var(--portal), #b43dff 52%, var(--cyan));color:#0000;filter:drop-shadow(0 0 10px #9a55ff42);will-change:clip-path;-webkit-background-clip:text;background-clip:text;transition:clip-path .36s cubic-bezier(.16,1,.3,1)}.question-block{border:0;border-top:1px solid var(--line);gap:12px;margin:0;padding:18px 0 0;display:grid}.question-block legend{width:100%;color:var(--mist);align-items:baseline;gap:10px;margin-bottom:12px;font-size:19px;font-weight:900;line-height:1.25;display:flex}.question-block legend span{color:var(--teal);font-size:13px;font-weight:950}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.answer-grid button{border-color:var(--line);min-height:106px;color:var(--mist);text-align:left;background:#070b1db8;align-content:start;gap:7px;padding:14px;display:grid;box-shadow:inset 0 1px #f8f7ff0d}.answer-grid button.selected{color:var(--mist);background:#42e6ff24;border-color:#42e6ffb8;box-shadow:0 0 24px #42e6ff29,inset 0 0 0 1px #42e6ff24}.answer-grid strong{font-size:16px;line-height:1.2}.answer-grid span{color:var(--muted);font-size:13px;font-weight:650;line-height:1.35}.answer-grid button.selected span{color:#fffefac2}.test-hint{color:var(--muted);margin:0;font-size:14px;font-weight:750}.preview-panel{background:linear-gradient(180deg, #070b1dad, #030615e6), var(--panel);align-self:start;min-height:calc(100vh - 64px);padding:24px;position:sticky;top:32px;overflow:hidden}.preview-scene{background:linear-gradient(#0000 58%,#ff9f321a 59%,#0000 61%),radial-gradient(circle at 74% 36%,#9a55ff5c,#0000 32%),radial-gradient(circle at 28% 52%,#ff9f322e,#0000 24%),linear-gradient(#050817,#030615);border:1px solid #9daadf2e;border-radius:8px;min-height:210px;margin:-4px -4px 24px;position:relative;overflow:hidden}.preview-scene:before{content:"";opacity:.42;background:repeating-linear-gradient(0deg,#f8f7ff0a 0 1px,#0000 1px 5px),linear-gradient(90deg,#0000,#42e6ff14,#0000);position:absolute;inset:0}.scene-queue{align-items:end;gap:8px;display:flex;position:absolute;bottom:30px;left:18px;right:84px}.scene-queue span,.scene-host{color:#f8f7ff94;image-rendering:pixelated;background:#0d132aeb;border:2px solid #f8f7ff2e;border-radius:8px;place-items:center;font-size:13px;font-weight:950;display:grid}.scene-queue span{width:32px;height:38px;box-shadow:0 16px 18px #00000057}.scene-queue span:nth-child(2n){height:48px}.scene-queue span:nth-child(3n){height:56px}.scene-queue .lit{color:var(--mist);border-color:#ff9f32a6;box-shadow:0 0 20px #ff9f322e,0 18px 18px #0000005c}.scene-host{width:54px;height:54px;color:var(--cyan);border-color:#42e6ff85;position:absolute;bottom:28px;right:18px;box-shadow:0 0 28px #42e6ff3d}.evolution-strip{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:48px;display:grid}.evolution-strip span{aspect-ratio:1;border:1px solid var(--line);color:var(--muted);background:#030615ad;border-radius:8px;place-items:center;font-size:12px;font-weight:900;display:grid}.evolution-strip .active{color:var(--mist);background:#42e6ff29;border-color:#42e6ff9e;box-shadow:0 0 16px #42e6ff1f}.preview-panel h2{letter-spacing:0;margin:8px 0 18px;font-size:clamp(48px,8vw,92px);line-height:.9}.score-orb{aspect-ratio:auto;width:min(230px,66vw);min-height:124px;color:var(--mist);background:linear-gradient(#42e6ff1f,#0000),#030615e6;border:2px solid #42e6ff8c;border-radius:8px;place-items:center;margin:16px 0 22px;font-size:64px;font-weight:950;display:grid;box-shadow:0 0 34px #42e6ff33,inset 0 0 0 2px #030615e6}.preview-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 22px;display:grid}.preview-stats div{border-top:3px solid var(--portal);padding-top:10px}dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}dd{margin:2px 0 0;font-size:28px;font-weight:900}.story-page{background:radial-gradient(circle at 76% 22%, #9a55ff38, transparent 34%), radial-gradient(circle at 22% 64%, #ff9f3221, transparent 26%), var(--paper);min-height:100vh;position:relative;overflow:hidden}.story-page--loading{min-height:100svh}.story-prelude{isolation:isolate;background:radial-gradient(ellipse 70% 36% at 50% 42%, #ff9f321a, transparent 66%), radial-gradient(circle at 78% 18%, #9a55ff2e, transparent 34%), linear-gradient(180deg, var(--page-top), var(--page-bottom));place-items:center;min-height:100svh;padding:42px 24px;display:grid;position:relative;overflow:hidden}.story-prelude:before{content:"";z-index:-2;opacity:.78;background-color:#0000;background-image:linear-gradient(90deg,#5b7de60e 1px,#0000 1px),linear-gradient(#c1dbff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:8px 8px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.story-prelude:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#02030d1f,#0000 22%,#02030d99),radial-gradient(#0000 36%,#02030d9e 100%);position:absolute;inset:0}.prelude-terminal{gap:28px;width:min(920px,100%);padding:38px 46px 34px;display:grid;position:relative}.prelude-corner{filter:drop-shadow(0 0 8px #5f8dff38);border-color:#a9aec7bd;width:20px;height:20px;position:absolute}.prelude-corner--top-left{border-top:3px solid;border-left:3px solid;top:0;left:0}.prelude-corner--top-right{border-top:3px solid;border-right:3px solid;top:0;right:0}.prelude-corner--bottom-left{border-bottom:3px solid;border-left:3px solid;bottom:0;left:0}.prelude-corner--bottom-right{border-bottom:3px solid;border-right:3px solid;bottom:0;right:0}.prelude-copy{text-align:center;justify-items:center;gap:10px;display:grid}.prelude-copy p,.prelude-copy strong{font-family:var(--font-pixel);letter-spacing:0;margin:0}.prelude-copy p{color:var(--cyan);text-shadow:0 0 16px #42e6ff3d;font-size:clamp(16px,2vw,22px);font-weight:950}.prelude-copy strong{color:var(--mist);text-shadow:0 0 12px #f8f7ff85,0 0 24px #9a55ff38;font-size:clamp(26px,5.4vw,54px);font-weight:950;line-height:.98}.prelude-runway{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:clamp(0px,.55vw,6px);min-height:clamp(150px,24vw,280px);display:grid}.prelude-runway img{object-fit:contain;object-position:center bottom;width:100%;max-height:clamp(150px,24vw,280px);image-rendering:pixelated;opacity:.44;transform-origin:bottom;filter:saturate(.84)brightness(.78)drop-shadow(0 18px 16px #0000004d);will-change:opacity, transform;transition:opacity .13s steps(2,end),transform .13s steps(2,end),filter .13s steps(2,end);display:block;transform:translateY(0)scale(.82)}.prelude-runway img.active{opacity:1;filter:saturate(1.16)brightness(1.08)drop-shadow(0 20px 18px #00000057)drop-shadow(0 0 24px #42e6ff57);transform:translateY(-10px)scale(1.16)}.prelude-progress{gap:8px;padding:0 min(40px,6vw);display:grid}.prelude-progress-track{height:18px;box-shadow:none;background:0 0;position:relative;overflow:hidden}.prelude-progress-track-ascii{font-family:var(--font-pixel);letter-spacing:0;white-space:nowrap;font-size:clamp(13px,1.8vw,22px);font-weight:950;line-height:1}.prelude-progress-layer{-webkit-user-select:none;user-select:none;will-change:clip-path;grid-template-columns:repeat(34,minmax(0,1fr));width:100%;display:grid;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.prelude-progress-layer span{place-items:center;min-width:0;display:grid}.prelude-progress-empty{color:#f8f7ff57}.prelude-progress-filled{background:linear-gradient(90deg, var(--portal), #b43dff 52%, var(--cyan));color:#0000;filter:drop-shadow(0 0 10px #9a55ff42);-webkit-background-clip:text;background-clip:text}.story-scroll-progress{--story-scroll-progress:0;z-index:30;transform-origin:0;width:100%;height:5px;transform:scaleX(var(--story-scroll-progress)) translateZ(0);background:linear-gradient(90deg, var(--ember), var(--portal), var(--cyan));will-change:transform;position:fixed;top:0;left:0}.story-notice{overflow-wrap:anywhere;max-width:min(430px,100vw - 36px);margin:0}.story-deck{overscroll-behavior-y:contain;scroll-behavior:smooth;scroll-snap-type:y mandatory;height:100svh;overflow-y:auto}.story-slide{--accent:var(--teal);isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always;will-change:transform, opacity;place-items:center;min-height:100svh;padding:44px 64px;display:grid;position:relative}.story-slide:before{content:"";z-index:-1;opacity:.9;background:linear-gradient(#0000 62%,#030615c2),repeating-linear-gradient(0deg,#f8f7ff08 0 1px,#0000 1px 6px),linear-gradient(90deg,#f8f7ff07 1px,#0000 1px) 0 0/8px 8px,linear-gradient(#f8f7ff06 1px,#0000 1px) 0 0/8px 8px;position:absolute;inset:0}.tone-teal{--accent:var(--cyan)}.tone-yellow{--accent:var(--ember)}.tone-red{--accent:var(--red)}.tone-blue{--accent:#5f8dff}.tone-ink{--accent:var(--mist)}.story-card{width:min(1120px,100%);min-height:min(760px,100svh - 88px);box-shadow:0 0 0 2px #f8f7ff0a, 0 24px 70px #0000006b, 0 0 44px color-mix(in srgb, var(--accent) 18%, transparent), inset 0 1px 0 #f8f7ff0f;-webkit-backdrop-filter:none;backdrop-filter:none;background:#151b23;border:1px solid #f8f7ff1f;border-radius:22px;flex-direction:column;justify-content:stretch;gap:0;padding:0;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.story-card:before{display:none}.story-card-insight{justify-content:start}.story-terminal-chrome,.story-receipt{justify-content:space-between;align-items:center;gap:12px;display:flex}.story-terminal-chrome{min-height:48px;color:var(--muted);text-transform:lowercase;background:#121820;border-bottom:1px solid #03061566;padding:0 18px;font-size:13px;font-weight:900}.story-window-dots{align-items:center;gap:8px;display:flex}.story-window-dots span{border-radius:999px;width:14px;height:14px;display:block}.story-window-dots span:first-child{background:#ff6b5f}.story-window-dots span:nth-child(2){background:#ffc94f}.story-window-dots span:nth-child(3){background:#61c955}.story-terminal-chrome p{color:#f8f7ff94;text-align:center;text-overflow:ellipsis;text-shadow:0 0 12px #f8f7ff14;white-space:nowrap;max-width:52%;margin:0;font-size:14px;font-weight:950;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.story-terminal-chrome>span{color:#a9aec794;text-transform:uppercase;font-size:12px}.story-terminal-screen{background:radial-gradient(circle at 74% 24%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 32%), linear-gradient(90deg, #5b7de609 1px, transparent 1px), linear-gradient(180deg, #c1dbff07 1px, transparent 1px), #151b23;background-size:auto,8px 8px,8px 8px,auto;flex:1;grid-template-rows:auto auto minmax(0,1fr) auto;align-content:start;gap:clamp(18px,2.6vh,28px);min-height:0;padding:clamp(26px,3.2vw,44px);display:grid;position:relative;overflow:hidden}.story-terminal-screen:after{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.38;background:linear-gradient(#0000 0%,#f8f7ff06 50%,#0000 100%),radial-gradient(#0000 54%,#03061538 100%);position:absolute;inset:0}.story-terminal-glyph{z-index:0;color:color-mix(in srgb, var(--accent) 16%, transparent);letter-spacing:0;pointer-events:none;text-shadow:0 0 22px color-mix(in srgb, var(--accent) 14%, transparent), 0 0 72px color-mix(in srgb, var(--accent) 10%, transparent);font-size:clamp(118px,18vw,248px);font-weight:950;line-height:.72;position:absolute;top:clamp(78px,9vw,126px);right:clamp(28px,5vw,62px)}.story-terminal-screen-dimension,.story-terminal-screen-finale{grid-template-rows:auto minmax(0,1fr)}.story-terminal-screen-dimension .story-terminal-glyph{top:clamp(78px,9vw,126px)}.terminal-command{z-index:1;min-height:30px;color:var(--cyan);text-shadow:0 0 14px #42e6ff29;align-items:baseline;gap:12px;font-size:clamp(15px,1.6vw,19px);font-weight:850;display:flex;position:relative}.terminal-command>span:first-child{color:var(--ember)}.typewriter-text{text-wrap:pretty;white-space:pre-wrap;align-items:start;display:grid;position:relative}.terminal-command .typewriter-text{text-wrap:nowrap;display:inline-grid}.typewriter-ghost,.typewriter-visible{min-width:0;overflow-wrap:inherit;white-space:inherit;grid-area:1/1}.typewriter-ghost{visibility:hidden}.typewriter-visible{place-self:start}.typing-cursor{width:.5ch;height:1.08em;box-shadow:0 0 10px color-mix(in srgb, currentColor 42%, transparent);will-change:opacity;background:currentColor;margin-left:3px;animation:.76s steps(2,end) infinite cursor-blink;display:inline-block;transform:translateY(.15em)}@keyframes cursor-blink{50%{opacity:0}}.story-copy{z-index:1;align-content:end;gap:16px;max-width:760px;display:grid;position:relative}.story-copy-dimension{grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:clamp(34px,8vh,98px);height:100%}.story-copy-dimension .dimension-figure{margin:0}.dimension-bottom-stack{align-self:end;gap:clamp(16px,2.1vh,24px);max-width:760px;display:grid}.story-kicker{color:var(--accent);margin:0;font-size:clamp(20px,2.2vw,30px);font-weight:950;line-height:1}.story-score-corner{z-index:2;color:var(--mist);text-align:right;text-shadow:0 0 18px color-mix(in srgb, var(--accent) 42%, transparent), 0 10px 26px #00000061;will-change:transform, opacity;align-items:flex-end;gap:8px;display:flex;position:absolute;top:clamp(28px,4vw,48px);right:clamp(26px,4vw,48px)}.story-score-corner strong{min-width:1.65ch;color:var(--accent);font-variant-numeric:tabular-nums;will-change:transform;font-size:clamp(64px,9vw,108px);font-weight:950;line-height:.78;display:inline-block}.story-score-corner span{color:var(--mist);margin-bottom:5px;font-size:clamp(18px,2.2vw,28px);font-weight:950;line-height:1}.story-card-hero .story-score-corner strong{font-size:clamp(86px,12.5vw,152px)}.story-card-hero .story-score-corner span{margin-bottom:8px;font-size:clamp(22px,2.8vw,36px)}.story-copy h1{max-width:100%;color:var(--mist);overflow-wrap:anywhere;text-shadow:0 0 12px #f8f7ff38, 0 0 28px color-mix(in srgb, var(--accent) 16%, transparent);margin:0;font-size:clamp(34px,4.2vw,58px);line-height:1.02}.story-body{color:#f8f7ffb8;max-width:620px;margin:0;font-size:clamp(16px,1.75vw,20px);font-weight:650;line-height:1.45}.story-detail-list{z-index:1;gap:10px;max-width:650px;margin:4px 0 0;display:grid;position:relative}.story-detail-list div{background:#0306153d;border:1px solid #9daadf1f;border-radius:8px;gap:5px;padding:12px 14px;display:grid}.story-detail-list dt{color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:950}.story-detail-list dd{color:var(--mist);margin:0;font-size:20px;font-weight:900;line-height:1.16}.story-detail-list p{color:var(--muted);margin:0;font-size:15px;font-weight:650;line-height:1.38}.story-stage-figure{z-index:1;justify-items:center;gap:16px;width:min(380px,42vw);margin:0 auto;display:grid;position:relative}.stage-avatar-shell{transform-origin:50% 88%;will-change:transform, opacity;place-items:center;display:grid;position:relative}.stage-avatar{aspect-ratio:780/954;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--accent) 24%, transparent) 0%, transparent 64%);width:min(340px,42vw);color:var(--mist);filter:drop-shadow(0 0 36px color-mix(in srgb, var(--accent) 22%, transparent));will-change:transform;border:0;border-radius:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.stage-avatar-image{z-index:1;width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 22px 18px #0000005c) drop-shadow(0 0 20px color-mix(in srgb, var(--accent) 24%, transparent));background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;position:relative}.dimension-figure{z-index:1;gap:14px;max-width:740px;display:grid;position:relative}.dimension-score{justify-content:flex-start;align-items:end;gap:14px;display:flex}.dimension-score strong{color:var(--accent);font-size:82px;line-height:.92}.dimension-score .typewriter-text{text-wrap:nowrap;display:inline-grid}.dimension-cli-meter{will-change:opacity;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:min(610px,100%);transition:opacity .12s ease-out;display:grid}.dimension-cli-meter>span,.dimension-percent-text{color:var(--muted);white-space:nowrap;font-size:24px;font-weight:900;line-height:1}.dimension-meter{min-height:25px;box-shadow:inset 0 0 0 1px #f8f7ff09, 0 0 18px color-mix(in srgb, var(--accent) 12%, transparent);background:radial-gradient(circle,#c4c8cc99 1.1px,#0000 1.35px) 0 0/5px 5px,#f8f7ff07;border:1px solid #f8f7ff24;border-radius:0;position:relative;overflow:hidden}.dimension-meter-ascii{min-width:0;box-shadow:none;color:var(--accent);font-family:var(--font-pixel);letter-spacing:0;text-shadow:0 0 12px color-mix(in srgb, var(--accent) 28%, transparent);white-space:nowrap;background:0 0;border:0;align-items:center;font-size:clamp(13px,1.7vw,22px);font-weight:950;line-height:1;display:flex;overflow:hidden}.dimension-meter-ascii span:first-child{color:var(--accent)}.dimension-meter-ascii span:last-child{color:#f8f7ff57;text-shadow:none}.story-missions{z-index:1;gap:8px;margin:0;padding:0;list-style:none;display:grid;position:relative}.story-missions li{color:var(--mist);padding:1px 0;font-size:18px;font-weight:750;line-height:1.28;display:block}.story-missions li p{margin:0}.mission-line{color:var(--mist)}.mission-prefix{color:var(--accent);text-shadow:0 0 12px color-mix(in srgb, var(--accent) 30%, transparent);font-weight:950}.story-receipt{z-index:1;color:#a9aec7ad;text-transform:uppercase;margin-top:auto;font-size:12px;font-weight:900;position:relative}.story-finale-actions{z-index:1;place-self:center;width:min(640px,100%);margin:0 auto;display:grid;position:relative}.story-finale-action-panel{justify-items:stretch;gap:14px;display:grid}.story-finale-copy{text-align:center;gap:10px;display:grid}.story-finale-copy strong{color:var(--accent);text-shadow:0 0 18px color-mix(in srgb, var(--accent) 32%, transparent);font-size:clamp(20px,2.5vw,32px);font-weight:950;line-height:1}.story-finale-copy p{color:#f8f7ffb8;max-width:460px;margin:0 auto;font-size:clamp(14px,1.7vw,18px);font-weight:700;line-height:1.45}.story-finale-og-preview{aspect-ratio:1200/630;border:1px solid color-mix(in srgb, var(--accent) 36%, #f8f7ff29);object-fit:cover;width:min(100%,600px);box-shadow:0 0 28px color-mix(in srgb, var(--accent) 16%, transparent), 0 18px 34px #0000003d;border-radius:8px;justify-self:center;display:block;overflow:hidden}.story-finale-buttons{grid-template-columns:1fr;gap:10px;display:grid}.story-finale-buttons .primary-button,.story-finale-buttons .ghost-button{border:1px solid color-mix(in srgb, var(--accent) 34%, #f8f7ff29);width:100%;min-height:58px;color:var(--mist);font-family:var(--font-pixel);border-radius:8px;font-size:17px;font-weight:950}.story-finale-buttons .primary-button{border-color:color-mix(in srgb, var(--accent) 72%, #f8f7ff2e);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 22%, #ffffff14), transparent), color-mix(in srgb, var(--accent) 18%, #030615b8);color:var(--mist);box-shadow:inset 0 0 0 1px #f8f7ff13, 0 0 28px color-mix(in srgb, var(--accent) 26%, transparent), 0 16px 34px #00000038;text-shadow:0 0 12px color-mix(in srgb, var(--accent) 36%, transparent)}.story-finale-buttons .ghost-button{color:#f8f7ffc7;background:linear-gradient(#f8f7ff0b,#0000),#0306156b;box-shadow:inset 0 0 0 1px #f8f7ff0a}.not-found{text-align:center;place-items:center;min-height:100vh;padding:32px;display:grid}@media (max-width:880px){body{background-attachment:scroll}.app-shell{padding:16px}.app-shell--story{padding:0}.app-shell--landing .landing-stage{height:calc(100svh - 32px)}.app-shell--quiz .quiz-screen{gap:8px;width:100%;height:calc(100svh - 32px);padding-bottom:76px}.landing-stage,.language-screen,.quiz-screen,.result-screen{min-height:calc(100vh - 32px)}.landing-stage{grid-template-rows:auto minmax(0,1fr);gap:14px}.landing-art{width:calc(100% + 32px);margin-inline:-16px}.landing-title-block{width:100%}.landing-title-block p{margin-top:12px;font-size:20px}.landing-copy{text-align:left;justify-items:stretch}.landing-title-block{text-align:left}.landing-topline,.landing-actions{justify-content:flex-start}.landing-topline{width:100%}.landing-actions{z-index:4;align-self:end;width:100%;position:static}.landing-entry-panel{gap:10px}.landing-topline .segmented-control{flex:100%}.quiz-header{grid-template-columns:auto minmax(0,1fr)}.question-card{align-content:start}.app-shell--quiz .question-card{gap:12px;padding:clamp(16px,2.2vh,22px)}.app-shell--quiz .question-card h1{align-items:flex-end;min-height:2.2em;font-size:clamp(24px,4.5vw,36px);line-height:1.08;display:flex}.app-shell--quiz .question-card-content{gap:12px}.language-choice-list:not(.language-choice-list--compact),.answer-list,.result-card-stack,.entry-mode-list,.entry-language-list{grid-template-columns:1fr}.app-shell--quiz .answer-list{gap:8px}.app-shell--quiz .answer-list button{grid-template-columns:52px minmax(0,1fr);gap:5px 12px;min-height:clamp(78px,9.6vh,94px);padding:10px 12px}.app-shell--quiz .answer-list button>.answer-icon{width:52px;height:52px}.app-shell--quiz .answer-icon-glyph{font-size:30px}.app-shell--quiz .answer-list button strong{font-size:16px}.app-shell--quiz .answer-list button small{font-size:12px;line-height:1.28}.result-hero{text-align:center;grid-template-columns:1fr}.result-hero-copy{justify-items:center}.result-character{min-height:260px}.result-character img{width:min(78vw,280px);max-height:300px}.quiz-footer{bottom:max(16px, env(safe-area-inset-bottom));width:calc(100vw - 32px)}.workspace{grid-template-columns:1fr}.control-bar{align-items:stretch}.control-bar>div,.segmented-control{width:100%}.input-panel,.preview-panel{min-height:auto}.preview-panel{position:static}.dimension-row{grid-template-columns:1fr;gap:8px}.answer-grid{grid-template-columns:1fr}.answer-grid button{min-height:92px}.story-slide{padding:92px 16px 74px}.prelude-terminal{gap:22px;padding:32px 24px 30px}.prelude-runway{min-height:186px}.prelude-runway img{max-height:186px;transform:translateY(0)scale(.74)}.prelude-runway img.active{transform:translateY(-8px)scale(1.04)}.prelude-progress{padding:0 18px}.story-card{border-radius:18px;min-height:min(660px,100svh - 184px);padding:0}.story-terminal-chrome{min-height:40px;padding:0 12px}.story-window-dots{gap:6px}.story-window-dots span{width:10px;height:10px}.story-terminal-chrome p{max-width:46%;font-size:12px}.story-terminal-chrome>span{font-size:10px}.story-terminal-screen{gap:16px;padding:20px}.story-terminal-glyph{font-size:clamp(86px,23vw,142px);top:56px;right:18px}.story-terminal-screen-dimension .story-terminal-glyph{top:56px}.terminal-command{min-height:24px;font-size:14px}.story-score-corner{top:20px;right:20px}.story-score-corner strong{font-size:clamp(58px,12vw,92px)}.story-score-corner span{font-size:20px}.story-card-hero .story-score-corner strong{font-size:clamp(74px,16vw,118px)}.story-card-hero .story-score-corner span{margin-bottom:5px;font-size:clamp(19px,4vw,27px)}.story-copy h1{font-size:42px}.story-body{font-size:17px}.story-detail-list{gap:8px}.story-detail-list div{padding:10px 12px}.story-detail-list dd{font-size:17px}.story-detail-list p{font-size:14px;line-height:1.34}.story-kicker{font-size:24px}.story-finale-actions{width:min(540px,100%)}.story-finale-action-panel{gap:12px}.story-finale-og-preview{width:min(100%,500px)}.stage-avatar,.story-stage-figure{width:min(250px,58vw)}.dimension-score strong{font-size:58px}.story-finale-buttons .primary-button,.story-finale-buttons .ghost-button{width:100%;min-height:54px;font-size:14px}}@media (max-width:460px){.app-shell:before{background-attachment:scroll}.app-shell{padding:10px}.app-shell--story{padding:0}.app-shell--landing .landing-stage{height:calc(100svh - 20px)}.app-shell--quiz .quiz-screen{gap:8px;height:calc(100svh - 20px);padding-bottom:72px}.landing-stage,.language-screen,.quiz-screen,.result-screen{min-height:calc(100svh - 20px)}.landing-art{aspect-ratio:1200/630;width:calc(100% + 20px);margin-inline:-10px}.landing-title-block{width:100%}.landing-title-block h1{font-size:40px}.landing-title-block p{font-size:15px}.landing-hero-art{object-fit:contain;object-position:center}.segmented-control.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-primary,.landing-actions .ghost-button{width:100%}.entry-step-panel{gap:8px}.language-choice-list--compact button{grid-template-columns:28px minmax(0,1fr);min-height:42px;padding:5px 8px}.language-choice-list--compact button>span{width:28px;height:28px;font-size:10px}.language-choice-list--compact button strong{font-size:12px}.entry-mode-list,.entry-language-list{gap:8px}.entry-mode-button{grid-template-columns:36px minmax(0,1fr);gap:4px 10px;min-height:74px;padding:10px}.entry-mode-button>span{width:36px;height:36px;font-size:17px}.entry-mode-button strong{font-size:14px}.entry-mode-button small{font-size:11px}.entry-back-button{min-height:38px;font-size:11px}.entry-command-dialog-backdrop{padding:12px}.entry-command-dialog{gap:10px;max-height:calc(100svh - 24px);padding:12px}.entry-command-tabs button{min-height:32px;font-size:10px}.entry-command-line-list{height:194px}.entry-command-line{grid-template-columns:24px minmax(0,1fr) 46px;align-items:center;gap:8px}.entry-command-line>span{border-radius:6px;width:24px;height:24px;font-size:10px}.entry-command-line code{font-size:8px}.entry-command-line button{grid-column:auto;justify-self:end;width:46px;min-height:30px;padding:0}.language-screen,.quiz-screen{gap:10px}.quiz-header{z-index:6;border:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;background:#030615db;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:8px;position:sticky;top:8px;box-shadow:0 14px 38px #0000003d}.quiz-header .small-ghost-button{min-width:58px;min-height:42px;padding:0 10px}.quiz-header .icon-back-button{width:44px;min-width:44px;min-height:44px;padding:0}.quiz-progress{gap:6px}.quiz-footer{width:calc(100vw - 20px);padding:0}.result-character{min-height:220px}.result-character img{width:min(88vw,240px);max-height:250px}.question-card{gap:10px;padding:12px}.question-card h1{align-items:flex-end;min-height:2.2em;font-size:clamp(22px,7.2vw,30px);line-height:1.08;display:flex}.answer-list button{grid-template-columns:48px minmax(0,1fr);gap:4px 10px;min-height:78px;padding:9px 10px}.language-choice-list button{min-height:126px;padding:14px}.language-choice-list button strong{font-size:20px}.answer-list button>.answer-icon{width:48px;height:48px}.answer-icon-glyph{font-size:28px}.answer-list button strong{font-size:15px}.answer-list button small{font-size:12px;line-height:1.24}.quiz-footer{bottom:max(12px, env(safe-area-inset-bottom));padding:0}.quiz-footer .primary-button{width:100%;min-height:54px}.result-actions .primary-button,.result-actions .ghost-button,.result-actions .small-ghost-button{width:100%}.story-card{border-radius:16px;gap:0;min-height:min(620px,100svh - 184px);padding:0}.story-finale-copy{gap:8px}.story-finale-og-preview{width:min(100%,430px)}.story-prelude{padding:28px 14px}.prelude-terminal{gap:18px;padding:26px 16px 24px}.prelude-runway{min-height:128px}.prelude-runway img{filter:none;max-height:128px;transform:translateY(0)scale(.68)}.prelude-runway img.active{filter:drop-shadow(0 0 16px #42e6ff47);transform:translateY(-6px)scale(.96)}.prelude-progress{padding:0 8px}.story-score-corner{top:14px;right:16px}.story-score-corner strong{font-size:58px}.story-score-corner span{margin-bottom:3px;font-size:16px}.story-card-hero .story-score-corner strong{font-size:clamp(68px,19vw,96px)}.story-card-hero .story-score-corner span{margin-bottom:4px;font-size:clamp(17px,5vw,23px)}.story-finale-buttons{grid-template-columns:1fr}.question-block legend{flex-direction:column;align-items:flex-start;font-size:17px}.story-receipt{flex-direction:column;align-items:flex-start}.story-terminal-chrome{min-height:38px;padding:0 10px}.story-window-dots{gap:6px}.story-window-dots span{width:8px;height:8px}.story-terminal-chrome p{max-width:42%;font-size:10px}.story-terminal-chrome>span{font-size:9px}.story-terminal-screen{gap:12px;padding:16px}.story-terminal-glyph{font-size:clamp(70px,28vw,112px);top:50px;right:14px}.story-terminal-screen-dimension .story-terminal-glyph{top:50px}.terminal-command{gap:7px;font-size:12px}.story-stage-figure{width:min(210px,64vw)}.stage-avatar{width:min(210px,64vw);filter:drop-shadow(0 0 20px color-mix(in srgb, var(--accent) 18%, transparent))}.stage-avatar-image{filter:drop-shadow(0 14px 12px #00000052)}.story-copy h1{font-size:34px}.story-body{font-size:15px}.story-detail-list dd{font-size:16px}.story-detail-list p{font-size:13px}}@media (prefers-reduced-motion:reduce){.story-deck{scroll-behavior:auto}.prelude-runway img,.prelude-runway img.active{transition:none}}.github-link{border:1px solid var(--line);color:var(--fog);font-family:var(--font-pixel);letter-spacing:.04em;background:#03061594;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.github-link:hover{color:var(--mist);background:#0d132ae6;border-color:#9daadf80}.github-link svg{display:block}.landing-github{place-self:end center;margin-top:4px}.story-github{place-self:center;width:fit-content;margin-top:18px}