:root{color-scheme:dark;--cream:#fff9e7;--mint:#cff58c;--gold:#ffd580;--panel:#173c38;--muted:#bfd0c4;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#142c30;color:var(--cream)}body{display:grid;place-items:center}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #ffe9a2;outline-offset:3px}button:disabled{cursor:default;opacity:.45}.game{position:relative;isolation:isolate;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#638d64;--unit:1px}.game.rotated{position:fixed;top:0;left:100vw;width:var(--view-h);height:var(--view-w);transform-origin:0 0;transform:rotate(90deg)}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;z-index:0;cursor:none}.hud{position:absolute;left:2.4%;right:2.4%;top:3%;height:45px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:3;pointer-events:none}.brand{display:flex;align-items:center;gap:8px;color:#faffdc;text-shadow:0 2px 12px #0b2e25a0}.brand-icon{display:grid;place-items:center;background:#194739cf;border:1px solid #d5ed9d66;width:35px;height:37px;border-radius:10px;color:var(--mint);font-size:26px;transform:rotate(-7deg)}.brand strong{display:block;font-size:16px;letter-spacing:.8px}.brand i{font-style:normal;color:var(--mint)}.brand small{display:block;font-size:6px;letter-spacing:1.6px;margin-top:3px}.stats{display:flex;gap:23px;background:#103b35e8;border:1px solid #ebffc73d;border-radius:13px;padding:7px 19px;box-shadow:0 5px 20px #133c282a;backdrop-filter:blur(8px)}.stats>div{text-align:center;min-width:40px}.stats small{display:block;font-size:7px;font-weight:700;letter-spacing:1.2px;color:#c3d6c4}.stats b{display:block;font-size:21px;font-variant-numeric:tabular-nums;line-height:1.25}.stats b span{font-size:9px;color:#bbd2ba}.stats>div:nth-child(2) b{color:var(--gold)}.stats>div:last-child b{color:var(--mint)}.timer.urgent{color:#ffaaa0}.top-actions{display:flex;gap:6px;pointer-events:auto}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border:1px solid #e0f3bd44;border-radius:10px;background:#17443cdb;color:#f9fce1;font-size:21px}.icon-btn[aria-pressed=false]{opacity:.55}.scene-meta{position:absolute;left:2.4%;top:15%;z-index:2;display:flex;flex-direction:column;gap:6px}.scene-chip{display:flex;align-items:center;gap:9px;border:1px solid #ffffff42;border-radius:9px;background:#123d32db;padding:9px 10px;font-size:10px}.scene-chip>span:first-child{font-size:9px;color:var(--mint);font-weight:800}.scene-chip strong{font-weight:650}.scene-meta>small{font-size:7px;letter-spacing:1px;text-shadow:0 1px 3px #123d32;margin-left:5px;color:#f4f9e4}.objective{position:absolute;top:16.5%;left:37%;width:26%;z-index:1;color:#183d31}.objective>div:first-child{display:flex;justify-content:space-between;font-size:8px;font-weight:850;letter-spacing:.7px}.objective strong{font-variant-numeric:tabular-nums}.track{height:5px;background:#204d3b3b;border-radius:8px;overflow:hidden;margin-top:5px;box-shadow:0 1px #fff6}.track i{height:100%;display:block;background:linear-gradient(90deg,#447a45,#c5ed79);width:0;transition:width .15s}.gear{position:absolute;left:2.4%;top:45%;width:120px;z-index:2;padding:11px 10px;border-radius:12px;border:1px solid #f2ffe82e;background:#143c35d6;backdrop-filter:blur(8px)}.tiny{font-size:7px;font-weight:750;letter-spacing:1px;color:#d1e0c4}.tools{display:flex;gap:5px;margin:8px 0}.tool{position:relative;width:29px;height:34px;padding:0;border:1px solid #cee1ce38;border-radius:8px;background:#1a4b44;color:#d8e5d1;font-size:17px}.tool.selected{border-color:var(--gold);color:var(--gold);background:#5a6945}.tool.locked{opacity:.52}.tool small{position:absolute;right:2px;bottom:0;font-size:6px}.gear>small{font-size:7px;color:#d3e0cd;line-height:1.5;display:block}.effects{position:absolute;right:2.4%;top:25%;display:flex;flex-direction:column;gap:6px;z-index:2;pointer-events:none}.effects span{padding:6px 9px;border:1px solid #f8ffe936;border-radius:8px;background:#1b4143d9;font-size:8px;color:#fff3c2;font-weight:750}.toast{position:absolute;top:23%;left:50%;transform:translate(-50%,-4px);z-index:5;width:max-content;max-width:75%;text-align:center;background:#12352deb;color:var(--gold);border:1px solid #eafec451;border-radius:9px;padding:8px 13px;font-size:10px;font-weight:750;opacity:0;transition:.16s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.powerbar{position:absolute;z-index:3;bottom:6%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:7px 9px;border-radius:13px;background:#123c34ec;border:1px solid #d6f4be4f;box-shadow:0 8px 24px #173b2e33;min-width:320px}.power-icon{font-size:24px;color:var(--mint);width:31px;text-align:center}.power-copy{min-width:96px}.power-copy small{display:block;font-size:6px;letter-spacing:1.5px;color:#c5d7be}.power-copy strong{font-size:10px;color:var(--mint);display:block;letter-spacing:.6px}.power-copy>span{font-size:6px;color:#c9d8c1;display:block;margin-top:2px}.energy-track{height:25px;width:5px;background:#071e2699;border-radius:5px;overflow:hidden;display:flex;align-items:end}.energy-track i{display:block;width:100%;height:100%;background:var(--mint);transition:height .2s}.power-button{padding:11px 13px;background:linear-gradient(110deg,#aade7a,#dff6a1);color:#1d3c2b;border:0;border-radius:8px;font-size:9px;font-weight:850;letter-spacing:.7px}.power-button kbd{font-family:inherit;font-size:6px;margin-left:5px;opacity:.6}footer{position:absolute;left:2.4%;right:2.4%;bottom:2%;display:flex;justify-content:space-between;font-size:6px;letter-spacing:.8px;color:#e5f0cf;text-shadow:0 1px 4px #0b2e27;pointer-events:none}.overlay{position:absolute;inset:0;z-index:10;display:none;place-items:center;padding:18px;background:#0d292ae3;backdrop-filter:blur(8px);overflow:auto}.overlay.show{display:grid}.start-modal{display:grid;grid-template-columns:1fr 1.06fr;width:min(850px,95%);border:1px solid #dcefc337;border-radius:20px;overflow:hidden;box-shadow:0 20px 90px #081c1959;background:#183a34}.intro-pane{padding:30px 33px;background:radial-gradient(ellipse at 40% 35%,#416345,#234b3d 65%);position:relative}.kicker{font-size:8px;letter-spacing:1.8px;font-weight:800;color:var(--mint)}h1{font:normal 31px/1.08 Georgia,serif;letter-spacing:-.5px;margin:13px 0}h1 em{color:#ddf39e;font-weight:normal}.intro-pane p{font-size:10px;line-height:1.65;color:#d1dfc9;max-width:270px}.tags{display:flex;gap:6px;margin-top:18px}.tags span{font-size:7px;padding:5px 7px;border:1px solid #e5f6d829;border-radius:6px;color:#d6e6cb}.mascot{width:78px;height:69px;position:relative;margin:20px 0 8px;filter:drop-shadow(0 8px 5px #152d2466)}.mascot-body{position:absolute;width:75px;height:65px;bottom:0;border-radius:44% 44% 35% 35%;background:radial-gradient(ellipse at 30% 20%,#c08d67,#795040 75%);border:2px solid #bf9770}.ear{position:absolute;width:21px;height:25px;border:6px solid #936544;border-radius:50%;background:#eeb1a1;top:-7px}.ear.left{left:0;transform:rotate(-25deg)}.ear.right{right:1px;transform:rotate(25deg)}.eye{position:absolute;top:18px;width:14px;height:19px;border-radius:50%;background:#fff8df}.eye:after{content:"";position:absolute;width:7px;height:10px;border-radius:50%;background:#263535;left:4px;top:6px}.eye.left{left:17px}.eye.right{right:15px}.snout{position:absolute;width:33px;height:23px;border-radius:50%;background:#eac4a0;left:20px;top:36px}.snout:after{content:"";width:18px;height:10px;background:#df9393;border-radius:50%;position:absolute;left:7px;top:-3px}.tooth{position:absolute;left:32px;top:51px;width:10px;height:9px;border-radius:0 0 3px 3px;background:#fff9dc}.mascot>span{position:absolute;right:-17px;top:3px;font-size:24px;color:var(--gold)}.setup-pane{padding:27px}.choice-title{font-size:8px;font-weight:800;letter-spacing:1px;color:#c3d2bd;margin:0 0 9px}.difficulty,.perks{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:20px}.choice,.perk{border:1px solid #c9dfb827;background:#ffffff04;border-radius:9px;padding:11px 6px;text-align:center}.choice b,.choice small,.perk b,.perk small{display:block}.choice b,.perk b{font-size:9px}.choice small,.perk small{font-size:7px;color:#bbcfb4;margin-top:4px}.choice.selected,.perk.selected{background:#b9e98016;border-color:#bbeb86}.choice.selected b,.perk.selected b{color:var(--mint)}.perk>span{display:block;font-size:22px;line-height:1.3;color:var(--gold);margin-bottom:4px}.rule{font-size:8px;color:#d1dcc9;margin:10px 0 16px;line-height:1.6}.rule-dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-right:5px}.primary{background:linear-gradient(110deg,#b4e67c,#e1f49f);color:#203d27;border:1px solid #e9ffd1;border-radius:10px;padding:13px 17px;width:100%;font-size:10px;letter-spacing:1px;font-weight:850;box-shadow:0 3px 0 #688542}.primary:active{transform:translateY(2px);box-shadow:0 1px #688542}.primary b{float:right;font-size:16px;line-height:12px}.setup-note{display:block;text-align:center;font-size:7px;color:#b3c9ad;margin-top:13px;line-height:1.5}.modal{width:min(400px,90%);padding:27px;border:1px solid #d6edba3a;border-radius:18px;background:#1d4137;text-align:center;box-shadow:0 15px 65px #0003}.modal h2,.map-modal h2{font:normal 29px Georgia,serif;margin:10px 0}.modal p{font-size:11px;color:#c9dbc1;line-height:1.5;margin:12px 0 20px}.secondary{width:100%;padding:10px;border:1px solid #d4e7bf29;border-radius:8px;color:#dce8d1;background:transparent;font-size:9px;margin-top:12px}.end-icon{font-size:30px;color:var(--gold);margin:10px 0}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:20px}.result-grid>div{padding:9px 3px;background:#ffffff08;border-radius:8px;border:1px solid #e1efce1a}.result-grid small{display:block;font-size:6px;letter-spacing:.5px;color:#c6d7bb}.result-grid b{font-size:20px;color:var(--gold)}.map-modal{width:min(890px,96%);padding:24px;border:1px solid #d5eebd30;border-radius:17px;background:#1b3b35}.map-heading{display:flex;align-items:center;justify-content:space-between}.scene-list{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}.scene-option{border:1px solid #e6f3d42b;border-radius:10px;background:#ffffff05;overflow:hidden;padding:0;text-align:left}.scene-option.active{border-color:var(--gold)}.scene-preview{width:100%;height:85px;display:block;object-fit:cover}.scene-option strong,.scene-option small{display:block;margin:9px 10px;font-size:9px}.scene-option small{font-size:7px;color:#bcd1b4;margin-top:-3px}.portrait{display:none}.rotate-symbol{font-size:50px;color:var(--mint)}.portrait h2{font:normal 29px Georgia,serif;max-width:300px}.portrait p{font-size:13px;color:#c6d8c2;line-height:1.6;max-width:290px}.portrait .primary{max-width:290px;margin:17px 0}.portrait small{font-size:9px;color:#bbceaf;max-width:290px}.game.portrait-mode .portrait{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:radial-gradient(ellipse,#34543c,#122e2e)}
.game.compact .hud{top:2%;height:37px}.game.compact .brand strong{font-size:12px}.game.compact .brand small{font-size:5px;letter-spacing:1px}.game.compact .brand-icon{width:26px;height:28px;font-size:20px}.game.compact .stats{gap:14px;padding:5px 12px}.game.compact .stats b{font-size:17px}.game.compact .icon-btn{width:31px;height:31px}.game.compact .objective{top:18%}.game.compact .scene-chip{padding:7px;font-size:9px}.game.compact .gear{width:108px;padding:8px}.game.compact .tool{width:25px;height:30px}.game.compact .powerbar{bottom:6%;padding:5px 7px;min-width:290px;gap:8px}.game.compact .power-button{padding:8px 10px}.game.compact .power-copy{min-width:93px}.game.compact .power-icon{font-size:20px}.game.compact .start-modal{max-width:730px}.game.compact .intro-pane{padding:16px 24px}.game.compact .mascot{margin:11px 0 2px;transform:scale(.8);transform-origin:left center;height:55px}.game.compact h1{font-size:27px;margin:8px 0}.game.compact .intro-pane p{font-size:9px}.game.compact .tags{margin-top:11px}.game.compact .setup-pane{padding:18px 22px}.game.compact .difficulty,.game.compact .perks{margin-bottom:13px}.game.compact .choice,.game.compact .perk{padding:7px 4px}.game.compact .rule{margin:8px 0}.game.compact .primary{padding:10px 14px}.game.compact .setup-note{margin-top:9px}.game.compact .modal{padding:17px 24px}.game.compact .modal h2{font-size:24px;margin:7px 0}.game.compact .modal p{margin:8px 0 13px;font-size:10px}.game.compact .result-grid{margin-bottom:12px}.game.compact .end-icon{font-size:23px;margin:5px 0}.game.compact .map-modal{padding:15px 20px}.game.compact .scene-preview{height:65px}
.game.tiny-screen .brand small,.game.tiny-screen .brand-icon,.game.tiny-screen .tags,.game.tiny-screen .gear>small,.game.tiny-screen footer span:last-child{display:none}.game.tiny-screen .stats{gap:10px;padding:4px 8px}.game.tiny-screen .stats>div{min-width:29px}.game.tiny-screen .stats small{font-size:6px}.game.tiny-screen .stats b{font-size:15px}.game.tiny-screen .top-actions{gap:3px}.game.tiny-screen .icon-btn{width:29px;height:29px}.game.tiny-screen .intro-pane{padding:12px 17px}.game.tiny-screen .setup-pane{padding:14px}.game.tiny-screen .mascot{margin-top:5px;height:45px;transform:scale(.66)}.game.tiny-screen h1{font-size:24px}.game.tiny-screen .intro-pane p{font-size:8px}.game.tiny-screen .choice-title{font-size:7px;margin-bottom:6px}.game.tiny-screen .difficulty,.game.tiny-screen .perks{gap:4px;margin-bottom:9px}.game.tiny-screen .choice small,.game.tiny-screen .perk small{font-size:6px}.game.tiny-screen .perk>span{font-size:18px;margin-bottom:0}.game.tiny-screen .rule{font-size:7px}.game.tiny-screen .setup-note{font-size:6px;margin-top:7px}.game.tiny-screen .gear{left:2%;width:104px;padding:6px}.game.tiny-screen .scene-chip{font-size:8px}.game.tiny-screen .scene-meta>small{font-size:6px}.game.tiny-screen .powerbar{transform:translateX(-50%) scale(.87);transform-origin:center bottom}.game.tiny-screen .objective{font-size:7px}.game.tiny-screen .scene-list{gap:5px}.game.tiny-screen .scene-option strong{font-size:8px;margin:6px}.game.tiny-screen .scene-option small{font-size:6px;margin:6px}.game.tiny-screen .map-modal h2{font-size:24px}.game.tiny-screen .scene-preview{height:52px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

.powerbar,.game.compact .powerbar{bottom:4.4%}
.objective{top:13.5%;padding:5px 8px;border:1px solid #e5f4ce38;border-radius:9px;background:#143a32de;color:#f0f8dd}.game.compact .objective{top:15%}.objective .track{height:3px;margin-top:3px;background:#031e2870}