:root{--bg:#f4f1ea;--text:#222;--muted:#666;--board:#2e7d4f;--board-line:#1d5535;--accent:#d9534f;--panel:#fff;--app-padding-y:8px;--tap-size:44px;--board-min-size:136px;--quiet-tap-size:32px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input{touch-action:manipulation}.app{max-width:480px;padding:var(--app-padding-y) 12px;margin:0 auto}.title-screen{flex-direction:column;align-items:center;gap:32px;padding-top:15vh;display:flex}.title-logo{margin:0;font-size:2.25rem}.menu{flex-direction:column;gap:12px;width:min(100%,280px);display:flex}.room-form{flex-direction:column;gap:16px;display:flex}.room-form h2{text-align:center;margin:0}.field{flex-direction:column;gap:4px;display:flex}.field input,.answer-row input{min-height:var(--tap-size);border:1px solid #aaa;border-radius:6px;padding:10px 12px;font-size:1rem}.field-error{color:var(--accent);margin:0;font-size:.85rem}.game-screen{height:calc(var(--viewport-height,100dvh) - 2 * var(--app-padding-y));flex-direction:column;gap:6px;display:flex;position:relative}.player-panel{background:var(--panel);border:2px solid #0000;border-radius:8px;flex-direction:column;gap:2px;padding:6px 10px;display:flex}.player-panel.active{border-color:var(--accent)}.player-row{flex-wrap:wrap;align-items:center;gap:2px 8px;display:flex}.player-name{font-weight:700}.wins{color:#c79100;letter-spacing:1px}.times{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9rem}.time-active{color:var(--text);font-weight:700}.time-warning{color:var(--accent);font-weight:700}.lives{gap:6px;display:flex}.life{background:var(--accent);border:1px solid var(--accent);border-radius:50%;width:10px;height:10px}.life.lost{background:0 0;border-color:#bbb}.stone-count{font-variant-numeric:tabular-nums;margin-left:auto}.turn-badge{color:#fff;background:var(--accent);border-radius:4px;padding:2px 6px;font-size:.8rem}.disconnected-badge{color:#fff;background:var(--muted);border-radius:4px;padding:2px 6px;font-size:.8rem}.stone-icon{border:1px solid #333;border-radius:50%;width:18px;height:18px}.stone-icon.black,.stone.black{background:#111}.stone-icon.white,.stone.white{background:#f5f5f5}.board-area{min-height:var(--board-min-size);flex:1 1 0;justify-content:center;align-items:center;display:flex;position:relative;container-type:size}.board{-webkit-user-select:none;user-select:none;background:var(--board-line);border:4px solid #222;grid-template-columns:repeat(6,1fr);gap:2px;width:min(100cqw,100cqh);height:min(100cqw,100cqh);padding:2px;display:grid;container-type:inline-size}.cell{background:var(--board);aspect-ratio:1;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.cell:disabled{cursor:default}.cell.legal{cursor:pointer}.cell.legal:after{content:"";background:#ffffff59;border-radius:50%;width:30%;height:30%}.stone{border-radius:50%;justify-content:center;align-items:center;width:84%;height:84%;display:flex;box-shadow:0 1px 2px #0006}.stone.see-through{opacity:.55}.char{font-size:8cqw;font-weight:700}.stone.black .char{color:#fff}.stone.white .char{color:#000}.pass-banner{text-align:center;color:#fff;background:#000000bf;border-radius:8px;padding:12px;font-size:1.5rem;font-weight:700;position:absolute;inset:40% 10% auto}.overlay{z-index:1;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay-card{background:var(--panel);text-align:center;border-radius:12px;width:94%;max-height:96%;padding:16px 20px;overflow-y:auto}.overlay-round{color:var(--muted);margin:0;font-size:.85rem}.overlay-question{text-align:left;background:var(--bg);border-radius:6px;margin:12px 0;padding:8px 12px}.overlay-question p{margin:4px 0}.overlay-match-winner{color:var(--accent);margin:0 0 12px;font-weight:700}.overlay-reason{color:var(--muted);margin:0}.overlay-result{margin:8px 0;font-size:1.75rem;font-weight:700}.overlay-stones{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0 0 12px;font-size:1.1rem;display:flex}.overlay-stones .stone-icon{flex-shrink:0}.actions{justify-content:center;gap:12px;display:flex}.game-screen .actions .action-button{flex:1;max-width:200px}.action-button{min-width:120px;min-height:var(--tap-size);color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:999px;padding:12px 20px;font-size:1rem;font-weight:700}.action-button:disabled{opacity:.4;cursor:default}.hint{text-align:center;color:var(--muted);margin:0;font-size:.85rem}.action-button.secondary{color:var(--text);background:#ddd}.quiet-button{min-height:var(--quiet-tap-size);color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:center;padding:4px 12px;font-size:.8rem;text-decoration:underline}.overlay-card .quiet-button{margin-top:12px}.surrender-confirm{text-align:center;background:var(--panel);border:1px solid var(--accent);border-radius:8px;flex-direction:column;gap:8px;margin-top:4px;padding:8px;display:flex}.surrender-confirm p{text-wrap:balance;margin:0;font-weight:700}.answer-form{flex-direction:column;gap:6px;display:flex}.answer-row{gap:8px;display:flex}.answer-row input{flex:1;min-width:0}.answer-row .action-button{min-width:80px}.answer-feedback{color:var(--accent);margin:0;font-weight:700}.match-result{flex-direction:column;align-items:center;gap:16px;padding-top:10vh;display:flex}.match-result-label{color:var(--muted);margin:0}.match-result-winner{margin:0;font-size:2rem;font-weight:700}.match-result-note{color:var(--muted);margin:0}.howto-screen{flex-direction:column;align-items:center;gap:12px;display:flex}.howto-image{width:100%;height:auto;display:block}.waiting-screen,.notice-screen{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-top:15vh;display:flex}.waiting-label{color:var(--muted);margin:0}.room-id{letter-spacing:.2em;font-variant-numeric:tabular-nums;margin:0;font-size:3rem;font-weight:700}.waiting-status{margin:0;font-weight:700}.connection-lost{color:#fff;background:var(--accent);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;font-weight:700;display:flex}.server-error{text-align:center;margin-top:8px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.match-result-table{table-layout:fixed;border-collapse:collapse;text-align:center;width:100%}.match-result-table th:first-child,.match-result-table td:first-child{width:0;padding:0}.match-result-table th,.match-result-table td{overflow-wrap:anywhere;padding:4px}.match-result-table th:nth-child(3),.match-result-table td:nth-child(3){width:2em}.match-result-table thead th{font-size:1.1rem}.match-result-score td{padding-bottom:12px;font-size:2rem;font-weight:700}.match-result-surrendered{color:var(--muted);font-size:.85rem}.preview-select{width:100%;min-height:var(--tap-size);font-size:1rem}