:root{--bg:#0b0e14;--panel:#151a24;--soft:#1b2230;--line:#303a4d;--text:#f7f8fb;--muted:#9ba6ba;--orange:#ffb347;--red:#ff5964;--yellow:#ffd166}
*{box-sizing:border-box}html{font-size:18px}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#25200f 0,transparent 34%),linear-gradient(#0b0e14,#07090d);color:var(--text);font-family:Pretendard,"Noto Sans KR",system-ui,sans-serif}.wrap{width:min(1220px,calc(100% - 24px));margin:22px auto 44px}.siteNav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.siteNavLink{min-height:74px;display:flex;align-items:center;gap:14px;padding:13px 18px;border:1px solid var(--line);border-radius:17px;background:rgba(21,26,36,.92);color:var(--muted);text-decoration:none;transition:.18s}.siteNavLink:hover{transform:translateY(-2px);color:#fff}.siteNavLink.active{border-color:var(--orange);color:#fff;background:linear-gradient(135deg,rgba(255,179,71,.22),rgba(255,89,100,.08));box-shadow:0 10px 28px rgba(255,179,71,.12)}.navIcon{font-size:1.7rem}.siteNav small{display:block;font-size:.68rem;letter-spacing:.13em}.siteNav b{display:block;margin-top:2px}.hero,.statusBar,.gamePanel{border:1px solid var(--line);background:rgba(21,26,36,.94);border-radius:22px}.hero{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;margin-bottom:14px}.eyebrow{margin:0 0 6px;color:var(--orange);font-size:.75rem;font-weight:900;letter-spacing:.16em}.hero h1{margin:0;font-size:2.15rem}.hero p:last-child{margin:7px 0 0;color:var(--muted)}.btn{min-height:52px;padding:0 22px;border:0;border-radius:13px;color:white;font:inherit;font-weight:900;cursor:pointer}.primary{background:linear-gradient(135deg,#ffb347,#ff6b4a);box-shadow:0 10px 28px rgba(255,140,66,.24)}.ghost{background:#202736;border:1px solid var(--line)}.danger{color:#ffd2d5}.statusBar{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;margin-bottom:14px}.statusBar div{padding:16px 22px;text-align:center}.statusBar div+div{border-left:1px solid var(--line)}.statusBar small{display:block;color:var(--muted);font-weight:800}.statusBar strong{display:block;margin-top:3px;font-size:1.35rem}.gamePanel{padding:18px}.gameHead{display:flex;justify-content:space-between;padding:0 4px 14px;color:var(--muted)}#eventText{color:var(--yellow)}.canvasWrap{position:relative;overflow:hidden;border:2px solid #39445a;border-radius:17px;background:#10151e;box-shadow:inset 0 0 50px rgba(0,0,0,.5)}canvas{display:block;width:100%;height:auto;max-height:67vh;touch-action:none}.countdown,.overlay{position:absolute;inset:0;display:grid;place-items:center}.countdown{font-size:clamp(4rem,12vw,8rem);font-weight:1000;color:#fff;text-shadow:0 0 30px #ff9f43;background:rgba(5,7,10,.45)}.overlay{background:rgba(5,7,10,.72);backdrop-filter:blur(5px)}.resultCard{width:min(420px,calc(100% - 34px));padding:32px;border:1px solid #59647a;border-radius:22px;background:#171d29;text-align:center;box-shadow:0 22px 70px rgba(0,0,0,.45)}.resultCard small{color:var(--red);letter-spacing:.18em;font-weight:900}.resultCard h2{font-size:2rem;margin:9px 0}.resultCard p{color:#d4d9e3;line-height:1.7}.hidden{display:none!important}.startScreen{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at center,rgba(255,179,71,.18),rgba(6,8,12,.96) 55%);backdrop-filter:blur(9px)}.startCard{width:min(520px,100%);padding:42px 32px;border:1px solid #5b4a2b;border-radius:28px;background:linear-gradient(160deg,#20232c,#11151e);text-align:center;box-shadow:0 30px 100px rgba(0,0,0,.6)}.bombArt{font-size:5rem;filter:drop-shadow(0 10px 18px rgba(255,99,60,.25));animation:bob 1.8s ease-in-out infinite}.startCard small{color:var(--orange);font-weight:900;letter-spacing:.18em}.startCard h1{font-size:2.7rem;margin:7px 0 12px}.startCard p{color:#cbd2df;line-height:1.7}.rules{display:grid;gap:8px;margin:22px 0}.rules span{padding:10px;border:1px solid var(--line);border-radius:12px;background:#181e29}.startBtn{width:100%;font-size:1.15rem}.mobileControls{display:none;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.mobileControls button{height:64px;border:1px solid var(--line);border-radius:15px;background:#242c3c;color:white;font-size:1.8rem;font-weight:900;touch-action:none}@keyframes bob{50%{transform:translateY(-10px) rotate(5deg)}}
@media(max-width:700px){html{font-size:16px}.siteNav{grid-template-columns:1fr}.siteNavLink{min-height:62px}.hero{align-items:stretch;flex-direction:column;gap:16px;padding:22px}.statusBar div{padding:13px 8px}.gamePanel{padding:10px}.gameHead{font-size:.86rem}.mobileControls{display:grid}.startCard{padding:32px 20px}.startCard h1{font-size:2.25rem}}

/* V4.2 navigation hardening */
.siteNav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-bottom:22px!important}
.siteNavLink{min-width:0!important;min-height:74px!important;display:flex!important;align-items:center!important;gap:14px!important;padding:13px 18px!important;border:1px solid var(--line)!important;border-radius:17px!important;background:rgba(21,26,36,.92)!important;color:var(--muted)!important;text-decoration:none!important}
.siteNavLink.active{color:#fff!important;border-color:var(--orange)!important;background:linear-gradient(135deg,rgba(255,179,71,.22),rgba(255,89,100,.08))!important}
.siteNavLink span:last-child{min-width:0}.siteNavLink small,.siteNavLink b{display:block!important}.siteNavLink b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){.siteNav{grid-template-columns:1fr!important}.siteNavLink{min-height:64px!important}}