@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Outfit:wght@400;600;700;900&display=swap";*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:#fff;background:#8dd9ed;font-family:Outfit,system-ui,sans-serif}canvas{display:block}.hud{pointer-events:none;z-index:2;text-shadow:0 2px 12px #173e46;padding:26px;position:fixed;inset:0}.brand{letter-spacing:.2em;font-size:24px;font-weight:900}.objective{text-align:center;letter-spacing:.15em;font-size:12px;position:absolute;top:25px;left:50%;transform:translate(-50%)}.objective b{letter-spacing:.06em;margin-top:3px;font-size:22px;display:block}.controls{white-space:nowrap;background:#123a3baa;border:1px solid #ffffff40;border-radius:30px;padding:10px 17px;font:11px DM Mono,monospace;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.controls i{color:#8eefe0;font-style:normal}.start{z-index:5;background:radial-gradient(circle at 78% 40%,#447d6f77,#0000 35%),linear-gradient(125deg,#082d3c 0%,#103f46 53%,#214d36 100%);flex-direction:column;padding:clamp(22px,4vw,58px);transition:opacity .6s;display:flex;position:fixed;inset:0}.start:before{content:"";opacity:.18;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#0000 49.8%,#d5fff711 50%,#0000 50.2%),linear-gradient(#d5fff70c 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.start.gone{opacity:0;pointer-events:none}.menu-top,.menu-footer,.start-card{z-index:1;position:relative}.menu-top{justify-content:space-between;align-items:center;display:flex}.menu-top .eyebrow{color:#a7f5df}.eyebrow{letter-spacing:.2em;color:#8ee5d5;font:11px DM Mono,monospace}.start-card{grid-template-columns:minmax(260px,.8fr) minmax(520px,1.5fr);align-items:center;gap:clamp(30px,6vw,100px);margin:auto 0;display:grid}.menu-copy h1{letter-spacing:-.08em;margin:18px 0 25px;font-size:clamp(57px,8vw,120px);line-height:.82}.menu-copy p{color:#d4eee5;max-width:340px;margin:0;line-height:1.6}.character-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.character{text-align:left;color:#fff;cursor:pointer;background:#0b3035a1;border:1px solid #c9fff033;border-radius:18px;min-height:300px;padding:0 18px 20px;transition:transform .22s,border-color .22s,background .22s;position:relative;overflow:hidden}.character:hover,.character.selected{background:#164a4ae8;border-color:#a5ffe3;transform:translateY(-8px);box-shadow:0 20px 45px #001a1b70}.portrait{background:linear-gradient(145deg,#2f7e81,#123d4c);height:190px;margin:0 -18px 15px;display:block;position:relative;overflow:hidden}.portrait:before{content:"";background:#ffc14f;border-radius:50% 50% 0 0;width:180px;height:100px;position:absolute;bottom:-45px;left:50%;transform:translate(-50%)}.portrait-head{background:#f0a56e;border-radius:48% 48% 44% 44%;width:70px;height:76px;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.portrait-hat{background:#2d5e91;border-radius:99px 99px 8px 8px;width:92px;height:20px;position:absolute;bottom:95px;left:50%;transform:translate(-50%)}.portrait-1{background:linear-gradient(145deg,#873e69,#302d5c)}.portrait-1:before{background:#ff7185}.portrait-1 .portrait-head{background:#8b553a}.portrait-1 .portrait-hat{background:#963b69}.portrait-2 .portrait-head{background:#6f3f2a}.character-name{letter-spacing:-.03em;font-size:25px;font-weight:800;display:block}.character-role{color:#a8d9d1;text-transform:uppercase;letter-spacing:.09em;margin-top:3px;font:10px DM Mono,monospace;display:block}.choose{letter-spacing:.12em;color:#0d453e;opacity:0;background:#a9f6df;border-radius:4px;padding:6px 8px;font:9px DM Mono,monospace;position:absolute;bottom:15px;right:14px}.character.selected .choose{opacity:1}.begin{color:#103641;letter-spacing:.11em;cursor:pointer;background:#a9f6df;border:1px solid #c1ffe6;border-radius:99px;grid-column:2;justify-self:end;padding:16px 23px;font:700 13px Outfit;box-shadow:0 8px 28px #0005}.begin span{margin-left:10px;font-size:20px}.begin:hover{transform:translateY(-2px)}.menu-footer{letter-spacing:.1em;color:#b5ded5;text-align:center;font:10px DM Mono,monospace}.start .brand{font-size:22px}@media (width<=800px){.start{padding:25px;overflow:auto}.start-card{margin:55px 0 30px;display:block}.menu-copy h1{font-size:62px}.menu-copy p{margin-bottom:25px}.character-grid{gap:9px}.character{min-height:205px;padding:0 11px 14px}.portrait{height:120px;margin:0 -11px 10px}.portrait:before{width:110px;height:65px;bottom:-30px}.portrait-head,.portrait-hat{transform-origin:bottom;transform:translate(-50%)scale(.68)}.portrait-head{bottom:20px}.portrait-hat{bottom:67px}.character-name{font-size:18px}.character-role{font-size:8px}.begin{grid-column:auto;margin-top:25px}.menu-top .eyebrow{display:none}}.portrait-2{background:linear-gradient(145deg,#426d87,#26364b)}.portrait-2:before{background:#c6533e}.portrait-2 .portrait-hat{background:#33485b}.inventory{z-index:8;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#061d20a8;place-items:center;padding:20px;transition:opacity .2s;display:grid;position:fixed;inset:0}.inventory.open{opacity:1;pointer-events:auto}.inventory-card{background:linear-gradient(145deg,#143e46,#09292f);border:1px solid #b8f9e866;border-radius:22px;width:min(520px,100%);padding:26px;transition:transform .25s;transform:translateY(14px);box-shadow:0 30px 100px #001417}.inventory.open .inventory-card{transform:translateY(0)}.inventory header{justify-content:space-between;align-items:start;display:flex}.inventory h2{letter-spacing:-.05em;margin:5px 0 0;font-size:34px}.inventory-close{color:#e9fffa;cursor:pointer;background:#ffffff12;border:1px solid #b8f9e844;border-radius:50%;width:35px;height:35px;font-size:27px;line-height:1}.inventory-owner{background:#b5fbe016;border-radius:14px;align-items:center;gap:12px;margin:21px 0;padding:12px;display:flex}.owner-avatar{color:#10434a;background:#a9f6df;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.inventory-owner strong,.inventory-owner small{display:block}.inventory-owner small{color:#a5d6cf;margin-top:3px;font:10px DM Mono,monospace}.inventory-label{letter-spacing:.16em;color:#8bd4c5;margin:17px 0 8px;font:10px DM Mono,monospace}.inventory-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.inventory-slot{aspect-ratio:1;background:#031d24a8;border:1px solid #b8f9e833;border-radius:12px;padding:9px;position:relative}.crystal-slot{background:linear-gradient(145deg,#255b6e,#144044);flex-direction:column;justify-content:center;align-items:center;display:flex}.item-icon{color:#74f4ef;text-shadow:0 0 16px #42dfd6;font-size:31px}.item-name{margin-top:4px;font-size:10px}.inventory-slot b{color:#fff;position:absolute;bottom:6px;right:8px}.inventory-slot.empty{color:#63968f;place-items:center;font:9px DM Mono,monospace;display:grid}.equipment{gap:7px;display:grid}.equipment span{color:#93d9cd;background:#ffffff0c;border-radius:10px;padding:10px 12px;font-size:13px}.equipment b{color:#f3fffc;margin-left:7px}.inventory-help{text-align:center;color:#9ccfc7;margin:22px 0 0;font-size:12px}.inventory-help b{color:#fff}.inventory-card{isolation:isolate;background:repeating-linear-gradient(90deg,#8b6947 0 2px,#916f4b 2px 5px),linear-gradient(#9c7952,#765337)!important;border:3px solid #553c27!important;border-radius:28px 28px 20px 20px!important;padding:72px 30px 30px!important;position:relative!important;box-shadow:inset 0 0 0 3px #bd9668,inset 0 -18px 30px #3a251a66,0 30px 100px #001417!important}.inventory-card:before{content:"";z-index:0;background:linear-gradient(145deg,#b08a5e,#745136);border:3px solid #553c27;border-radius:40px 40px 18px 18px;height:95px;position:absolute;top:-24px;left:7%;right:7%;box-shadow:inset 0 5px #d1ae7c,0 8px #503522}.inventory-card:after{content:"";z-index:0;border:12px solid #553c27;border-bottom:0;border-radius:26px 26px 0 0;width:92px;height:48px;position:absolute;top:-46px;left:50%;transform:translate(-50%)}.inventory-card>*{z-index:1;position:relative}.inventory h2{color:#fff4d9;text-shadow:0 2px #493120}.inventory .eyebrow{color:#d8c08f}.inventory-close{color:#fff2d8!important;background:#543927!important;border-color:#eddbac88!important}.inventory-owner{box-shadow:inset 0 0 0 2px #e6ca9855;background:#d8bd8a66!important;border:2px solid #513725!important}.owner-avatar{color:#533922!important;background:#e4bd75!important}.inventory-owner small,.inventory-label{color:#f0d49b!important}.inventory-grid{background:#5b3d29aa;border:2px solid #503624;border-radius:16px;padding:11px;box-shadow:inset 0 0 0 2px #c59a6588}.inventory-slot{background:#2a332eaa!important;border:2px solid #2d2119!important;border-radius:8px!important;box-shadow:inset 0 0 0 2px #a67e52!important}.crystal-slot{background:radial-gradient(circle,#2c8080,#204545)!important}.equipment span{border:1px solid #d4ad7288;color:#f1d7a0!important;background:#5a3a25aa!important}.equipment b{color:#fff4dd!important}.inventory-help{color:#f0d3a0!important}.inventory-card{--pack-color:#31587a;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--pack-color) 76%,#2a1b15) 0 2px,color-mix(in srgb,var(--pack-color) 88%,#e6c18a) 2px 5px),linear-gradient(145deg,color-mix(in srgb,var(--pack-color) 75%,#f2d1a1),color-mix(in srgb,var(--pack-color) 72%,#1e1511))!important}.inventory-card:before{background:linear-gradient(145deg,color-mix(in srgb,var(--pack-color) 72%,#f0cf9d),color-mix(in srgb,var(--pack-color) 78%,#20140f))!important}.inventory-owner{background:color-mix(in srgb,var(--pack-color) 48%,#e9ce9e)!important}.inventory-grid{background:color-mix(in srgb,var(--pack-color) 62%,#241711)!important}.player-health{letter-spacing:.1em;width:180px;font:10px DM Mono,monospace;position:absolute;top:78px;left:26px}.player-health>span{color:#e4fff4;margin-bottom:6px;display:block}.player-health>div{background:#082d31aa;border:1px solid #fff6;border-radius:99px;height:9px;padding:2px}.player-health i{background:linear-gradient(90deg,#4eeb9a,#d6f486);border-radius:99px;width:100%;height:100%;transition:width .2s;display:block}.player-health b{color:#fff;font-size:10px;position:absolute;bottom:-3px;right:-30px}.player-level{letter-spacing:.1em;width:180px;font:10px DM Mono,monospace;position:absolute;top:125px;left:26px}.player-level>span{color:#e8e2ff;margin-bottom:6px;display:block}.player-level>span b{color:#b9a8ff;font-size:13px}.player-level>div{background:#161430aa;border:1px solid #fff5;border-radius:99px;height:7px;padding:1px}.player-level i{background:linear-gradient(90deg,#8063ff,#d3a5ff);border-radius:99px;width:0;height:100%;transition:width .25s;display:block}.player-level small{color:#d8d0ff;margin-top:5px;font-size:9px;display:block}.level-up{z-index:12;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:radial-gradient(circle,#7851c344,#0000 55%),#07151fce;place-items:center;padding:20px;transition:opacity .22s;display:grid;position:fixed;inset:0}.level-up.open{opacity:1;pointer-events:auto}.level-card{text-align:center;background:linear-gradient(145deg,#1d1941,#0d2030);border:1px solid #bdaaff88;border-radius:26px;width:min(880px,100%);padding:42px;transition:transform .22s;transform:scale(.96);box-shadow:0 25px 100px #000a}.level-up.open .level-card{transform:scale(1)}.level-card h2{letter-spacing:-.06em;margin:9px 0;font-size:clamp(32px,5vw,58px)}.level-card>p{color:#cfc8f1;margin:0 0 27px}.ability-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.ability{color:#fff;cursor:pointer;background:linear-gradient(155deg,#352a68,#1a3151);border:1px solid #c6b6ff44;border-radius:17px;min-height:230px;padding:22px 17px;transition:transform .18s,border-color .18s,background .18s}.ability:hover{background:linear-gradient(155deg,#50408d,#254a70);border-color:#e4c9ff;transform:translateY(-8px)}.ability>span{color:#cab6ff;text-shadow:0 0 18px #9070ff;margin-bottom:15px;font-size:43px;display:block}.ability strong{letter-spacing:.08em;font-size:16px;display:block}.ability small{color:#d6d6ef;margin:10px auto;line-height:1.45;display:block}.ability em{color:#211d42;letter-spacing:.12em;background:#bd9bff;border-radius:4px;margin-top:16px;padding:6px 9px;font:700 9px DM Mono,monospace;display:inline-block}@media (width<=650px){.level-card{padding:28px 16px}.ability-grid{gap:8px}.ability{min-height:190px;padding:14px 8px}.ability>span{font-size:29px}.ability strong{font-size:11px}.ability small{font-size:10px}}.loot-toast{z-index:11;color:#fff0c8;letter-spacing:.03em;opacity:0;pointer-events:none;background:#352311e8;border:1px solid #ffd58488;border-radius:12px;padding:12px 18px;font:12px Outfit,sans-serif;transition:opacity .24s,transform .24s;position:fixed;bottom:88px;left:50%;transform:translate(-50%,18px);box-shadow:0 12px 35px #0008}.loot-toast.show{opacity:1;transform:translate(-50%)}.loot-slot{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;background:#4a3820!important}.loot-slot .item-icon{color:#ffe08b;text-shadow:0 0 12px #ffbb42;font-size:24px}.loot-slot .item-name{color:#fff0c8;margin-top:4px;font-size:8px;line-height:1.15}.start{background:radial-gradient(circle,#315e5c55,#0000 42%),linear-gradient(145deg,#061f2b,#123f43 58%,#153626)!important;justify-content:center!important;align-items:center!important}.start-card{width:min(980px,100%)!important;box-shadow:none!important;text-align:center!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important;display:block!important}.start-card h1{letter-spacing:-.095em!important;text-shadow:0 14px 45px #0008!important;margin:0 0 clamp(36px,6vh,70px)!important;font-size:clamp(72px,13vw,165px)!important;line-height:.76!important}.start .character-grid{width:min(820px,100%);margin:auto;gap:18px!important}.start .character{text-align:center!important;background:linear-gradient(160deg,#183e43b8,#0b252db8)!important;border:1px solid #bfffe744!important;border-radius:20px!important;min-height:310px!important;padding:0 0 19px!important;box-shadow:0 18px 48px #0004!important}.start .character:hover,.start .character.selected{background:linear-gradient(160deg,#27615ebf,#12363abf)!important;border-color:#ceffe9!important;transform:translateY(-9px)!important;box-shadow:0 25px 55px #0008!important}.preview-canvas{background:radial-gradient(circle at 50% 38%,#89d9d744,#0000 57%);border-radius:19px 19px 0 0;width:100%!important;height:252px!important;display:block!important}.start .character-name{letter-spacing:.05em!important;margin-top:4px!important;font-size:24px!important;font-weight:700!important;display:block!important}.start .begin{color:#093b3c!important;background:#b5f7e0!important;border:1px solid #c8ffe9!important;border-radius:50%!important;place-items:center!important;width:55px!important;height:55px!important;margin:34px auto 0!important;padding:0!important;font-size:29px!important;line-height:1!important;display:grid!important}.start .begin span{margin:0!important}.start .menu-copy,.start .menu-top,.start .menu-footer,.start .character-role,.start .choose{display:none!important}@media (width<=700px){.start .character{min-height:210px!important}.preview-canvas{height:160px!important}.start .character-name{font-size:16px!important}.start-card h1{margin-bottom:36px!important}}.wolf-timer{color:#ffd5d5;letter-spacing:.1em;text-shadow:0 1px 6px #1e0000;background:#3f1517aa;border:1px solid #ff9b9b66;border-radius:8px;padding:8px 11px;font:10px DM Mono,monospace;position:absolute;top:25px;right:26px}.ability-art{background:radial-gradient(circle,#ffffff10,#0000 58%),#101b36;border-radius:12px;overflow:hidden;width:100%!important;height:82px!important;margin:0 0 15px!important;display:block!important;position:relative!important}.ability-art i{display:block;position:absolute}.art-fireball i:first-child{background:radial-gradient(circle at 35% 30%,#fff7bf,#ffb333 28%,#ff4a1d 62%,#9f1730);border-radius:50%;width:37px;height:37px;top:23px;left:57%;box-shadow:0 0 13px #ff5d25,0 0 31px #ff2f1f}.art-fireball i:nth-child(2){filter:blur(5px);background:linear-gradient(90deg,#0000,#ff7b2e77,#ffd256cc);border-radius:50%;width:72px;height:18px;top:32px;left:8%}.art-fireball i:nth-child(3){background:#ffe6a6;border-radius:50%;width:9px;height:9px;top:19px;left:47%;box-shadow:-22px 33px #ff892a,15px 30px #ffb53d}.art-boomerang i:first-child{filter:drop-shadow(0 0 9px #ffcd4b);border:11px solid #f2c660;border-left-color:#0000;border-radius:50%;width:48px;height:48px;top:16px;left:calc(50% - 24px);transform:rotate(-35deg)}.art-boomerang i:nth-child(2){background:linear-gradient(90deg,#0000,#ffe69b,#f4b63d,#0000);width:78px;height:3px;top:39px;left:7%;box-shadow:0 0 12px #ffcf58}.art-boomerang i:nth-child(3){background:#fff0b6;border-radius:50%;width:8px;height:8px;top:20px;right:19%;box-shadow:0 31px #fff0b6}.art-cloak i:first-child{border:3px solid #b594ff;border-radius:50%;width:54px;height:54px;top:13px;left:calc(50% - 27px);box-shadow:0 0 12px #8d5cff,inset 0 0 15px #5e38c9}.art-cloak i:nth-child(2){background:#c4aeff44;border-radius:50%;width:30px;height:30px;top:25px;left:calc(50% - 15px);box-shadow:0 0 18px #b180ff}.art-cloak i:nth-child(3){border:1px dashed #d3bdff88;border-radius:50%;width:72px;height:72px;animation:4s linear infinite cloak-spin;top:4px;left:calc(50% - 36px)}@keyframes cloak-spin{to{transform:rotate(360deg)}}.art-sword i:first-child{clip-path:polygon(50% 0,100% 20%,78% 100%,22% 100%,0 20%);transform-origin:50% 100%;background:linear-gradient(90deg,#5e849a,#f4ffff 50%,#6e97ae);width:18px;height:55px;top:7px;left:calc(50% - 9px);transform:rotate(45deg);box-shadow:0 0 14px #9de9ff}.art-sword i:nth-child(2){transform-origin:50%;background:linear-gradient(90deg,#8a5624,#ffda76 50%,#8a5624);border:2px solid #6e471e;border-radius:6px;width:38px;height:8px;top:58px;left:calc(50% - 19px);transform:rotate(45deg);box-shadow:0 0 8px #f0bb4c}.art-sword i:nth-child(3){display:none}.art-new{letter-spacing:.16em;place-items:center;animation:1.25s ease-in-out infinite alternate new-glow;color:#73ff9f!important;text-shadow:0 0 8px #30e76d,0 0 22px #30e76d,0 0 40px #30e76d!important;background:radial-gradient(circle,#38dc6b30,#0000 65%)!important;font-size:26px!important;font-weight:900!important;display:grid!important}@keyframes new-glow{to{color:#d2ffe1;text-shadow:0 0 12px #62ff99,0 0 32px #32db69,0 0 55px #32db69}}.art-fireball i:first-child{clip-path:polygon(52% 0,71% 26%,93% 43%,74% 100%,44% 89%,17% 100%,3% 62%,25% 39%,28% 13%);transform:rotate(12deg);background:radial-gradient(circle at 50% 58%,#fff3a4 0 15%,#ffbd31 16% 35%,#f15b1d 36% 68%,#9a2331 69%)!important;border-radius:0!important;width:46px!important;height:51px!important;top:15px!important;left:56%!important;box-shadow:0 0 13px #ff5d25,0 0 31px #ff2f1f!important}.art-fireball i:nth-child(2){transform:rotate(-7deg);filter:blur(4px)!important;background:linear-gradient(90deg,#0000,#f25a2d44 25%,#ff9c35bb 68%,#ffe694)!important;border-radius:50%!important;width:82px!important;height:20px!important;top:34px!important;left:5%!important}.art-fireball i:nth-child(3){background:#ffe9a1!important;width:8px!important;height:8px!important;top:15px!important;left:44%!important;box-shadow:-20px 38px #ff7a2b,14px 34px #ffba3c,25px 6px #f45825!important}.art-fireball i:first-child{clip-path:none!important;background:radial-gradient(circle at 35% 30%,#fff8bd 0 12%,#ffcf3e 13% 30%,#ff7926 48%,#d83b23 72%,#942034 100%)!important;border-radius:50%!important;width:42px!important;height:42px!important;top:21px!important;left:58%!important;transform:none!important}.art-fireball i:nth-child(2){clip-path:polygon(0 50%,67% 0,100% 50%,67% 100%)!important;filter:blur(2px)!important;background:linear-gradient(90deg,#0000,#ef4a2633 20%,#ff6d2e99 62%,#ffc44b)!important;border-radius:0!important;height:17px!important;top:34px!important;transform:none!important}.boss-health{opacity:0;text-align:center;letter-spacing:.16em;color:#ffd4a5;width:min(440px,55vw);font:700 11px DM Mono,monospace;transition:opacity .3s;position:absolute;top:73px;left:50%;transform:translate(-50%)}.boss-health.show{opacity:1}.boss-health>span{margin-bottom:7px;display:block}.boss-health>div{background:#240b0ddd;border:1px solid #ffd1a077;border-radius:99px;height:15px;padding:3px;box-shadow:0 0 22px #ff4c2c55}.boss-health i{background:linear-gradient(90deg,#fa5537,#ffb043);border-radius:99px;width:100%;height:100%;transition:width .18s;display:block}.win-screen{z-index:20;opacity:0;pointer-events:none;background:radial-gradient(circle,#e7c65d55,#0000 35%),#061d25e8;place-items:center;transition:opacity .7s;display:grid;position:fixed;inset:0}.win-screen.show{opacity:1;pointer-events:auto}.win-screen div{text-align:center}.win-screen span{letter-spacing:.28em;color:#ffe4a1;font:11px DM Mono,monospace}.win-screen h1{letter-spacing:-.09em;color:#fff4cf;text-shadow:0 0 40px #ffbd55,0 10px 30px #000;margin:15px 0 0;font-size:clamp(72px,15vw,190px)}.win-screen button{color:#ffe5ae;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;margin-top:24px;font:11px DM Mono,monospace;text-decoration:underline}.win-screen button:hover{color:#fff8df}.game-over-screen{z-index:21;opacity:0;pointer-events:none;background:radial-gradient(circle,#d8282855,#0000 35%),#21090ddd;place-items:center;transition:opacity .7s;display:grid;position:fixed;inset:0}.game-over-screen.show{opacity:1;pointer-events:auto}.game-over-screen div{text-align:center}.game-over-screen span{letter-spacing:.2em;color:#ffb1a7;font:11px DM Mono,monospace}.game-over-screen h1{letter-spacing:-.09em;color:#ffe1dd;text-shadow:0 0 42px #e53935,0 10px 30px #000;margin:15px 0 0;font-size:clamp(62px,14vw,175px)}.game-over-screen button{color:#ffc0b9;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;margin-top:24px;font:11px DM Mono,monospace;text-decoration:underline}.game-over-screen button:hover{color:#fff0ed}.start .begin{letter-spacing:.12em!important;border-radius:99px!important;width:auto!important;min-width:172px!important;height:48px!important;padding:0 20px!important;font-size:12px!important;font-weight:800!important}.start .begin span{letter-spacing:.12em!important;font-size:12px!important}.pause-menu{z-index:19;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#041820a8;place-items:center;transition:opacity .2s;display:grid;position:fixed;inset:0}.pause-menu.open{opacity:1;pointer-events:auto}.pause-card{text-align:center;background:linear-gradient(145deg,#194951,#09282f);border:1px solid #c4ffe288;border-radius:24px;width:min(360px,100% - 40px);padding:37px 30px;transition:transform .22s;transform:translateY(15px)scale(.96);box-shadow:0 26px 90px #001216}.pause-menu.open .pause-card{transform:translateY(0)scale(1)}.pause-card span{letter-spacing:.28em;color:#96e9d6;font:10px DM Mono,monospace}.pause-card h2{letter-spacing:-.06em;margin:10px 0 27px;font-size:48px}.pause-card button{color:#09383d;letter-spacing:.13em;cursor:pointer;background:#b3f5dc;border:1px solid #b9ffe077;border-radius:10px;width:100%;margin:10px 0;padding:13px;font:700 12px Outfit,sans-serif;display:block}.pause-card button+button{color:#e5fff8;background:#ffffff10}.pause-card button:hover{transform:translateY(-2px)}.biome-picker{width:min(500px,100%);margin:22px auto 0}.biome-picker>span{letter-spacing:.18em;color:#b5ded5;margin-bottom:9px;font:10px DM Mono,monospace;display:block}.biome-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.biome{color:#ecfff9;cursor:pointer;text-align:left;background:#0d3339aa;border:1px solid #bfffe744;border-radius:11px;align-items:center;gap:10px;padding:9px 12px;transition:all .18s;display:flex}.biome i{background:linear-gradient(#67c5e8 0 45%,#5c9b52 46% 100%);border-radius:6px;width:32px;height:22px;display:block;box-shadow:inset 0 0 0 1px #fff4}.biome:nth-child(2) i{background:linear-gradient(#e89852 0 45%,#c8873b 46% 100%)}.biome:nth-child(3) i{background:linear-gradient(#91c6df 0 45%,#f3fbff 46% 100%)}.biome b{letter-spacing:.12em;font-size:11px}.biome:hover,.biome.selected{background:#2a655fb8;border-color:#cffff0;box-shadow:0 0 0 1px #aafbe966}.biome:nth-child(2).selected{background:#795126b8;border-color:#ffe1a0;box-shadow:0 0 0 1px #ffcf7677}.biome:nth-child(3).selected{background:#46738cb8;border-color:#d8f7ff;box-shadow:0 0 0 1px #c7f1ff77}@media (width<=700px){.biome-picker{margin-top:14px}.biome{padding:7px 9px}.biome i{width:25px;height:18px}.biome b{font-size:9px}}