: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: max-content;--grid-line: #8fa7c6}*{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}.nav-links{margin-bottom:8px}.bottom-links{margin-top:12px;display:flex;justify-content:center}.text-link{background:transparent;border:0;padding:0;color:#1a4d8f;text-decoration:underline;font-weight:700;cursor:pointer}.text-link:disabled{opacity:.5;cursor:not-allowed}.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:inline-grid;grid-template-columns:var(--row-clue-width) max-content;grid-template-rows:max-content max-content;gap:8px;align-items:start}.puzzle-center{width:100%;display:flex;justify-content:center;overflow-x:auto}.top-clues{display:grid;gap:var(--grid-gap);grid-column:2;grid-row:1;width:max-content}.clue-corner{grid-column:1;grid-row:1}.clue-col,.clue-row{font-size:1.45rem;font-weight:700;color:#3a5474;line-height:1.2;position:relative}.clue-col{text-align:center;overflow:visible}.clue-col:not(:last-child):after{content:"";position:absolute;right:calc(var(--grid-gap) / -2 - 1px);top:50%;transform:translateY(-50%);width:2px;height:14px;background:var(--grid-line);pointer-events:none}.clue-complete{color:#178843;font-weight:700}.row-clues{grid-column:1;grid-row:2;width:var(--row-clue-width);justify-self:end;padding-right:8px;display:grid;gap:var(--grid-gap)}.clue-row{min-height:var(--cell-size);display:flex;align-items:center;justify-content:flex-end;overflow:visible}.clue-row:not(:last-child):after{content:"";position:absolute;right:-14px;bottom:calc(var(--grid-gap) / -2 - 3px);width:14px;height:2px;background:var(--grid-line);pointer-events:none}.board{grid-column:2;grid-row:2;display:grid;gap:var(--grid-gap);background:var(--grid-line);border:2px solid var(--grid-line);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){.app-shell{padding:12px}.panel{padding:16px}.clue-col,.clue-row{font-size:.95rem}.row-clues{padding-right:6px}}