html,body{overscroll-behavior:none;color:#f8fbff;background:#030816;width:100%;min-width:0;height:100%;min-height:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}[hidden]{display:none!important}#app{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}canvas,.game-surface{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;height:100%;min-height:0;display:block}button,[role=button]{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.tic-shell{background:#030816;font-family:Inter,ui-sans-serif,system-ui,sans-serif;position:relative;overflow:hidden}.tic-canvas{cursor:pointer;position:absolute;inset:0}.tic-hud{z-index:2;pointer-events:none;grid-template-columns:minmax(3.4rem,.7fr) minmax(8rem,1.5fr) minmax(4.8rem,.85fr);gap:clamp(.35rem,1.5%,.75rem);display:grid;position:absolute;inset-block-start:clamp(.55rem,2.2%,1rem);inset-inline:clamp(.55rem,2.6%,1rem)}.hud-badge,.turn-badge{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#061127b8;border:1px solid #aed2ff57;min-width:0;box-shadow:0 .5rem 1.5rem #00000047,inset 0 1px #ffffff1a}.hud-badge{border-radius:1rem;align-content:center;justify-items:center;min-height:3.65rem;padding:.34rem .42rem;display:grid}.hud-badge span,.hud-badge small{color:#abc8ec;letter-spacing:.055em;text-transform:uppercase;font-size:clamp(.62rem,2.4vw,.78rem);font-weight:750}.hud-badge strong,.turn-badge strong{font-family:Rajdhani,Inter,sans-serif;font-weight:700;line-height:.92}.hud-badge strong{color:#eaf8ff;font-size:clamp(1.35rem,7vw,2rem)}.score-badge strong{color:#bdf7ff}.score-badge b{color:#fff2c0;font-weight:750}.turn-badge{text-align:center;border-radius:1.1rem;align-content:center;justify-items:center;min-height:3.65rem;padding:.42rem .55rem;display:grid}.turn-badge span{color:#ff836f;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;width:100%;font-family:Rajdhani,Inter,sans-serif;font-size:clamp(1rem,4.8vw,1.45rem);font-weight:700;line-height:1;overflow:hidden}.turn-badge strong{color:#aeeef4;letter-spacing:.05em;text-transform:uppercase;margin-block-start:.12rem;font-size:clamp(.78rem,3.2vw,1rem)}.tic-bottom{z-index:2;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem;display:grid;position:absolute;inset-block-end:clamp(.55rem,2.2%,1rem);inset-inline:clamp(.55rem,2.8%,1.05rem)}.level-strip{grid-template-columns:repeat(5,minmax(2.25rem,1fr));gap:clamp(.28rem,1.2vw,.5rem);min-width:0;display:grid}.level-chip,.restart-button{color:#cae8ff;background:#081631c7;border:1px solid #a8d1ff61;border-radius:999px;font-family:Rajdhani,Inter,sans-serif;font-size:clamp(1rem,4vw,1.24rem);font-weight:700;line-height:1;box-shadow:inset 0 1px #ffffff1f,0 .35rem 1rem #00000047}.level-chip{min-height:2.75rem;padding:.35rem .25rem}.level-chip.active{color:#fff4ee;background:linear-gradient(#ff856ff0,#a63541e0);border-color:#ff8e77d1}.restart-button{white-space:nowrap;min-height:2.75rem;padding:.48rem .82rem}.level-chip:active,.restart-button:active{transform:translateY(1px)scale(.985)}.start-overlay{z-index:5;text-align:center;background:radial-gradient(circle,#040a1847,#040a188a);place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.start-copy{gap:.15rem;padding:.35rem .8rem;display:grid}.start-copy h1,.start-copy p{margin:0}.start-copy h1{color:#f8fbff;letter-spacing:.015em;text-transform:uppercase;font-family:Rajdhani,Inter,sans-serif;font-size:clamp(2.4rem,13vw,5rem);font-weight:700}.start-copy p{color:#bff7ff;letter-spacing:.08em;text-transform:uppercase;font-family:Rajdhani,Inter,sans-serif;font-size:clamp(1.1rem,5vw,1.65rem);font-weight:700}@media (height<=560px){.tic-hud{grid-template-columns:3.2rem minmax(7.5rem,1fr) 4.4rem}.hud-badge,.turn-badge{border-radius:.8rem;min-height:3rem}.hud-badge small{display:none}.level-chip,.restart-button{min-height:2.35rem}}@media (width>=760px){.tic-hud,.tic-bottom{inset-inline:7%}}