:root{font-family:Inter,ui-rounded,PingFang SC,system-ui,sans-serif;color:#f7f2d4;background:#101d26;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block}button{font:inherit}.hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 2px 4px #000a}.objective{position:absolute;top:22px;left:50%;transform:translate(-50%);width:min(680px,86vw);text-align:center;background:#102a35dc;border:2px solid #ffe18b;border-radius:18px;padding:12px 20px}.objective b{display:block;color:#ffe18b;font-size:1.15rem}.status{position:absolute;left:22px;bottom:22px;width:310px;background:#102a35dc;border-radius:15px;padding:14px}.companion{position:absolute;top:118px;right:22px;min-width:230px;display:grid;gap:5px;background:#143b3be8;border:2px solid #82f2c4;border-radius:15px;padding:12px 16px}.companion b{color:#82f2c4;font-size:1.08rem}.companion.complete{border-color:#ffe18b;box-shadow:0 0 24px #ffe18b77}.companion.complete b{color:#ffe18b}.migration{position:absolute;top:118px;left:50%;transform:translate(-50%);width:min(420px,48vw);background:#261f44e8;border:2px solid #b9a4ff;border-radius:13px;padding:9px 14px;text-align:center}.migration-fill{height:100%;background:linear-gradient(90deg,#84c86b,#e6b65f,#b9a4ff);transition:width .15s}.migration small{color:#ddd3ff}.migration.complete{border-color:#ffe18b;box-shadow:0 0 25px #ffe18b66}.bar{height:13px;background:#071116;border-radius:10px;overflow:hidden;margin:6px 0}.fill{height:100%;transition:width .12s;background:linear-gradient(90deg,#ef6b59,#ffe071,#72db98)}.feet{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.foot{border:1px solid #ffffff55;border-radius:9px;padding:7px;text-align:center;background:#091820}.foot.on{background:#37895a;border-color:#bfffcf}.foot.hint{animation:pulse .7s infinite;background:#a85f28}.help{position:absolute;right:22px;bottom:22px;background:#102a35dc;border-radius:12px;padding:11px;text-align:right}.toast{position:absolute;top:145px;left:50%;transform:translate(-50%);background:#172e3eee;border-radius:20px;padding:10px 18px;opacity:0;transition:opacity .2s}.toast.show{opacity:1}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(#132738e8,#1f3d35e8);z-index:4}.card{width:min(600px,90vw);background:#10232eee;border:2px solid #ffe18b;border-radius:26px;padding:28px;text-align:center;box-shadow:0 20px 60px #0008}.card h1{color:#ffe18b;margin:0 0 8px;font-size:clamp(2rem,7vw,4rem)}.card p{line-height:1.65}.primary,.secondary,.danger{pointer-events:auto;cursor:pointer;border:0;background:#ffe18b;color:#18232a;font-weight:800;border-radius:15px;padding:12px 20px;margin:3px}.secondary{background:#b7d9d2}.danger{background:#ef796d}.primary:hover,.primary:focus-visible,.secondary:hover,.secondary:focus-visible,.danger:hover,.danger:focus-visible{transform:translateY(-2px);outline:3px solid white}.volume-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:left;margin:15px 0}.volume-grid label{display:grid;gap:4px;font-size:.82rem}.volume-grid input{width:100%;accent-color:#ffe18b}.seed{background:#07182088;padding:8px;border-radius:10px}.dream-event{position:absolute;top:105px;left:50%;transform:translate(-50%);background:#5a3874ee;border:2px solid #e4b7ff;border-radius:12px;padding:9px 16px;font-weight:800}.scores{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.scores article{display:grid;background:#193b45;border-radius:14px;padding:12px}.scores b{font-size:2rem;color:#ffe18b}.scores span{font-size:.82rem}.results-card{width:min(760px,94vw);max-height:94vh;overflow:auto}.results-card details{text-align:left;background:#09182099;border-radius:10px;padding:9px;margin:8px}.dream-transition .card{animation:pulse 1s infinite}.card h1{line-height:1.12}#start .card{width:min(780px,92vw)}#start h1{font-size:clamp(2.2rem,5vw,3.4rem)}.subtle{color:#b9c8cd;font-size:.85rem}.hidden{display:none!important}.title-screen{background:radial-gradient(circle at 50% 18%,#79609a55 0 12%,transparent 42%),linear-gradient(155deg,#0a1b28f4,#204b43f2)}.title-screen .card{position:relative;overflow:hidden;background:linear-gradient(145deg,#142c38f5,#102128f5)}.title-screen .card:before,.title-screen .card:after{content:"";position:absolute;z-index:-1;width:180px;height:180px;border:1px solid #ffe18b33;transform:rotate(45deg);top:-125px;left:-60px}.title-screen .card:after{inset:auto -90px -130px auto;border-color:#82f2c455}.eyebrow{margin:0 0 8px!important;color:#82f2c4;font-size:.72rem;font-weight:900;letter-spacing:.22em}.legal{margin:15px auto 0;padding:12px 16px;background:#071820aa;border-left:3px solid #82f2c4;border-radius:8px;color:#dce9e6;font-size:.83rem;line-height:1.55!important;text-align:left}.legal.compact{text-align:center;padding:8px;border-left:0;border-top:1px solid #82f2c455}.credits-card{width:min(720px,92vw);max-height:92vh;overflow:auto}.credit-list{display:grid;gap:8px;text-align:left;margin:16px 0}.credit-list p{display:grid;grid-template-columns:170px 1fr;gap:12px;margin:0;padding:10px 12px;background:#193b4588;border-radius:10px}.credit-list b{color:#ffe18b}.credit-list span{color:#d6e2e0}.objective,.status,.help,.companion,.migration{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 8px 28px #07111644}.objective{border-color:#ffe18b99}.toast{border:1px solid #ffffff26}.primary,.secondary,.danger{transition:transform .12s,filter .12s}.primary:active,.secondary:active,.danger:active{transform:translateY(1px);filter:brightness(.9)}input[type=range]:focus-visible{outline:3px solid white;outline-offset:3px}@media(max-width:760px){.help{font-size:.76rem}.status{width:260px}.credit-list p{grid-template-columns:1fr;gap:3px}.volume-grid{gap:5px}.card{padding:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@keyframes pulse{50%{transform:scale(1.06);filter:brightness(1.4)}}