:root{color:#17201b;background:#f5f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:1px solid #9f9a8d;background:#fffdf7;color:#17201b;border-radius:6px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{min-height:100vh;padding:22px}.topbar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 auto 18px;max-width:1340px}.eyebrow{color:#5b6e5d;font-size:13px;font-weight:700;letter-spacing:0;margin:0 0 4px;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:clamp(34px,5vw,64px);line-height:.95}h2{align-items:center;display:flex;font-size:16px;gap:8px;margin-bottom:12px}.room-form{align-items:end;display:flex;gap:10px}.room-form label{color:#4f5c51;display:grid;font-size:12px;font-weight:700;gap:5px;text-transform:uppercase}.room-form input{border:1px solid #b9b2a2;border-radius:6px;min-width:120px;padding:9px 10px}.room-form button,.actions button{align-items:center;display:inline-flex;gap:6px;min-height:38px;padding:8px 11px}.game-layout{display:grid;gap:18px;grid-template-columns:minmax(640px,1fr) 340px;margin:0 auto;max-width:1340px}.board-panel,.status-panel{background:#fffaf0;border:1px solid #d8d0bd;border-radius:8px;box-shadow:0 14px 40px #352f1f17}.board-panel{padding:14px;position:relative;transition:box-shadow .18s ease,border-color .18s ease}.feedback-success{border-color:#57b86c;box-shadow:0 14px 40px #352f1f17,0 0 0 5px #57b86c33,0 0 28px #57b86c5c}.feedback-failure{border-color:#d7655f;box-shadow:0 14px 40px #352f1f17,0 0 0 5px #d7655f2e,0 0 28px #d7655f57}.board-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.phase{color:#667261;display:block;font-size:12px;font-weight:800;margin-bottom:3px;text-transform:uppercase}.timer-pill{align-items:center;background:#17201b;border-radius:999px;color:#f9f4e8;display:inline-flex;font-size:20px;font-weight:800;gap:8px;min-width:108px;padding:8px 14px}.board{aspect-ratio:1;background:#e3dccb;border:4px solid #1d251f;display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(16,1fr);max-height:calc(100vh - 160px);max-width:100%;overflow:hidden}.cell{align-items:center;background:#fbf5e7;border:1px solid #ded4bf;border-radius:0;display:flex;justify-content:center;height:100%;min-height:0;min-width:0;overflow:hidden;padding:0;position:relative;width:100%}.wall-top{border-top:4px solid #22291f}.wall-right{border-right:4px solid #22291f}.wall-bottom{border-bottom:4px solid #22291f}.wall-left{border-left:4px solid #22291f}.highlighted{animation:legal-path-expand .13s ease-out both;animation-delay:var(--highlight-delay, 0ms);background:#c8f4ef;box-shadow:inset 0 0 0 2px #4ebdb3}.replay-path{animation:legal-path-expand 90ms ease-out both;animation-delay:var(--highlight-delay, 0ms);background:#d7f7f3;box-shadow:inset 0 0 0 2px #4ebdb3b8}.replay-active{background:var(--replay-color, #c8f4ef);box-shadow:inset 0 0 0 2px var(--replay-color, #4ebdb3)}.winner-path{box-shadow:inset 0 0 0 3px #139487,0 0 0 2px #13948733}.destination{box-shadow:inset 0 0 0 3px #158f86,0 0 0 2px #158f8626}.target{background:#f6ecd8}.target-mark{align-items:center;background:#fffaf0;border:3px solid currentColor;border-radius:50%;box-shadow:0 1px 4px #0000003d,inset 0 0 0 2px #ffffffc7;display:flex;font-size:clamp(12px,1.65vw,22px);font-weight:900;height:82%;justify-content:center;line-height:1;opacity:.72;pointer-events:none;position:absolute;text-shadow:0 1px 0 rgba(255,255,255,.9);width:82%;z-index:1}.active-target{animation:active-target-pulse 1.35s ease-in-out infinite;filter:drop-shadow(0 0 7px currentColor);opacity:1;transform:scale(1.08)}.active-target:after{border:2px solid currentColor;border-radius:50%;content:"";inset:-7px;opacity:.55;position:absolute}.robot{border:2px solid rgba(255,255,255,.84);border-radius:50%;box-shadow:inset 0 -5px #0000002e,0 2px 7px #00000047;height:58%;transition:transform .22s ease;width:58%;z-index:3}.replay-path .robot{transform:scale(1.08)}.countdown-blur .board{filter:blur(3px);pointer-events:none}.countdown-overlay{align-items:center;background:#17201be0;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fffaf0;display:grid;gap:8px;justify-items:center;left:50%;min-width:220px;padding:22px 28px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:5}.countdown-overlay span,.countdown-overlay small{color:#d9ddce;font-size:13px;font-weight:700;text-transform:uppercase}.countdown-overlay strong{font-size:72px;line-height:.95}@keyframes legal-path-expand{0%{background:#fbf5e7;box-shadow:inset 0 0 #4ebdb300;transform:scale(.92)}to{background:#c8f4ef;box-shadow:inset 0 0 0 2px #4ebdb3;transform:scale(1)}}@keyframes active-target-pulse{0%,to{box-shadow:0 1px 4px #0000003d,inset 0 0 0 2px #ffffffc7,0 0 0 0 currentColor}50%{box-shadow:0 1px 4px #0000003d,inset 0 0 0 2px #ffffffc7,0 0 0 7px #fff0}}.red{background:#cf2d2d;color:#cf2d2d}.green{background:#3a9251;color:#3a9251}.blue{background:#2f6fc2;color:#2f6fc2}.yellow{background:#ddb433;color:#ddb433}.target-mark.red,.target-mark.green,.target-mark.blue,.target-mark.yellow{background:#fffaf0}.coord-label{color:#17201b73;font-size:clamp(7px,.7vw,10px);font-weight:800;line-height:1;pointer-events:none;position:absolute;text-transform:lowercase;z-index:4}.coord-col{left:4px;top:3px}.coord-row{bottom:3px;right:4px}.side-panel{display:grid;gap:12px}.status-panel{padding:14px}.players{display:grid;gap:8px;list-style:none;margin:0;padding:0}.players li,.metric-row{align-items:center;display:flex;justify-content:space-between}.players li{background:#f4eddc;border-radius:6px;padding:9px 10px}.players span:last-child,.muted,.share{color:#647063;font-size:13px}.share{margin-top:12px;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.message{background:#edf4e5;border-radius:6px;color:#31412e;margin-top:10px;padding:10px}.path-list{display:grid;gap:8px;list-style:none;margin:12px 0 0;padding:0}.path-list li{background:#f4eddc;border-radius:6px;display:grid;gap:3px;padding:9px 10px}.path-list span,.path-list small{color:#647063;font-size:13px}.path-list small{overflow-wrap:anywhere}@media(max-width:1020px){.topbar{align-items:stretch;flex-direction:column}.room-form{align-items:stretch;flex-wrap:wrap}.game-layout{grid-template-columns:1fr}.board{max-height:none}}