@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&family=Fredoka:wght@600;700&display=swap";:root{color:#fff;--mint:#69e0b2;--gold:#ffd24a;--clay:#db6c3c;--blue:#2e68c8;--ink:#2f2528;background:#6f3627;font-family:Fredoka,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{color:inherit;cursor:pointer;touch-action:manipulation;border:0;font:700 14px Fredoka,sans-serif}button:active{transform:translateY(2px)scale(.985)}#game{isolation:isolate;background:radial-gradient(circle at 50% 30%,#e2a15e,#8b432d 72%);width:100%;height:100%;position:relative;overflow:hidden}#game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#speedlines,#vignette{pointer-events:none;position:absolute;inset:0}#speedlines{opacity:.12;background:repeating-conic-gradient(from 5deg,transparent 0 10deg,#fff4b5 11deg 12deg,transparent 13deg 24deg)}#vignette{background:linear-gradient(#351f2780 0,#0000 27% 68%,#2a1722bd 100%),radial-gradient(circle,#0000 52%,#351f2870 118%)}.hidden{display:none!important}#hud{z-index:8;inset:env(safe-area-inset-top) 0 auto;text-shadow:0 2px 4px #0007;pointer-events:none;grid-template-columns:83px 1fr 103px;gap:8px;padding:10px 10px 0;display:grid;position:absolute}.wave,.gate,#crown{background:linear-gradient(150deg,#54322ceb,#291b22eb);border:2px solid #fff5;border-radius:14px;height:52px;padding:5px 8px;box-shadow:0 7px 18px #301421aa,inset 0 1px #fff3}.wave small,.gate small,#crown small{letter-spacing:1.2px;color:#f5d4b8;font-size:8px;display:block}.wave strong{font:21px/1 "Baloo 2",sans-serif}.gate{text-align:center}.gate strong{color:#ff7558;letter-spacing:1px;font:19px/1 "Baloo 2",sans-serif}#crown{text-align:center;background:linear-gradient(135deg,#e9a83de9,#bf5a2ee9);border-color:#ffdd6eaa;position:relative}#crown strong{font:21px/1 "Baloo 2",sans-serif}#crown i{background:#6b2c26;border-radius:5px;height:4px;position:absolute;bottom:4px;left:8px;right:8px;overflow:hidden}#crown em{transform-origin:0;background:linear-gradient(90deg,#fff25d,#7dffc7);width:15%;height:100%;display:block}#mud{background:#40251edc;border:1px solid #ffe5ba55;border-radius:12px;width:128px;padding:7px 8px;position:absolute;top:70px;left:11px}#mud small{color:#cffff0;font-size:7px;display:block}#mud i{background:#2a2424;border-radius:9px;width:83px;height:8px;display:inline-block;overflow:hidden}#mud em{background:linear-gradient(90deg,#37b78e,#9bffd4);width:100%;height:100%;display:block}#mud b{color:#9dffd5;margin-left:6px;font-size:9px}#callout{text-align:center;background:#3a211ddf;border:1px solid #ffe6bd70;border-radius:99px;width:min(84vw,450px);padding:7px 12px;font-size:10px;position:absolute;top:137px;left:50%;transform:translate(-50%)}#audio{z-index:15;background:#38221fc7;border:1px solid #fff3;border-radius:9px;padding:7px 9px;font-size:8px;position:absolute;top:139px;right:11px}#toast{z-index:20;color:#37221c;opacity:0;pointer-events:none;background:linear-gradient(120deg,#37c99a,#f2b93c);border:2px solid #fff8;border-radius:13px;width:max-content;max-width:88%;padding:10px 17px;font:800 15px "Baloo 2",sans-serif;position:absolute;top:26%;left:50%;transform:translate(-50%,-8px)scale(.85);box-shadow:0 10px 30px #0008}#toast.show{animation:.95s ease-out toast}@keyframes toast{15%,60%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-18px)scale(.94)}}.screen{z-index:10;text-align:center;place-items:center;padding:24px;display:none;position:absolute;inset:0}.screen.active{display:grid}#menu{background:radial-gradient(circle at 50% 28%,#84ffd42c,#0000 43%),linear-gradient(#40221d66,#341c20ee);align-content:center}.logo{filter:drop-shadow(0 9px #3a201e)drop-shadow(0 16px 22px #0008);transform:rotate(-2deg)}.logo h1{letter-spacing:-3px;color:#f5b935;-webkit-text-stroke:2px #58301f;margin:0;font:clamp(50px,12vw,90px)/.72 "Baloo 2",sans-serif}.logo h1 em{color:#fff0c0;-webkit-text-stroke:3px #8d462c;text-shadow:4px 5px #49b992;font-style:normal}.logo p{color:#173e36;letter-spacing:1.1px;background:#55d6a7;margin:15px 0 20px;padding:5px 12px;font:12px "Baloo 2",sans-serif;display:inline-block;transform:rotate(2deg);box-shadow:4px 4px #df6c3d}.pitch{text-align:left;background:#3c211fdf;border:1px solid #ffe2bb4f;border-radius:16px;grid-template-columns:auto 1fr;gap:5px 11px;width:min(345px,85vw);margin:0 auto 23px;padding:13px 15px;display:grid;box-shadow:0 18px 35px #0007,inset 0 1px #fff2}.pitch b{color:#7ff4c5;font-size:10px}.pitch span{color:#f2cfb1;font-size:10px}.primary{color:#4d2c22;background:linear-gradient(#ffe06b,#e7a931);border-radius:16px;min-width:min(335px,85vw);padding:16px 25px;font:800 20px "Baloo 2",sans-serif;box-shadow:0 7px #9e572d,0 14px 30px #0007,inset 0 2px #fff8}.primary span{float:right;font-size:28px;line-height:18px}.key-hint{color:#d3ab92;margin:16px 0 0;font-size:9px}.boot-error,.panel,.result-panel{background:linear-gradient(150deg,#66382ff4,#311d22f7);border:2px solid #ffe0b268;border-radius:22px;width:min(410px,90vw);padding:23px;box-shadow:0 24px 60px #000b,inset 0 1px #fff2}.boot-error{gap:9px;display:grid}.boot-error b,.panel h2,.result-panel h2{color:#ffe45c;margin:0;font:800 31px/1 "Baloo 2",sans-serif}.boot-error span,.panel p{color:#ebc7ad;font-size:11px}.panel .primary{min-width:100%}#pause{background:#341c20dc}#wave-clear{background:#38c79759;align-content:center}#breach{background:#e14d3f70;align-content:center;animation:.12s 6 alternate shake}#wave-clear h2,#breach h2{color:#fff;text-shadow:5px 6px #71301f,-2px -2px #ffe75c;margin:0;font:800 clamp(52px,13vw,96px)/.8 "Baloo 2",sans-serif}#wave-clear p,#breach p{color:#eaff55;background:#312021;padding:7px 12px;font-size:10px}@keyframes shake{to{transform:translate(9px)}}#results{padding-bottom:max(18px,env(safe-area-inset-bottom));background:linear-gradient(#0000 0 42%,#351d20af 70%,#351d20f2);align-content:end}.result-panel{padding:16px 18px}.result-panel h2{font-size:30px}.result-stats{grid-template-columns:1.3fr 1fr 1fr;gap:6px;margin:9px 0;display:grid}.result-stats div{background:#2a1a1ec7;border-radius:10px;padding:7px 3px}.result-stats strong,.result-stats span{display:block}.result-stats strong{font:700 18px "Baloo 2",sans-serif}.result-stats span{color:#dcb9a1;font-size:7px}.token{color:#254135;background:#63e0af;border-radius:99px;padding:7px;font-size:11px}#upgrade{background:#bc5f34;border-radius:10px;width:100%;margin:8px 0;padding:8px;font-size:10px}.result-panel .primary{min-width:100%;padding:11px}.text-button{color:#e0af91;background:0 0;margin-top:9px;font-size:9px}#controls{z-index:12;left:0;right:0;bottom:max(17px,env(safe-area-inset-bottom));pointer-events:none;height:98px;position:absolute}#joystick{pointer-events:auto;touch-action:none;background:radial-gradient(circle,#f3cb7f63 0 34%,#49271da6 36%);border:2px solid #fff2c85c;border-radius:50%;width:88px;height:88px;position:absolute;bottom:0;left:18px;box-shadow:inset 0 0 20px #ffeab033}#knob{will-change:transform;background:linear-gradient(145deg,#fff2bf,#dba34a);border-radius:50%;width:32px;height:32px;position:absolute;top:26px;left:26px;box-shadow:0 5px 9px #311617,inset 0 2px #fff8}#patch,#shove,#catapult{pointer-events:auto;text-shadow:0 2px #0005;border:2px solid #fff6;border-radius:17px;width:68px;height:68px;font-size:8px;position:absolute;bottom:2px;box-shadow:0 6px #71301f,0 11px 20px #0007,inset 0 2px #fff6}#patch span,#shove span,#catapult span{font-size:20px;display:block}#patch{background:linear-gradient(145deg,#73e6ba,#2fa77d);right:166px}#shove{background:linear-gradient(145deg,#5d98e9,#285db6);right:91px}#catapult{background:linear-gradient(145deg,#ffcd54,#d47631);right:16px}#draw-hint{z-index:7;color:#adf7d9;letter-spacing:.4px;pointer-events:none;background:#38201fbd;border:1px solid #7cebc44f;border-radius:99px;padding:5px 10px;font-size:7px;position:absolute;bottom:123px;left:50%;transform:translate(-50%)}#model-badge{z-index:5;color:#efbd9e;letter-spacing:.45px;background:#3a201fc7;border:1px solid #ffe0a937;border-radius:6px;padding:4px 7px;font-size:5px;position:absolute;bottom:6px;left:8px}@media (orientation:landscape){#hud{grid-template-columns:84px 180px 104px;justify-content:space-between}.screen{padding:12px}#menu{grid-template-columns:1fr 1fr;column-gap:5vw}.logo{justify-self:end}.logo h1{font-size:55px}.logo p{margin-bottom:9px}.pitch,#start,.key-hint{grid-column:2}.pitch{grid-row:1;align-self:end;margin-bottom:10px}.primary{min-width:300px}#controls{height:78px}#joystick{width:76px;height:76px}#knob{top:21px;left:21px}#patch,#shove,#catapult{width:62px;height:62px}#draw-hint{bottom:45px}#results{background:linear-gradient(90deg,#0000 0 51%,#351d20d2 73%,#351d20f3);align-content:center;justify-items:end}#results .result-panel{width:335px;margin-right:15px;padding:11px 15px}#results .result-panel h2{font-size:25px}#results .result-stats{margin:5px 0}.result-stats div{padding:4px}.token{padding:5px}#upgrade{margin:5px 0;padding:6px}.result-panel .primary{padding:8px}.text-button{margin-top:5px}}@media (max-width:380px){#hud{grid-template-columns:76px 1fr 92px;gap:5px;padding-inline:7px}.wave strong,#crown strong{font-size:18px}#callout{top:132px}#audio{top:134px;right:7px}.logo h1{font-size:47px}#patch{right:151px}#shove{right:83px}#patch,#shove,#catapult{width:62px;height:62px}#catapult{right:15px}}#kingdom-select{grid-template-columns:repeat(5,1fr);gap:5px;width:min(390px,92vw);margin:0 auto 11px;display:grid}.kingdom-chip{color:#f4d7bd;background:linear-gradient(160deg,#5f3935e8,#2b1b20ed);border:1px solid #ffd59a55;border-radius:11px;grid-template-rows:auto auto auto;min-width:0;padding:7px 3px 6px;display:grid;box-shadow:0 5px 12px #1d0d1380}.kingdom-chip strong{color:#ffd95b;font:800 15px/1 "Baloo 2",sans-serif}.kingdom-chip span{letter-spacing:.4px;text-overflow:ellipsis;font-size:7px;overflow:hidden}.kingdom-chip small{color:#77e4ba;font-size:5px}.kingdom-chip.selected{background:linear-gradient(160deg,#a85b38,#45302e);border-color:#fff4ad;outline:2px solid #56d5a4;transform:translateY(-2px)}.kingdom-chip:disabled{filter:saturate(.25);opacity:.55;cursor:not-allowed}.pitch{margin-bottom:14px}.wave small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (orientation:landscape){#kingdom-select{grid-area:1/2;align-self:start;width:min(390px,47vw);margin-top:7px}.kingdom-chip{padding:5px 2px}.pitch{grid-row:1;align-self:center;margin-top:62px}#start{align-self:start}}