:root{--ink:#0d1729;--gold:#d5b77b;--blue:#6ed6f2;--muted:#aabacb;--panel:#121e32ed;--edge:#98b1c34a}.primary{position:relative;color:#25273b;border-color:#f6dda6;background:linear-gradient(135deg,#fff5d4,#bc9255 17%,#eed6a2 42%,#dab777 72%,#a17a45);box-shadow:inset 0 2px #fff8e6,inset 0 -3px #80582f,0 7px 24px #0005}.secondary{position:relative;border-color:#bfcfdf80;background:linear-gradient(130deg,#354963ee,#15243ae8 45%,#22364cef);box-shadow:inset 0 1px #dcefff60,inset 0 -2px #040a1680,0 4px 16px #0003}.primary:before,.secondary:before{content:"";position:absolute;inset:4px;border:1px solid #c7d4e51c;pointer-events:none}.primary:before{border-color:#76522660}button:hover{border-color:#6ed6f2;box-shadow:inset 0 1px #fff6,0 0 22px #4ab8e32e}button:active{transform:translateY(2px);filter:brightness(.85)}.title-screen{background:linear-gradient(90deg,#0a162af2,#102037b5 32%,#15203611 65%),linear-gradient(0deg,#061329c9,transparent 48%),url(assets/ui-menu.webp) center/cover}.title-copy{padding-top:54px;width:52%}.brand-logo{width:100%;max-width:410px;margin:12px -15px 8px;filter:drop-shadow(0 8px 15px #0007)}.accessible-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.title-hero{display:none}.title-actions{max-width:310px}.title-sub{letter-spacing:2px;max-width:360px}.quiet{font-size:11px}#menu-screen{position:relative;background:linear-gradient(90deg,#0a162af5,#102037e5 37%,#15203611 69%),linear-gradient(0deg,#061329e8,transparent 48%),url(assets/ui-menu.webp) center/cover;padding:28px 42px 78px;min-height:650px}.menu-heading{margin-bottom:18px;max-width:480px;align-items:flex-start}.menu-brand{width:235px;max-height:112px;object-fit:contain;margin:-5px 0 2px -9px}.menu-heading h2{font-size:23px}.menu-heading .eyebrow{font-size:9px;letter-spacing:3px}.menu-heading .text-button{position:absolute;right:28px;top:24px;background:#0d1d32b0;border:1px solid #98b1c34a;padding:10px 16px}.menu-grid{grid-template-columns:1fr;max-width:410px;gap:18px}.hero-cards{gap:12px}.hero-card{min-height:82px;display:flex;align-items:center;overflow:visible;background:linear-gradient(130deg,#283951e8,#111b2def)}.hero-card img{width:58px;height:58px;object-fit:cover;object-position:top;padding:0;margin:10px;border-radius:50%;border:1px solid #cfb374}.hero-card .hero-copy{padding:10px 8px 10px 0}.hero-card b{font-size:19px}.hero-card small{font-size:9px;line-height:1.7;margin-top:4px}.hero-card p{display:none}.selected-mark{right:7px;top:4px;font-size:8px}.hero-card.selected{border-color:#d5b77b;background:linear-gradient(90deg,#6e603683,#203755eb)}.level-cards{grid-template-columns:1fr 1fr;gap:12px}.level-card{min-height:63px;gap:9px}.level-card img{width:60px;height:63px}.level-card b{font-size:13px;letter-spacing:1px}.level-card small{font-size:8px;max-width:108px;line-height:1.6}.level-card.selected{background:linear-gradient(130deg,#414138df,#1a2b41ee)}.instruction{margin:10px 0;font-size:10px}.menu-grid h3{margin:0 0 10px;font-size:11px}.settings{max-width:450px;margin-top:17px;gap:18px;font-size:10px}.menu-nav{position:absolute;bottom:20px;left:42px;display:flex;gap:12px}.menu-nav .secondary{padding:10px 21px;font-size:11px;letter-spacing:2px}.menu-nav .selected{border-color:#d5b77b;color:#f3e5c5}#hud{background:linear-gradient(130deg,#182b43,#0d1d32 70%);border-bottom:1px solid #bda57760;gap:18px}.hud-identity img{border:2px solid #cfb374;box-shadow:0 0 0 3px #152536c9}.health i{background:linear-gradient(90deg,#9c3b53,#e56a78,#f99b99);box-shadow:inset 0 2px #ffc9ba7a}.experience i{background:linear-gradient(90deg,#2578c3,#72e0fb)}.hud-time strong{font-weight:400;font-size:25px}.bar{border-color:#7da0b34d}#minimap{width:90px;height:50px;border:1px solid #bda57780;background:#132234d9;flex:none}.equipment-footer{background:linear-gradient(130deg,#15243a,#0e1b30);border-top:1px solid #a4b5c344}.slot{background:linear-gradient(130deg,#33415d,#15213b);border-color:#c2b18480;box-shadow:inset 0 0 0 3px #0c172861,inset 0 1px #d3eaf76b}.slot img{position:relative;z-index:1}.slot small{z-index:3}.slot .cooldown-state{position:absolute;inset:3px;z-index:2;background:conic-gradient(#0d182b99 var(--angle),transparent 0);pointer-events:none}.modal-content{position:relative;background:linear-gradient(145deg,#283951f2,#111b2df5 70%);border-color:#98b1c36a;box-shadow:inset 0 1px #d8e6f229,0 18px 60px #0008}.modal-content:before{content:"";position:absolute;width:42px;height:4px;top:-1px;left:24px;background:linear-gradient(90deg,#ffecd0,#c29c56)}.choice{position:relative;text-align:left;align-items:flex-start;background:linear-gradient(145deg,#23475b,#18283c);border-color:#77bad49c;padding:24px 18px;min-height:260px}.choice:nth-child(2){background:linear-gradient(145deg,#493d6c,#21283e);border-color:#ad98d99c}.choice:nth-child(3){background:linear-gradient(145deg,#544832,#232b38);border-color:#d7b978a6}.choice img,.choice .glyph{align-self:center;background:radial-gradient(#6588a52a,transparent 65%)}.choice b{font-size:17px}.choice p{margin-top:6px;line-height:1.9}.choice em{border-top:1px solid #9baecc35;padding-top:10px;width:100%;margin-top:12px}.choice .keycap{position:absolute;right:10px;bottom:10px;border:1px solid #98adbd7a;border-bottom:2px solid #667c95;padding:2px 6px;color:#dfeaf5;font-size:10px}.modal-content h2{color:#f3e5c5;font-size:28px;letter-spacing:4px}.result-stats b{color:#e0c080}.dossier{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center;text-align:left}.dossier>img{max-width:100%;height:280px;object-fit:contain}.dossier dl{display:grid;grid-template-columns:1fr 1fr;font-size:12px;line-height:2}.dossier dt{color:#aabacb}.dossier dd{margin:0;text-align:right}.dossier p{font-size:12px;line-height:1.9;color:#cad4e2}.dossier-tabs{display:flex;gap:12px;justify-content:center;margin-bottom:15px}.dossier-tabs .selected{border-color:#d5b77b}.control-list{line-height:2.2;font-size:14px;color:#b6c9dc;text-align:left;max-width:470px;margin:auto}.result-win .modal-content{border-color:#d5b77b}.result-loss .modal-content{border-color:#ed63747a}@media(max-width:760px){.title-copy{padding:60px 24px;width:70%}.brand-logo{max-width:330px;margin-left:-8px}.title-sub{font-size:11px}.title-screen{background-position:60% center}#menu-screen{padding:24px 20px 77px;background-position:64% center;min-height:650px}.menu-grid{max-width:390px}.menu-heading{max-width:400px}.menu-brand{width:220px}.menu-heading .text-button{right:12px;top:18px;font-size:9px;padding:8px}.hero-card{min-height:75px}.hero-card img{width:49px;height:49px}.hero-card small{font-size:8px}.level-card{display:flex}.level-card img{width:50px;height:60px}.level-card div{padding:0 4px 0 0}.level-card small{font-size:8px}.level-card b{font-size:12px}.settings{gap:13px;font-size:9px}.menu-nav{left:20px}.menu-nav .secondary{padding:10px 16px}.choice{padding:15px 10px;min-height:235px}.choice b{font-size:12px}.choice .keycap{bottom:5px;right:5px}.modal-content h2{font-size:21px}#hud{gap:8px}#minimap{display:none}.hud-time strong{font-size:17px}.dossier{gap:13px}.dossier>img{height:210px}.dossier dl,.dossier p{font-size:10px}.control-list{font-size:11px}}.result-stats{gap:16px}.result-stats>div{min-width:125px;border:1px solid #9db6ce66;background:#0a192b80;padding:14px 20px}.danger{border-color:#d47e87;background:linear-gradient(135deg,#833d54,#42253a)}.story-dialogue{display:flex;align-items:center;gap:24px;text-align:left;margin:25px 0;padding:22px;border:1px solid #b99a68a0;background:linear-gradient(135deg,#1c3048f5,#0e182cf5)}.story-dialogue img{width:92px;height:116px;object-fit:cover;object-position:top;border:1px solid #ceb981}.story-dialogue b{color:#f3d498;letter-spacing:4px}.story-dialogue p{font-size:20px;line-height:1.8;margin:10px 0}.ending-dialogue{border-left:2px solid #d5b77b;background:#12243cc7;text-align:left;padding:8px 18px;margin:15px 0}.ending-dialogue p{font-size:12px;line-height:1.8;margin:5px 0;color:#c9d8e8}.ending-dialogue b{color:#e0c080;margin-right:10px}.modal-content{max-height:calc(100dvh - 24px);overflow:auto}@media(max-width:760px){.result-stats>div{min-width:0;padding:11px 14px}.story-dialogue{gap:15px;padding:14px}.story-dialogue img{width:65px;height:86px}.story-dialogue p{font-size:14px}}#difficulty-hint{font-size:12px;text-align:center;color:#f2c68e;background:#101a2a;padding:5px 8px;min-height:24px}#skip-finale{position:absolute;right:12px;bottom:12px;z-index:8}.court-record{color:#cde0ed;border:1px solid #8b795e;padding:12px}.level-cards{gap:9px}.level-card img{height:64px}.level-card small{font-size:11px;line-height:1.45}#app.playing{width:min(1120px,100vw,calc((100dvh - 167px)*16/9))}@media(max-width:760px){#app.playing{width:min(1120px,100vw,calc((100dvh - 142px)*16/9))}}#quest-hint{font-size:11px;color:#c8d7e5;background:#17273b;text-align:center;padding:5px 8px;min-height:25px}#app.playing{width:min(1120px,100vw,calc((100dvh - 194px)*16/9))}@media(max-width:760px){#app.playing{width:min(1120px,100vw,calc((100dvh - 169px)*16/9))}}#training-options{padding:14px;border:1px solid #b59964;background:#13283d;margin-top:14px;font-size:12px}#training-options select{font:inherit;color:#dfdacb;background:#192a3d;border:1px solid #8f794f;padding:8px;margin:10px 5px 0 0}#star-description{font-size:11px;color:#b6c9db;line-height:1.6}