:root{font-family:Inter,system-ui,sans-serif;background:#eee;color:#111}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:linear-gradient(135deg,#f4f4f4,#d8d8d8);padding:18px}main{width:min(980px,100%);margin:auto}h1{font-size:clamp(38px,8vw,72px);margin:.2em 0}.lead{color:#555}.panel{background:#fff;border-radius:24px;padding:22px;box-shadow:0 20px 70px #0002}.hidden{display:none!important}input,textarea,button{font:inherit;border-radius:14px;padding:13px;border:1px solid #bbb}input,textarea{width:100%;margin-bottom:10px}button{background:#111;color:#fff;font-weight:800;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#ddd;color:#111}.danger{background:#b71c1c;color:#fff;border-color:#b71c1c}.compact{padding:8px 11px}.bar{display:flex;justify-content:space-between;gap:10px;align-items:center}.black,.white{border-radius:18px;padding:18px;box-shadow:0 10px 25px #0002}.black{background:#111;color:#fff;font-weight:900;font-size:clamp(24px,5vw,38px);min-height:150px;display:grid;place-items:center;margin:18px 0;text-align:center}.hand,.picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.white{background:#fff;color:#111;border:2px solid #111;min-height:140px;text-align:left;font-weight:800;cursor:pointer}.white.used{opacity:.45}.judge{padding:18px;text-align:center;background:#ffd54a;border-radius:18px;font-weight:900}.scores{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chip{padding:9px 12px;border-radius:999px;background:#eee;display:inline-flex;gap:7px;align-items:center}.chip.host{outline:2px solid #111}.chip .small{font-size:.82em;color:#555;font-weight:700}.lobbyBox{background:#f4f4f4;border-radius:18px;padding:14px;margin:14px 0}.lobbyBox h3{margin:.2em 0 .6em}.hint{color:#666;font-size:.92rem}.hostActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.hostActions button{flex:1 1 190px}dialog{border:0;border-radius:22px;max-width:920px;width:calc(100% - 24px);padding:20px;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#0008}.dialogHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.dialogHead h2,.dialogHead p{margin-top:0}.adminGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.adminSection{min-width:0}.counter{font-size:.9rem;color:#666;margin:10px 0}.cardList{display:grid;gap:8px;max-height:48vh;overflow:auto;padding-right:4px}.listRow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:#f4f4f4;border-radius:12px;padding:9px 10px}.listRow span{overflow-wrap:anywhere}.listRow button{padding:7px 9px;background:#b71c1c;border-color:#b71c1c}.dialogFoot{display:flex;justify-content:flex-end;margin-top:18px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#111;color:#fff;border-radius:999px;padding:12px 18px;opacity:0;transition:.2s;pointer-events:none;z-index:10}#toast.show{opacity:1}@media(max-width:720px){body{padding:10px}.panel{padding:16px}.adminGrid{grid-template-columns:1fr}.cardList{max-height:34vh}.bar{align-items:flex-start;flex-direction:column}.black{min-height:120px}}

.playerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:12px 0}.playerCard{background:#f4f4f4;border:2px solid transparent;border-radius:16px;padding:12px 14px;display:grid;gap:3px}.playerCard.host{border-color:#111}.playerCard.judgePlayer{background:#fff4c4}.playerName{font-weight:900;font-size:1.05rem}.playerStatus{font-weight:800;color:#555}.playerScore{font-size:.86rem;color:#777}.outlineDanger{background:#fff;color:#b71c1c}.adminSection textarea{min-height:120px}.adminSection>button{width:100%;margin-bottom:6px}@media(max-width:520px){.playerGrid{grid-template-columns:1fr}.playerCard{padding:11px 12px}}

.matchInfo{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;background:#f1f1f1;color:#111;border:1px solid #d0d0d0;border-radius:14px;padding:10px 12px;margin:12px 0}.matchInfo span{color:#555;font-weight:700}.winnerPlayer{border-color:#c78b00!important;background:#fff0b3!important}.finalResult{text-align:center;background:linear-gradient(135deg,#fff8dc,#ffd86b);color:#111;border:2px solid #111;border-radius:22px;padding:24px;margin:18px 0;box-shadow:0 18px 45px #0002}.finalResult .trophy{font-size:54px}.finalResult h2{margin:6px 0}.winnerNames{font-size:clamp(26px,6vw,48px);font-weight:950}.winnerScore{font-size:20px;font-weight:850;margin-top:8px}.white:focus-visible{outline:4px solid #2d6cdf;outline-offset:2px}@media (prefers-color-scheme:dark){.white{background:#fff!important;color:#111!important;border-color:#111!important}.white.used{color:#111!important}.matchInfo{background:#f1f1f1;color:#111}.matchInfo span{color:#555}}