@font-face{font-family:GameHeading;src:url(../assets/fonts/heading_creepster.ttf) format("truetype");font-display:swap}@font-face{font-family:GameBody;src:url(../assets/fonts/body_special_elite.ttf) format("truetype");font-display:swap}:root{--font-heading: "GameHeading", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "GameBody", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root{--accent: #5bd6c8;--accent-2: #a855f7;--blood: #cf2b2b;--panel-bg: rgba(14, 18, 16, .92);--panel-solid: #0c100e;--panel-border: rgba(91, 214, 200, .35);--panel-radius: 12px;--panel-shadow: 0 18px 48px rgba(0, 0, 0, .65), inset 0 1px 0 rgba(120, 220, 210, .08);--text: #e8f2ee;--text-muted: rgba(232, 242, 238, .62);--btn-bg: #5bd6c8;--btn-bg-hover: #7ee6da;--btn-text: #06110e;--overlay-scrim: rgba(4, 8, 6, .72)}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:var(--text);font-family:var(--font-body),"Special Elite",ui-serif,Georgia,serif}#game-root{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,56.25vw);aspect-ratio:16 / 9;overflow:hidden;background:#0c0e0b}#game-canvas{width:100%;height:100%;display:block;touch-action:none}#ui-root{position:absolute;inset:0;pointer-events:none}#hud{position:absolute;inset:0}#menu-layer{position:absolute;inset:0;display:grid;place-items:center}button,[role=button],.gw-card,.gw-shovel,.gw-btn{pointer-events:auto}.gw-topbar{position:absolute;top:0;left:0;right:0;height:8.5%;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(10px,2vw,26px);gap:12px}.gw-essence{display:flex;align-items:center;gap:8px;background:var(--panel-bg);border:1.5px solid var(--panel-border);border-radius:999px;padding:4px 16px 4px 8px;box-shadow:var(--panel-shadow)}.gw-essence img{width:clamp(22px,2.6vw,34px);height:auto;filter:drop-shadow(0 0 6px rgba(207,43,43,.7))}.gw-essence span{font-family:var(--font-heading),"Creepster",cursive;font-size:clamp(20px,2.8vw,34px);color:#ffd7a1;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.6);min-width:2ch;text-align:center}.gw-wave{font-family:var(--font-heading),"Creepster",cursive;font-size:clamp(18px,2.6vw,32px);letter-spacing:2px;color:var(--accent);text-shadow:0 0 12px rgba(91,214,200,.5),0 2px 6px rgba(0,0,0,.7)}.gw-progress-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:clamp(120px,16vw,220px)}.gw-progress-label{font-size:clamp(11px,1.3vw,15px);color:var(--text-muted);letter-spacing:2px;text-transform:uppercase}.gw-progress-label.final{color:var(--blood)}.gw-progress{width:100%;height:12px;background:#0000008c;border:1.5px solid var(--panel-border);border-radius:999px;overflow:hidden}.gw-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#3a8f7f,var(--accent));transition:width .3s ease}.gw-progress-label.final~.gw-progress .gw-progress-fill,.gw-topbar:has(.final) .gw-progress-fill{background:linear-gradient(90deg,#7a1414,var(--blood));animation:gw-pulse .9s ease-in-out infinite}@keyframes gw-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}.gw-banner{position:absolute;top:30%;left:50%;transform:translate(-50%,-20px);font-family:var(--font-heading),"Creepster",cursive;font-size:clamp(28px,5vw,62px);color:var(--accent);text-shadow:0 0 18px rgba(91,214,200,.6),0 4px 12px rgba(0,0,0,.85);letter-spacing:3px;text-align:center;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease;white-space:nowrap}.gw-banner.show{opacity:1;transform:translate(-50%)}.gw-banner.final{color:var(--blood);text-shadow:0 0 22px rgba(207,43,43,.8),0 4px 12px rgba(0,0,0,.9)}.gw-hand{position:absolute;top:9%;left:50%;transform:translate(-50%);display:flex;gap:clamp(3px,.5vw,6px);align-items:flex-end;padding:4px 8px;background:var(--panel-bg);border:1.5px solid var(--panel-border);border-radius:10px;box-shadow:var(--panel-shadow);max-width:62%;z-index:3}.gw-card{position:relative;width:clamp(38px,4.6vw,58px);height:clamp(48px,6vw,72px);border-radius:9px;overflow:hidden;cursor:pointer;background:linear-gradient(180deg,#1a2420,#0d1310);border:2px solid rgba(91,214,200,.28);display:flex;flex-direction:column;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;user-select:none}.gw-card:hover{transform:translateY(-4px)}.gw-card.selected{border-color:var(--accent-2);box-shadow:0 0 0 2px var(--accent-2),0 0 18px #a855f7b3;transform:translateY(-6px)}.gw-card.disabled{filter:grayscale(.6) brightness(.6);cursor:not-allowed}.gw-card-art{flex:1;background-size:contain;background-position:center 30%;background-repeat:no-repeat;margin-top:3px}.gw-card-name{font-family:var(--font-heading),"Creepster",cursive;font-size:clamp(10px,1.2vw,15px);text-align:center;color:var(--accent);letter-spacing:.5px;line-height:1.05;padding:1px 2px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.gw-card-cost{display:flex;align-items:center;justify-content:center;gap:3px;font-size:clamp(11px,1.3vw,16px);font-weight:700;color:#ffd7a1;padding-bottom:3px;background:#00000073}.gw-card-cost img{width:clamp(13px,1.4vw,18px);height:auto}.gw-card-cd{position:absolute;top:0;left:0;right:0;height:0%;background:#0000009e;opacity:0;pointer-events:none;transition:height .15s linear}.gw-shovel{width:clamp(34px,4vw,52px);height:clamp(48px,6vw,72px);border-radius:9px;border:2px solid rgba(91,214,200,.28);background:linear-gradient(180deg,#241a10,#130d08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;user-select:none;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.gw-shovel:hover{transform:translateY(-4px)}.gw-shovel img{width:56%;height:auto}.gw-shovel span{font-size:clamp(10px,1.1vw,14px);color:var(--text-muted);letter-spacing:1px}.gw-shovel.active{border-color:#e0a94a;box-shadow:0 0 0 2px #e0a94a,0 0 16px #e0a94ab3}.gw-overlay{position:absolute;inset:0;display:grid;place-items:center;background:var(--overlay-scrim);backdrop-filter:blur(2px);animation:gw-fade .4s ease}@keyframes gw-fade{0%{opacity:0}to{opacity:1}}.gw-panel{width:min(88%,480px);background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:var(--panel-radius);box-shadow:var(--panel-shadow);padding:clamp(18px,3vw,34px);text-align:center;animation:gw-pop .4s cubic-bezier(.2,1.4,.4,1)}@keyframes gw-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.gw-title{font-family:var(--font-heading),"Creepster",cursive;font-size:clamp(30px,5.5vw,54px);margin:0 0 6px;letter-spacing:2px}.gw-title.win{color:var(--accent);text-shadow:0 0 22px rgba(91,214,200,.6)}.gw-title.lose{color:var(--blood);text-shadow:0 0 22px rgba(207,43,43,.7)}.gw-sub{color:var(--text-muted);margin:0 0 16px;font-size:clamp(13px,1.6vw,17px)}.gw-stats{display:flex;justify-content:center;gap:clamp(14px,3vw,34px);margin-bottom:16px}.gw-stats div{display:flex;flex-direction:column}.gw-stat-num{font-family:var(--font-heading),"Creepster",cursive;font-size:clamp(22px,3.4vw,36px);color:#ffd7a1}.gw-stat-lbl{font-size:clamp(10px,1.2vw,13px);color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.gw-lb{text-align:left;margin-bottom:18px}.gw-lb-head{font-family:var(--font-heading),"Creepster",cursive;font-size:clamp(16px,2vw,22px);color:var(--accent);letter-spacing:1px;margin-bottom:6px;text-align:center}.gw-lb-body{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.gw-lb-row{display:grid;grid-template-columns:2.2ch 1fr auto;gap:8px;padding:5px 10px;background:#00000059;border-radius:6px;font-size:clamp(12px,1.5vw,16px)}.gw-lb-row.you{background:#a855f747;border:1px solid var(--accent-2)}.gw-lb-rank{color:var(--text-muted)}.gw-lb-name{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gw-lb-score{color:#ffd7a1;font-weight:700}.gw-lb-empty{color:var(--text-muted);text-align:center;padding:14px;font-size:clamp(12px,1.5vw,15px)}.gw-btn{font-family:var(--font-heading),"Creepster",cursive;font-size:clamp(18px,2.6vw,26px);letter-spacing:2px;color:var(--btn-text);background:var(--btn-bg);border:none;border-radius:10px;padding:12px 30px;min-height:48px;cursor:pointer;box-shadow:0 6px #2c7d72,0 10px 20px #00000080;transition:transform .1s ease,background .1s ease,box-shadow .1s ease}.gw-btn:hover{background:var(--btn-bg-hover)}.gw-btn:active{transform:translateY(4px);box-shadow:0 2px #2c7d72,0 4px 10px #00000080}@media (max-width: 640px){.gw-card-name{display:none}}.gw-title-screen{position:absolute;inset:0;pointer-events:auto;background-color:var(--panel-solid);background-image:url(./screen_bg-Bx5M11iw.png);background-size:cover;background-position:center;display:grid;place-items:center;animation:gw-fade .45s ease}.gw-title-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#04080659,#04080647 45%,#040806c7)}.gw-title-stack{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.8vh,22px);padding:clamp(22px,4vh,46px) clamp(26px,5vw,60px);text-align:center;max-width:min(92%,560px);background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:var(--panel-radius);box-shadow:var(--panel-shadow)}.gw-title-brand{font-family:var(--font-heading),"Creepster",cursive;font-size:clamp(44px,9vw,96px);line-height:.95;letter-spacing:3px;color:var(--accent);text-shadow:0 0 26px rgba(91,214,200,.55),0 6px 18px rgba(0,0,0,.8)}.gw-title-tag{font-family:var(--font-body),"Special Elite",serif;font-size:clamp(15px,2.6vw,26px);letter-spacing:4px;text-transform:uppercase;color:var(--text);text-shadow:0 2px 10px rgba(0,0,0,.85)}.gw-title-play{margin-top:clamp(6px,1.6vh,18px);padding:14px 56px;font-size:clamp(22px,3.2vw,34px)}.gw-title-hint{font-family:var(--font-body),"Special Elite",serif;font-size:clamp(12px,1.6vw,16px);color:var(--text-muted);max-width:34ch;text-shadow:0 2px 8px rgba(0,0,0,.85)}