:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background:radial-gradient(circle at 20% 20%,#f6f8fb,#e2e8f0 50%,#cbd5e1)}html,body{margin:0;height:100%;overflow:auto;overscroll-behavior:contain}.page{max-width:1200px;margin:0 auto;padding:16px 24px 80px;min-height:100vh;height:auto;overflow:visible}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.left,.right{display:flex;flex-direction:column;gap:12px;overflow-y:visible}.board{width:100%;max-width:520px;aspect-ratio:1 / 1;border:8px solid #2f2f2f;box-shadow:0 12px 24px #00000038;background:transparent}.board.rotated,.board.rotated .piece{transform:rotate(180deg)}.rank{display:grid;grid-template-columns:repeat(8,1fr);height:12.5%}.square{display:flex;align-items:center;justify-content:center;font-size:32px;cursor:pointer}.square.light{background:#f0d9b5}.square.dark{background:#b58863}.square.last{outline:3px solid #22c55e}.piece{font-weight:800;opacity:1;font-family:Segoe UI Symbol,Noto Sans Symbols2,Arial Unicode MS,sans-serif;color:#0f0f0f}.piece.white{filter:invert(1) brightness(1.1);text-shadow:0 0 2px rgba(0,0,0,.35)}.piece.black{filter:none;text-shadow:0 0 1px #e0c48f}.piece.bishop.white{text-shadow:0 0 2px #000,0 0 5px #000,0 0 7px rgba(0,0,0,.8)}.piece.bishop.black{text-shadow:0 0 2px #f4e8d5,0 0 5px rgba(255,255,255,.75)}.panel{background:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:12px;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:visible}.form{display:grid;gap:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.form-col{display:flex;flex-direction:column;gap:6px}.fullwidth{width:100%;margin-top:8px}.form input{padding:8px;border-radius:8px;border:1px solid #cbd5e1;background:#fff}.form input:disabled{background:#e2e8f0;color:#64748b;border-color:#94a3b8;border-style:dashed;cursor:not-allowed}.panel button{padding:8px 12px;border-radius:10px;border:none;background:#0f172a;color:#fff;cursor:pointer;margin-right:6px}.panel button:disabled{background:#cbd5e1;color:#6b7280;cursor:not-allowed}.chat-panel{display:flex;flex-direction:column;gap:8px;max-height:none}.chat-messages{border:1px solid #e2e8f0;border-radius:8px;padding:8px;background:#f8fafc;min-height:40px;max-height:80px;overflow-y:auto}.chat-item{margin-bottom:6px;font-size:13px}.chat-sender{font-weight:700;margin-right:6px}.move-list,.positions,.game-list{max-height:200px;overflow-y:auto}.move-row,.game-row,.position-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #e2e8f0;font-size:14px}.time{font-size:24px;font-weight:700;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-variant-numeric:tabular-nums}.clocks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;align-items:center}.clock-col{display:flex;flex-direction:column;gap:6px;align-items:stretch}.clock{padding:8px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;min-height:72px;display:flex;flex-direction:column;justify-content:center}.clock.active{border-color:#22c55e;box-shadow:0 0 0 2px #bbf7d0}.controls{display:flex;gap:6px;flex-wrap:wrap}.status{display:flex;align-items:center;gap:8px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.green{background:#22c55e}.panel button.danger{background:#b91c1c}.viewer-row{display:flex;align-items:center;gap:8px}.viewer-row input{padding:8px;border-radius:8px;border:1px solid #cbd5e1;flex:1}.error{color:#b91c1c;font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;padding:16px;border-radius:12px;box-shadow:0 10px 30px #00000040;max-width:360px;width:90%;text-align:center}.modal p{margin-top:0;margin-bottom:12px;font-weight:700}.modal button{padding:10px 16px;border:none;border-radius:10px;background:#0f172a;color:#fff;cursor:pointer}@media (max-width: 900px){.layout{grid-template-columns:1fr}.board{max-width:100%}}.actions{display:flex;align-items:center;gap:8px}.small{color:#475569;font-size:12px}.indicators{display:flex;gap:10px;align-items:center;margin-top:8px;flex-wrap:wrap}.indicator{display:flex;gap:6px;align-items:center;font-size:13px}.lamp{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid #0f172a}.lamp.red{background:#dc2626}.lamp.green{background:#16a34a}.piece{font-family:Segoe UI Symbol,Noto Sans Symbols2,Noto Sans Symbols,Segoe UI,Arial,sans-serif;font-weight:800;font-size:40px;line-height:1;-webkit-user-select:none;user-select:none}.piece.white{color:#fff;text-shadow:0 0 2px rgba(0,0,0,.8),0 0 4px rgba(0,0,0,.6)}.piece.black{color:#000;text-shadow:0 0 2px rgba(255,255,255,.6),0 0 4px rgba(255,255,255,.4)}.square.light .piece{filter:drop-shadow(0 0 2px rgba(0,0,0,.35))}.square.dark .piece{filter:drop-shadow(0 0 2px rgba(255,255,255,.35))}.square.selected{outline:3px solid #22c55e;box-shadow:inset 0 0 0 2px #22c55e59}.scoresheet-header{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.scoresheet-title{font-weight:800;font-size:14px;text-align:center;display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:nowrap}.scoresheet-result{margin-top:4px;font-size:18px;font-weight:800;color:#0b5c0b;text-shadow:0 1px 2px rgba(0,0,0,.15)}.scoresheet-result--blink{animation:blink 1s infinite alternate}@keyframes blink{0%{opacity:1}to{opacity:.4}}@keyframes blink-strong{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.suggestion{margin-top:8px;padding:8px;border-radius:8px;background:#ecfeff;border:1px solid #06b6d4}.col-name{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc}.col-name .label{font-size:12px;letter-spacing:.5px;color:#475569}.col-name .value{font-weight:700}.left-name{text-align:left}.right-name{text-align:right}.scoresheet{display:flex;flex-direction:column;border:1px solid #cbd5e1;border-radius:10px;overflow:hidden}.scoresheet-head,.scoresheet-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:12px;align-items:center;padding:8px 10px}.scoresheet-head{background:#0f172a;color:#f8fafc;font-weight:700}.scoresheet-row:nth-child(odd){background:#f8fafc}.scoresheet-row:nth-child(2n){background:#eef2f6}.online-badge{font-weight:800;background:#0ea5e9;color:#f8fafc;padding:6px 12px;border-radius:999px;box-shadow:0 4px 12px #0ea5e94d}.turn-indicator{color:#22c55e;text-shadow:0 0 4px rgba(34,197,94,.35);text-align:center;font-size:13px;line-height:1.3;word-break:break-word}.col-num{font-weight:700;text-align:right;padding-right:8px}.col-move{font-family:JetBrains Mono,Fira Code,Consolas,monospace}.scoresheet-panel{max-height:360px;overflow:hidden}.scoresheet{position:relative;max-height:320px;overflow-y:auto;scrollbar-width:thin}.scoresheet-head{position:sticky;top:0;z-index:2;box-shadow:0 2px 4px #0000001f}@media (max-width: 600px){.chat-panel{max-height:120px}.chat-messages{max-height:80px}}