html,body{height:100%;margin:0;overflow:hidden}:root{--bg: #0b0f17;--panel: rgba(255,255,255,.06);--panel2: rgba(255,255,255,.08);--stroke: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.68);--accent: #7dd3fc;--accent2:#a78bfa;--good: #34d399;--bad: #fb7185;--shadow: 0 12px 30px rgba(0,0,0,.35);--tableGap: 4px;--tablePad: 20px;--centerMax: 920px;--vGap: 12px;--handMinH: 140px;--tableMinH: 320px}body{background:radial-gradient(1200px 600px at 50% 0%,rgba(125,211,252,.12),transparent 55%),radial-gradient(900px 500px at 80% 10%,rgba(167,139,250,.1),transparent 55%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}.kk-root{height:100vh;overflow:hidden;display:grid;grid-template-columns:clamp(220px,18vw,280px) 1fr clamp(220px,18vw,280px);gap:16px;padding:16px;box-sizing:border-box}.kk-panel--scroll{max-height:calc(100vh - 32px);overflow:auto;min-height:0;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.kk-panel--scroll .kk-captured{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.kk-panel--scroll::-webkit-scrollbar,.kk-panel--scroll .kk-captured::-webkit-scrollbar{width:6px}.kk-panel--scroll::-webkit-scrollbar-track,.kk-panel--scroll .kk-captured::-webkit-scrollbar-track{background:transparent}.kk-panel--scroll::-webkit-scrollbar-thumb,.kk-panel--scroll .kk-captured::-webkit-scrollbar-thumb{background-color:#ffffff2e;border-radius:999px}.kk-panel--scroll:hover::-webkit-scrollbar-thumb,.kk-panel--scroll .kk-captured:hover::-webkit-scrollbar-thumb{background-color:#ffffff4d}@media(max-width:1100px){.kk-root{grid-template-columns:1fr}}.kk-center{min-height:0;display:grid;grid-template-rows:auto auto auto auto;gap:var(--vGap);padding-bottom:2px}.kk-center>.kk-panel,.kk-center>.kk-board{width:100%;justify-self:center}.kk-panel{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;box-shadow:var(--shadow);padding:5px;overflow:visible;box-sizing:border-box}.kk-panel--opp{padding:4px}.kk-hand--opp{padding:8px 6px 6px;min-height:92px;height:92px;align-content:center}@media(max-height:820px){.kk-hand--opp{min-height:80px;height:80px}}.kk-title{font-weight:800;letter-spacing:.2px;margin-bottom:10px}.kk-sub{color:var(--muted);font-size:13px}.kk-topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.kk-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid var(--stroke);background:var(--panel2);font-size:13px;color:var(--muted)}.kk-pill b{color:var(--text);font-weight:700}.kk-board{display:flex;justify-content:center;align-items:center;padding:0;overflow:visible;min-height:var(--tableMinH)}.kk-tableArea{width:100%;padding:var(--tablePad);border-radius:22px;border:1px solid var(--stroke);background:#ffffff0a;box-shadow:var(--shadow);overflow:visible;box-sizing:border-box}.kk-tableGrid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);gap:var(--tableGap) var(--tableGap);align-items:center;justify-content:center}.kk-cell{display:flex;align-items:center;justify-content:center}.kk-hand{width:100%;display:grid;gap:10px;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;overflow:visible;padding:14px 6px 5px;min-height:var(--handMinH);box-sizing:border-box}@media(max-width:1350px){.kk-hand{grid-auto-flow:row;grid-template-columns:repeat(4,max-content);justify-content:center}}.kk-card{border:none;background:transparent;padding:0;border-radius:0;cursor:pointer;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35));position:relative;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;z-index:1}.kk-card.is-disabled{cursor:not-allowed;opacity:.55;filter:grayscale(35%) drop-shadow(0 6px 12px rgba(0,0,0,.25))}.kk-card:not(.is-disabled):hover{transform:translateY(-3px);z-index:2}.kk-card.is-selected{transform:translateY(-10px);box-shadow:0 0 0 3px #7dd3fcf2,0 22px 46px #00000080;z-index:5}.kk-card.is-hint{box-shadow:0 0 0 3px #34d399cc,0 12px 28px #0006;z-index:3}.kk-card.is-dim{opacity:.45;filter:grayscale(45%) drop-shadow(0 6px 12px rgba(0,0,0,.25))}.kk-card__img{display:block;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:0;width:100%;height:auto}.kk-card--xs{width:38px}.kk-card--sm{width:46px}.kk-card--md{width:68px}.kk-card--lg{width:92px}.kk-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;min-height:52px}.kk-btn{border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);border-radius:12px;padding:10px 12px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease;font-weight:700}.kk-btn:hover{transform:translateY(-1px);background:#ffffff14}.kk-btn:disabled{opacity:.55;cursor:not-allowed}.kk-btn--primary{border-color:#7dd3fc73}.kk-btn--danger{border-color:#fb718573}.kk-captured{display:grid;gap:10px}.kk-yaku{background:#ffffff0a;border:1px solid var(--stroke);border-radius:14px;padding:10px}.kk-yaku__head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.kk-yaku__name{font-weight:800}.kk-yaku__han{color:var(--muted);font-size:13px;border:1px solid var(--stroke);background:#ffffff0d;border-radius:999px;padding:4px 8px}.kk-yaku__cards{display:flex;gap:6px;flex-wrap:wrap}.kk-modal{position:fixed;inset:0;background:#080c14d1;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.kk-modal__card{width:min(720px,92vw);background:var(--panel);border:1px solid var(--stroke);border-radius:18px;box-shadow:var(--shadow);padding:20px;max-height:85vh;overflow:auto}.kk-scoreTable{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:14px}.kk-scoreTable th,.kk-scoreTable td{padding:10px 8px;border-bottom:1px solid var(--stroke);text-align:left}.kk-scoreTable thead th{color:var(--muted);font-weight:700}.kk-scoreTable tfoot td{font-weight:800}.kk-scoreTable__empty{text-align:center;color:var(--muted);padding:18px 8px}.kk-modal__actions{display:flex;gap:12px;flex-wrap:wrap}