:root{--bg: #07122b;--panel: #0b1b3b;--ink: #e8edf8;--muted: #9fb1d8;--line: #5f7cc4;--accent: #d33b3b;--accent-alt: #2f5ae2;--ok: #1aa26d;--queue-tile-size: 16px;--queue-gap: 1px;--queue-active-border-width: 5px;--queue-active-ring-width: 2px;--queue-pulse-glow-size: 14px;--queue-pulse-glow-alpha: .5;--queue-pulse-outer-spread: 6px;--queue-pulse-outer-alpha: .36}*{box-sizing:border-box}body{margin:0;font-family:Verdana,Trebuchet MS,sans-serif;color:var(--ink);background:#000}.app-shell{width:min(1100px,96vw);margin:20px auto 32px;padding:14px;border:2px solid var(--line);background:linear-gradient(160deg,#0e1f44,#08142d);box-shadow:0 10px 30px #0006}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-bottom:1px dashed var(--line);padding-bottom:10px}.title-block{flex:0 0 100%;min-width:0}h1{margin:0;font-size:clamp(1.3rem,2.5vw,1.9rem);letter-spacing:.02em}.game-logo{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.35rem;font-family:Trebuchet MS,Verdana,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.035em;text-shadow:0 1px 0 #000,0 0 10px rgba(120,170,255,.45)}.game-logo .logo-paper{color:#f0f5ff}.game-logo .logo-rock{color:#ffbc54}.game-logo .logo-scissors{color:#95b8ff}.game-logo .logo-year{color:#ff5050;border:1px solid #ff5050;padding:0 .3rem;border-radius:3px;line-height:1.1}.top-metrics{display:flex;align-items:center;gap:10px;flex:1;min-width:260px}.top-metric{border:1px solid var(--line);background:#102453;padding:6px 8px;min-width:0}.top-metric-label{display:block;font-size:.7rem;text-transform:uppercase;color:var(--muted);letter-spacing:.06em}.top-metric-value{display:block;font-size:1.15rem;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}button{border:2px solid var(--line);background:var(--accent);color:#fff;padding:8px 12px;font-weight:700;cursor:pointer}.top-actions{display:flex;align-items:center;gap:8px;margin-left:auto}#settings-btn,#instructions-btn{background:var(--accent-alt);min-height:40px}button:hover{filter:brightness(1.08)}.board-wrap{margin-top:14px;display:grid;gap:10px;justify-items:center;position:relative;width:min(92vw,760px);margin-inline:auto}.cpu-robot-indicator{display:inline-flex;align-items:center;justify-content:center;flex:0 0 124px;width:124px;min-height:44px;border:0;background:transparent;padding:0 4px;font-size:clamp(24px,3vw,34px);line-height:1.05;opacity:0;pointer-events:none;white-space:nowrap;text-align:center;overflow:visible;transition:opacity .12s ease-out;filter:drop-shadow(0 0 6px rgba(0,0,0,.55))}.cpu-robot-indicator.robot-mode{font-size:clamp(24px,3vw,34px);font-weight:400;letter-spacing:0;opacity:.95}.cpu-robot-indicator.player-mode{font-size:clamp(12px,1.4vw,16px);font-weight:800;letter-spacing:.08em;color:#dce7ff;text-transform:uppercase;opacity:.95}.cpu-robot-indicator.player-turn-flash{animation:player-turn-flash .9s ease-out 1 both}.cpu-robot-indicator.robot-fade-out{animation:robot-fade-out 1s ease-out 1 forwards}@keyframes player-turn-flash{0%{opacity:.06}20%{opacity:.95}36%{opacity:.2}52%{opacity:.95}68%{opacity:.26}84%{opacity:.95}to{opacity:.95}}@keyframes robot-fade-out{0%{opacity:.95}to{opacity:0}}.queue-panel{margin-top:14px;border:1px solid var(--line);background:#0f224d;padding:10px}.piece-queue{display:flex;align-items:center;width:100%;gap:var(--queue-gap);overflow:hidden;padding:6px 2px}.queue-tile{width:var(--queue-tile-size);height:var(--queue-tile-size);min-width:var(--queue-tile-size);flex:0 0 var(--queue-tile-size);border:3px solid #6079b8;display:grid;place-items:center;background:#102453;overflow:hidden;position:relative}.queue-tile.peek-fade{-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,.18) 70%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right,#000,#0000002e 70%,#0000)}.piece-queue.queue-cut-right{padding-right:0}.queue-tile.owner-human{background:#1a3962;border-color:#5b8cff;--queue-pulse-rgb: 91, 140, 255}.queue-tile.owner-cpu{background:#5f2121;border-color:#d14f4f;--queue-pulse-rgb: 255, 79, 79}.queue-tile.active.owner-human{border-width:var(--queue-active-border-width);border-color:#1f5bff;box-shadow:0 0 0 var(--queue-active-ring-width) #1f5bfffa}.queue-tile.active.owner-cpu{border-width:var(--queue-active-border-width);border-color:#ff2020;box-shadow:0 0 0 var(--queue-active-ring-width) #ff2020fa}.queue-tile.active.turn-pulse{animation:queue-active-pulse .86s ease-in-out infinite}.queue-piece-canvas{width:calc(var(--queue-tile-size) - 6px);height:calc(var(--queue-tile-size) - 6px);image-rendering:pixelated}.queue-tile .queue-symbol{font-size:max(6px,calc(var(--queue-tile-size) * .45));font-weight:700}.piece-queue.queue-advance-anim .queue-tile{animation:queue-slide-left .22s ease-out}@keyframes queue-slide-left{0%{transform:translate(calc(var(--queue-tile-size) + var(--queue-gap)))}to{transform:translate(0)}}@keyframes queue-active-pulse{0%{border-color:rgba(var(--queue-pulse-rgb),.85);box-shadow:0 0 0 var(--queue-active-ring-width) rgba(var(--queue-pulse-rgb),.9),0 0 var(--queue-pulse-glow-size) 1px rgba(var(--queue-pulse-rgb),calc(var(--queue-pulse-glow-alpha) * .56)),0 0 rgba(var(--queue-pulse-rgb),.6)}50%{border-color:rgba(var(--queue-pulse-rgb),1);box-shadow:0 0 0 var(--queue-active-ring-width) rgba(var(--queue-pulse-rgb),1),0 0 var(--queue-pulse-glow-size) 3px rgba(var(--queue-pulse-rgb),var(--queue-pulse-glow-alpha)),0 0 0 var(--queue-pulse-outer-spread) rgba(var(--queue-pulse-rgb),var(--queue-pulse-outer-alpha))}to{border-color:rgba(var(--queue-pulse-rgb),.85);box-shadow:0 0 0 var(--queue-active-ring-width) rgba(var(--queue-pulse-rgb),.9),0 0 var(--queue-pulse-glow-size) 1px rgba(var(--queue-pulse-rgb),calc(var(--queue-pulse-glow-alpha) * .56)),0 0 rgba(var(--queue-pulse-rgb),0)}}#game-canvas{border:3px solid #c5cbe6;background:#222;width:100%;height:auto;touch-action:manipulation}.game-over-banner{width:min(92vw,760px);border:2px solid #d5ddff;background:#1e2f62;padding:8px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.hidden{display:none}.intro-backdrop{position:absolute;inset:0;min-height:0;z-index:30;background:#000000b8;display:grid;place-items:center;padding:16px}.intro-backdrop.hidden{display:none}.intro-modal{position:relative;z-index:31;width:min(720px,calc(100% - 24px));max-height:calc(100% - 16px);overflow:auto;border:2px solid #d5ddff;background:#0f224d;color:var(--ink);padding:20px 24px;box-shadow:0 12px 34px #00000080}.intro-modal h2{margin:0 0 14px;font-size:clamp(1.35rem,2.4vw,1.85rem)}.intro-modal p{margin:0 0 12px;font-size:clamp(1rem,1.55vw,1.16rem)}.intro-modal ul{margin:0 0 14px 24px;padding:0}.intro-modal li{margin-bottom:9px;font-size:clamp(1rem,1.45vw,1.12rem);line-height:1.35}.intro-tip{color:var(--muted);font-size:clamp(.96rem,1.3vw,1.05rem)}.intro-credits{margin-top:10px;padding-top:10px;border-top:1px solid rgba(213,221,255,.3)}.intro-credits p{margin:0 0 6px;font-size:clamp(.9rem,1.2vw,1rem);color:var(--muted)}.intro-credits p:last-child{margin-bottom:0}#intro-close-btn{margin-top:10px;font-size:1.02rem;padding:10px 16px}.settings-panel{margin-top:14px;border:1px solid var(--line);background:#0f224d;padding:10px}.settings-backdrop{position:fixed;inset:0;z-index:5200;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:16px}.settings-backdrop.hidden{display:none}.settings-modal{margin-top:0;width:min(860px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto;margin-inline:auto;box-shadow:0 12px 34px #00000080}.settings-modal h2{font-size:clamp(1.2rem,2.2vw,1.5rem)}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:10px}#settings-close-btn{background:var(--accent-alt);min-height:40px;padding:9px 14px;font-size:.98rem}h2{margin:0 0 8px;font-size:1.1rem}.settings-note{margin:0 0 10px;color:var(--muted);font-size:.98rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px 14px}.settings-field{display:grid;gap:6px}.settings-grid label,.settings-grid select{font-size:1rem}.settings-grid input[type=checkbox]{margin-right:6px;inline-size:18px;block-size:18px;vertical-align:middle}.setting-with-icon{display:inline-flex;align-items:center;gap:6px}.setting-with-icon img{width:36px;height:36px;image-rendering:pixelated;border:1px solid #6f89c7;background:#0d1f46}select{border:1px solid var(--line);padding:7px 8px;background:#0a1838;color:var(--ink);min-height:40px}@media(max-width:700px){:root{--queue-active-border-width: 3px;--queue-active-ring-width: 1px;--queue-pulse-glow-size: 8px;--queue-pulse-glow-alpha: .34;--queue-pulse-outer-spread: 3px;--queue-pulse-outer-alpha: .2}.top-metrics{width:100%;order:3;margin-top:4px;gap:8px}.topbar{align-items:center}.cpu-robot-indicator{flex:0 0 124px;width:124px;min-height:44px;font-size:clamp(22px,7vw,28px)}.game-over-banner{font-size:.9rem}.settings-modal{width:calc(100% - 8px);max-height:calc(100% - 8px);padding:14px}#settings-btn,#instructions-btn,#settings-close-btn,#new-game-btn{min-height:44px;font-size:1rem;padding:10px 14px}.settings-note{font-size:1.02rem}.settings-grid label,.settings-grid select{font-size:1.04rem}.settings-grid input[type=checkbox]{inline-size:20px;block-size:20px}.intro-backdrop{padding:8px}.intro-modal{width:calc(100% - 8px);max-height:calc(100% - 8px);padding:14px 16px}.intro-modal h2{margin-bottom:10px;font-size:1.2rem}.intro-modal p{margin-bottom:8px;font-size:.96rem}.intro-modal ul{margin:0 0 10px 18px}.intro-modal li{margin-bottom:6px;font-size:.94rem;line-height:1.25}#intro-close-btn{min-height:44px;padding:10px 14px;font-size:.98rem}}@media(max-width:460px){:root{--queue-active-border-width: 2px;--queue-active-ring-width: 1px;--queue-pulse-glow-size: 6px;--queue-pulse-glow-alpha: .3;--queue-pulse-outer-spread: 2px;--queue-pulse-outer-alpha: .16}.topbar{justify-content:center}.top-metrics{flex-wrap:wrap;justify-content:center}.top-actions{width:100%;justify-content:center}}