:root{--bg: #f4f7fb;--panel: #ffffff;--ink: #112138;--muted: #59718f;--line: #b8c7d9;--cell: #fdfefe;--filled: #2e6cff;--empty: #d5dbe3;--error: #b63737;--cell-size: 32px;--grid-gap: 2px;--row-clue-width: clamp(84px, 10vw, 140px)}*{box-sizing:border-box}body{margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,#fff,#edf3fb 45%,#dbe8f8)}.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.panel{width:min(960px,100%);background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 12px 36px #263f6b1f}h1,h2{margin:0 0 12px}h2{margin-top:20px;font-size:1.1rem}.muted{margin:0 0 8px;color:var(--muted)}.size-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}button,input{font:inherit}button{cursor:pointer;border:2px solid #9eb6d4;background:#eff5ff;color:#12345a;border-radius:10px;padding:10px 12px}button:disabled{opacity:.55;cursor:not-allowed}.join-form{display:flex;gap:10px}.join-form input{flex:1;border:2px solid #a9bcd7;border-radius:10px;padding:10px 12px}.error{margin-top:12px;color:var(--error);font-weight:700}.puzzle-panel{overflow-x:auto}.puzzle-meta{display:flex;gap:18px;flex-wrap:wrap;margin:10px 0 18px}.username-field{display:grid;gap:6px;margin-top:4px}.username-field span{color:var(--muted);font-size:.92rem}.username-field input{border:2px solid #a9bcd7;border-radius:10px;padding:10px 12px}.clues-wrap{display:grid;gap:8px;min-width:max-content}.top-clues{display:grid;gap:var(--grid-gap);margin-left:calc(var(--row-clue-width) + 8px);width:max-content}.clue-col,.clue-row{font-size:.78rem;color:#3a5474;line-height:1.2}.clue-col{text-align:center}.clue-complete{color:#178843;font-weight:700}.board-wrap{display:flex;gap:8px}.row-clues{width:var(--row-clue-width);display:grid;gap:var(--grid-gap)}.clue-row{min-height:var(--cell-size);display:flex;align-items:center;justify-content:flex-end}.board{display:grid;gap:var(--grid-gap);background:#8fa7c6;border:2px solid #8fa7c6;width:max-content}.cell{width:var(--cell-size);height:var(--cell-size);border:0;border-radius:0;background:var(--cell);display:grid;place-items:center;font-size:1.2rem;color:#687888;padding:0}.cell-filled{background:var(--filled)}.cell-empty{background:var(--empty)}.cell:disabled{opacity:1;cursor:not-allowed}.solved-banner{margin:6px 0 10px;font-size:1.4rem;font-weight:800;background:linear-gradient(90deg,#ff3131,#ff7f11,#ffef00,#17c964,#3277ff,#8b4dff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:saturate(150%);animation:rainbow-shift 3.2s linear infinite}@keyframes rainbow-shift{0%{filter:hue-rotate(0deg) saturate(160%)}to{filter:hue-rotate(360deg) saturate(160%)}}@media (max-width: 720px){.panel{padding:16px}.clues-wrap{--row-clue-width: 82px}.clue-col,.clue-row{font-size:.68rem}}