:root{font-family:Trebuchet MS,Arial,sans-serif;color:#214f49;background:#edf1df;font-synthesis:none;font-weight:500;--ink: #214f49;--orange: #eb7950;--cream: #fff9e9;--teal: #24786b}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit;transition:transform .18s,background .18s,box-shadow .18s}button:hover{transform:translateY(-2px)}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ec895b;outline-offset:4px}button:disabled{cursor:default}#app,#game,#ui{position:absolute;inset:0;width:100%;height:100%}#game{display:block}#ui{pointer-events:none}#overlay button,#overlay input,#overlay select{pointer-events:auto}#overlay{position:absolute;inset:0;overflow:auto}#overlay:empty{display:none}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,#243c3615)}.menu-overlay{background:linear-gradient(90deg,#f1f1df,#f1f1dff7 25%,#f1f1dfa8 40%,#f1f1df00 62%)}.brand{position:absolute;left:4.5%;top:4.5%;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2px;font-weight:900}.brand-mark{display:inline-grid;place-items:center;width:35px;height:35px;border:2px solid var(--ink);border-radius:50%;font-size:25px;transform:rotate(-25deg)}.brand-dot{color:#e9925c;font-size:8px;margin-left:8px}.home{position:absolute;left:7%;top:21%;width:580px;max-width:48vw}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:900;display:flex;gap:9px;align-items:center}.eyebrow>span{width:7px;height:7px;background:var(--orange);border-radius:50%}h1{font-size:clamp(56px,6.35vw,104px);line-height:.95;letter-spacing:-5px;margin:24px 0 26px;font-weight:1000;transform:rotate(-3deg);text-shadow:2px 4px 0 #fff9e8}h1>span{color:var(--orange)}.title-bang{display:inline-block;transform:rotate(11deg);margin-left:4px}.home-copy{font-size:14px;line-height:1.85;color:#62766c;margin:0 0 30px}.primary{background:var(--orange);color:#fff9e9;min-height:54px;border-radius:12px;padding:16px 23px;box-shadow:0 5px #bc5c38;font-size:12px;font-weight:900;letter-spacing:1px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px}.primary:hover{background:#ef855a;box-shadow:0 7px #bc5c38}.primary b{font-size:23px}.play-button{min-width:302px;height:62px}.home-links{display:flex;gap:20px;margin-top:27px}.home-links button{background:none;padding:6px 0;font-size:12px;font-weight:900}.small-links{display:flex;align-items:center;gap:12px;margin-top:17px;color:#798a7a}.small-links button{background:none;font-size:10px;padding:5px 0}.small-links i{font-style:normal}.scene-sticker{position:absolute;right:6%;bottom:17%;background:#fff6dce8;border:1px solid #fff8e7;border-radius:14px;padding:20px 26px;transform:rotate(4deg);box-shadow:0 8px 30px #1f514314}.scene-sticker>span{font-size:9px;letter-spacing:2px;font-weight:700;color:#b27642}.scene-sticker strong{display:block;font-size:24px;line-height:1.12;margin:9px 0}.scene-sticker i{font-size:10px;font-style:normal;color:#748373}.float-word{position:absolute;top:21%;right:12%;font-weight:1000;font-size:43px;letter-spacing:-2px;transform:rotate(10deg);color:#fff9e8;text-shadow:3px 3px 0 #315749}.float-word span{color:#f5c966}footer{position:absolute;bottom:4%;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#7d8b77;align-items:center}footer b{color:#335b4c;letter-spacing:2px}footer i{margin:0 12px}footer span:last-child b{font-size:25px;vertical-align:middle;margin-left:10px}.panel-overlay{background:#193e3685;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:65px 24px 28px}.panel-overlay .brand{color:#fff7df;top:18px;left:25px}.panel-overlay .brand-mark{border-color:#fff7df}.panel{pointer-events:auto;position:relative;width:550px;max-width:100%;max-height:calc(100vh - 100px);overflow:auto;padding:36px 40px;background:var(--cream);border-radius:24px;box-shadow:0 16px #173a3024,0 20px 90px #142b3433;border:2px solid #fffdf5}.panel.wide{width:830px}.panel .eyebrow{margin-top:16px;font-size:9px;color:#b08a4b}h2{font-size:32px;letter-spacing:-1.2px;margin:12px 0 10px;line-height:1.08}.subtitle{font-size:12px;color:#819080;line-height:1.7;margin:0 0 24px}.back{background:transparent;font-size:11px;color:#6b8272;padding:0}.full{width:100%;margin-top:15px}.form-row{display:flex;gap:18px}form label{display:block;flex:1;font-size:11px;font-weight:900;margin-bottom:19px}input[type=text],input:not([type]),input[autocomplete]{width:100%;display:block;background:#f5eddb;border:1px solid #e5ddc9;border-radius:9px;padding:13px 15px;margin-top:8px;color:var(--ink);font-size:14px;outline-offset:2px}.field-label{margin-top:3px!important;margin-bottom:10px!important}.difficulty{display:flex;gap:10px}.difficulty label{flex:1;position:relative;margin-bottom:10px}.difficulty input{position:absolute;opacity:0}.difficulty span{display:block;border:1px solid #e0dcca;border-radius:10px;padding:13px 9px;text-align:center;cursor:pointer}.difficulty small{display:block;font-size:9px;color:#7e8d77;margin-top:6px;white-space:nowrap}.difficulty input:checked+span{background:#e4ebd9;border:2px solid #538d70;padding:12px 8px}.difficulty input:focus-visible+span{outline:3px solid var(--orange)}.episode-summary{display:flex;align-items:center;gap:16px;margin:13px 0;background:#eee9d6;border-radius:10px;padding:16px}.episode-summary>span{font-size:24px;color:#bb9760;font-weight:700}.episode-summary small{display:block;font-size:8px;letter-spacing:1.4px;margin-bottom:6px;color:#8b9073}.episode-summary strong{font-size:13px}.episode-summary>b{margin-left:auto}.controls>div{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e9e5d3;font-size:11px}.controls kbd,kbd{font:700 9px Trebuchet MS,sans-serif;background:#e6e9d8;border:1px solid #d7dfcb;border-bottom:3px solid #c5d2b9;border-radius:5px;padding:5px 8px;white-space:nowrap}.tip{background:#eaf0de;padding:13px;border-radius:10px;font-size:11px;line-height:1.8;color:#67806b;margin:20px 0 10px}.check{font-size:11px;display:flex;gap:8px;align-items:center;margin-top:17px}.check input{accent-color:var(--teal)}.episode-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.episode-card{display:flex;align-items:center;gap:15px;border-radius:12px;background:#ede8d7;padding:20px;text-align:left}.episode-card>span{font-size:22px;font-weight:700;color:#b8b296}.episode-card small{display:block;font-size:8px;letter-spacing:1px;margin:8px 0;color:#8a947c}.episode-card strong{display:block;font-size:14px}.episode-card p{font-size:11px;line-height:1.6;margin:8px 0 0;color:#f1dfc1}.episode-card>b{margin-left:auto}.episode-card.available{grid-column:1/-1;background:var(--teal);color:#fff8df}.episode-card.available small,.episode-card.available>span{color:#c5d9ad}.locked{opacity:.65}.empty{text-align:center;padding:20px 0}.empty>span{font-size:55px;color:#d7a053}.empty h3{font-size:19px}.empty p{font-size:12px;color:#7f8b78;margin-bottom:25px}.ranking-table{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{font-size:8px;letter-spacing:.8px;color:#81907a;padding:14px 10px}td{padding:18px 10px;border-top:1px solid #e2deca;white-space:nowrap}.rank-number{display:inline-grid;place-items:center;background:#e5ead5;border-radius:50%;width:27px;height:27px;margin-right:8px}.settings label{display:flex;align-items:center;justify-content:space-between;padding:13px 0;font-size:12px}.settings input{width:48%;accent-color:#408677}.settings select{padding:9px;border:1px solid #d2d9c4;border-radius:7px;background:#eceddc;color:var(--ink)}.danger-link{display:block;margin:24px auto 0;color:#b58167;background:none;font-size:10px}.secondary{background:#e4ead7;padding:15px 20px;border:1px solid #ccd8bc;border-radius:10px;font-size:12px;font-weight:700}.pause-buttons{display:flex;flex-direction:column;gap:12px}.text-button{background:none;font-size:11px;margin-top:10px}.credits{font-size:13px;line-height:1.85;color:#6a7f6e}.intro-title{position:absolute;top:6%;left:50%;transform:translate(-50%);text-align:center;width:80%;color:#fff9df;text-shadow:0 3px 15px #243e37}.intro-title small{font-size:10px;letter-spacing:4px}.intro-title h2{font-size:38px}.intro-overlay{background:linear-gradient(#173f3844,transparent 30%,transparent 70%,#173f3844)}.intro-note,.skip{position:absolute;right:5%;bottom:6%;font-size:11px;color:#fff9df}.skip{background:#214f49;border-radius:8px;padding:13px 18px}.intro-note{opacity:.7}#caption{position:absolute;bottom:12%;left:50%;transform:translate(-50%);max-width:80%;background:#fff9eaf2;border:2px solid white;border-radius:14px;padding:17px 30px;box-shadow:0 6px #264a4122;text-align:center;z-index:5}#caption b{display:block;font-size:10px;letter-spacing:2px;color:#bf7b44;margin-bottom:8px}#caption span{font-size:19px;font-weight:700}#toast{position:absolute;left:50%;top:23%;transform:translate(-50%,-10px);opacity:0;transition:.2s;background:#244f48ef;color:#fff9dc;padding:13px 22px;border-radius:30px;box-shadow:0 5px 20px #173e4422;font-weight:700;font-size:13px;text-align:center;max-width:80%;z-index:8}#toast.visible{opacity:1;transform:translate(-50%)}#hud{position:absolute;inset:0}.hud-top{display:flex;justify-content:center;align-items:start;gap:24px;position:absolute;top:25px;left:0;right:0}.child-card{display:flex;gap:12px;align-items:center;background:#fff7e9ed;padding:12px 18px;border-radius:13px;min-width:175px;box-shadow:0 4px #203f4522}.child-card b{font-size:12px;display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.child-card span:not(.portrait){display:block;font-size:13px;margin-top:5px;letter-spacing:2px}.portrait{font-size:30px}.timer{background:#24594ef2;color:#fff4db;text-align:center;border-radius:0 0 16px 16px;margin-top:-25px;padding:21px 30px 12px;box-shadow:0 5px #183e3522}.timer small{font-size:8px;letter-spacing:2px;display:block;margin-bottom:3px}.timer b{font-size:33px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.timer.urgent{background:#ce694a;animation:pulse .8s infinite alternate}.score-chip{position:absolute;top:35px;right:3%;text-align:right;background:#fff8e6dd;padding:10px 14px;border-radius:10px}.score-chip small{display:block;font-size:7px;letter-spacing:1.5px}.score-chip b{display:block;margin-top:4px;font-size:20px}.floor-chip{position:absolute;top:42px;left:3%;background:#fff8e5cc;padding:8px 12px;border-radius:20px;font-size:9px;font-weight:700;letter-spacing:1px}.hud-bottom{position:absolute;bottom:44px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:end}.meters{width:205px;background:#fff8e4e6;padding:17px 19px;border-radius:13px}.meters label{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1px;margin-bottom:7px}.meters kbd{padding:2px 5px;font-size:7px}.meter{height:7px;border-radius:8px;background:#d8deca;margin-bottom:12px;overflow:hidden}.meter:last-child{margin-bottom:0}.meter i{display:block;height:100%;background:#53a58c;border-radius:8px;transition:width .1s linear}.meter.scold i{background:#e3ae56}.inventory{display:flex;gap:10px}.inventory>div{background:#fff8e8ed;min-width:145px;border-radius:13px;padding:15px 18px;text-align:center;position:relative}.inventory b{display:block;font-size:11px;margin:8px 0}.inventory small{font-size:7px;letter-spacing:1px;display:block;color:#84917d}.inventory-icon{font-size:32px;color:#e27b4e;line-height:25px;display:inline-block;transform:rotate(-25deg)}.inventory .super{background:#f7d990ed}.super>b{font-size:20px;color:#be793d;line-height:21px}.super kbd{position:absolute;right:9px;top:9px}#reticle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff7cf;text-shadow:0 1px 4px #214f49;text-align:center}#reticle>span{font-size:35px;font-weight:400}.charge{height:4px;width:56px;background:#254b4b80;border-radius:4px;overflow:hidden}.charge i{height:100%;display:block;background:#ffdc78}.key-hint{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:9px;color:#fff;text-shadow:0 1px 4px #214f49}.key-hint i{margin:0 10px}.result-top{text-align:center;margin:-5px 0 25px}.stars{color:#e2aa42;font-size:38px;letter-spacing:6px;margin-bottom:6px}.result-top strong{font-size:57px;letter-spacing:-3px;display:block}.result-top small{font-size:9px;letter-spacing:1.6px;color:#8e987d}.score-breakdown>div{display:flex;justify-content:space-between;font-size:11px;padding:8px 0;border-bottom:1px dashed #dedfc9}.score-breakdown b{color:#4b8c72}.result-actions{display:flex;gap:12px;margin-top:24px}.result-actions .primary{flex:1}.saved-note{font-size:10px;text-align:center;color:#8c987d;margin:22px 0 0}.bubble{position:absolute;transform:translate(-50%,-100%);border-radius:12px 12px 12px 0;background:#fff9e9;padding:8px 12px;color:var(--ink);font-weight:700;font-size:11px;box-shadow:0 3px 10px #24564c30;max-width:220px;text-align:center}.bubble.special{background:#f5d67c;font-size:20px}.error{margin:10vh auto;width:min(90%,600px);background:var(--cream);padding:30px;border-radius:20px;pointer-events:auto}[hidden]{display:none!important}@keyframes pulse{to{transform:scale(1.04)}}@media(min-width:1600px){.home{top:24%}.home-copy{font-size:17px}.home-links button{font-size:14px}.small-links button{font-size:12px}}@media(max-height:760px){.home{top:18%}h1{font-size:74px;margin:20px 0}.home-copy{margin-bottom:22px}.small-links{margin-top:9px}.scene-sticker{bottom:14%}.panel{padding:25px 30px}.panel h2{font-size:28px}.panel .subtitle{margin-bottom:15px}.controls>div{padding:7px 0}.panel .tip{margin-top:12px}.result-top{margin-bottom:12px}.result-top strong{font-size:43px}.score-breakdown>div{padding:6px 0}}@media(max-width:900px){.home{left:6%;max-width:58vw}.scene-sticker{right:4%;bottom:15%;padding:15px}.scene-sticker strong{font-size:20px}.float-word{right:10%;font-size:32px}.hud-top{gap:10px}.child-card{min-width:125px;padding:10px}.portrait{font-size:23px}.timer{padding-left:20px;padding-right:20px}.floor-chip,.score-chip{top:120px}.brand{font-size:8px;letter-spacing:1px}}@media(max-width:600px){.menu-overlay{background:linear-gradient(90deg,#f1f1dfed,#f1f1dfaa)}.home{top:20%;width:88%;max-width:none}.home h1{font-size:68px}.scene-sticker,.float-word{display:none}.home-copy{font-size:12px}.home-links{gap:18px}footer span:last-child{display:none}.brand{left:6%;font-size:8px}.panel{padding:25px 20px}.panel h2{font-size:27px}.episode-list{grid-template-columns:1fr}.episode-card.available{grid-column:auto}.difficulty{gap:5px}.difficulty small{font-size:7px}.child-card{min-width:105px;gap:5px}.child-card .portrait{display:none}.child-card b{max-width:90px}.timer{padding-left:14px;padding-right:14px}.timer b{font-size:27px}.meters{width:130px;padding:12px}.inventory>div{min-width:95px;padding:12px 8px}.inventory small{font-size:6px}.inventory b{font-size:9px}.hud-bottom{left:3%;right:3%;gap:8px}#caption{max-width:90%;width:90%;padding:15px}#caption span{font-size:15px}.controls>div{gap:10px;font-size:10px}.controls kbd{font-size:8px}.form-row{gap:10px}}