.sq-shell{width:100%;height:100%;min-height:0;background:#020b14;overflow:hidden}.sq-stage{position:absolute;left:50%;top:0;width:1280px;height:720px;transform-origin:top center;overflow:hidden;background:#031525;box-shadow:0 0 0 1px #31536b}.sq-stage canvas{display:block;width:1280px;height:720px;image-rendering:pixelated}.sq-hud{position:absolute;z-index:3;inset:12px 14px auto;display:flex;gap:18px;align-items:start;pointer-events:none;font:900 15px/1 "Courier New";text-shadow:2px 2px #000}.sq-hud span small{display:block;margin-bottom:3px;color:#50f5ee;font-size:8px}.sq-hud span b{color:#fff;font-size:19px}.sq-word{display:flex;gap:3px;margin-left:auto}.sq-word i{display:grid;place-items:center;width:22px;height:25px;border:1px solid #514263;background:#130d22;color:#635672;font:900 12px "Courier New"}.sq-word i.on{background:#ff3aa7;color:#fff;border-color:#ffdc49}.sq-controls{position:absolute;z-index:5;left:14px;top:48px;display:flex;gap:5px}.sq-controls button,.sq-exit,.sq-overlay button{padding:8px 10px;border:1px solid #22e3d4;background:#071a24;color:#22e3d4;font:900 10px "Courier New";cursor:pointer}.sq-controls button.active{background:#ff3aa7;border-color:#fff;color:#fff}.sq-exit{position:absolute;z-index:6;right:14px;bottom:12px}.sq-overlay{position:absolute;z-index:8;inset:0;display:grid;place-items:center;background:rgba(1,8,15,.78);text-align:center}.sq-overlay[hidden]{display:none}.sq-overlay>div{width:min(570px,82%);padding:28px;border:2px solid #22e3d4;background:#07121e;box-shadow:8px 8px 0 #ff3aa7}.sq-overlay h1{margin:8px 0;color:#fff;font:900 48px/1 "Courier New";letter-spacing:0}.sq-overlay small{color:#ffdc49}.sq-overlay p{color:#b9b0c4;line-height:1.5}body.sq-playing .workspace{padding:0;overflow:hidden}@media(max-width:900px){.sq-word i{width:15px;height:19px;font-size:9px}.sq-hud{gap:7px}.sq-hud span b{font-size:13px}}

/* SQUIDCHINKO Phase 1B */
.sq-hud{display:none!important}
.sq-reserve{
 position:absolute;z-index:5;left:50%;top:14px;transform:translateX(-50%);
 display:flex;align-items:center;gap:10px;padding:7px 12px;
 border:1px solid #22e3d4;background:rgba(2,11,20,.82);
 font:900 10px "Courier New";color:#50f5ee;pointer-events:none
}
.sq-reserve>div{display:flex;align-items:center;gap:5px}
.sq-reserve i{
 width:27px;height:27px;display:block;
 background-image:url("/squidchinko/assets/squidchinko-sprites-4x4-v1.png");
 background-size:400% 400%;background-position:0 0;
 image-rendering:pixelated;
 filter:drop-shadow(0 0 5px #22e3d4)
}
.sq-reserve i.ready{animation:sqReadyPulse .8s steps(2,end) infinite}
.sq-reserve i.blocked{opacity:.28;filter:grayscale(1)}
.sq-reserve b{color:#ffdc49;font-size:13px}
.sq-launch-status{
 position:absolute;z-index:5;left:50%;top:55px;transform:translateX(-50%);
 padding:5px 9px;background:rgba(1,8,15,.72);color:#7fffe8;
 font:900 10px "Courier New";letter-spacing:.04em;pointer-events:none
}
.sq-launch-status.blocked{color:#ff5b9f;animation:sqBlockedBlink .55s steps(2,end) infinite}
@keyframes sqReadyPulse{50%{filter:brightness(1.8) drop-shadow(0 0 9px #22e3d4);transform:scale(1.08)}}
@keyframes sqBlockedBlink{50%{opacity:.35}}

/* SQUIDCHINKO arcade typography */
.sq-shell,
.sq-stage,
.sq-overlay,
.sq-overlay button,
.sq-exit,
.sq-hud,
.sq-launch-status,
.sq-reserve{
 font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",Arial,sans-serif!important;
}

.sq-overlay h1,
.sq-hud b{
 font-weight:900;
 letter-spacing:.035em;
}

.sq-hud small{
 letter-spacing:.06em;
}