*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#f4f6fb;--card:#ffffff;--text:#1a2233;--muted:#6b7280;--line:#e5e9f2;--blue:#2563eb;--blue-dark:#1d4ed8;--green:#16a34a;--green-bg:#ecfdf3;--red:#dc2626;--red-bg:#fef2f2;--amber-bg:#fffbeb}body{font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.container{max-width:560px;margin:0 auto;padding:24px 16px 64px}.container.wide{max-width:960px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.topbar .brand{font-size:17px;font-weight:700}.topbar .links{display:flex;gap:8px;flex-wrap:wrap}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:16px;box-shadow:0 1px 3px rgba(16,24,40,.06)}h1{font-size:24px;margin-bottom:8px}h2{font-size:18px;margin-bottom:12px}p.sub{color:var(--muted);font-size:14px;margin-bottom:16px}label{display:block;font-size:13px;font-weight:600;margin:12px 0 4px}label .opt{color:var(--muted);font-weight:400}input,select{width:100%;padding:12px 14px;font-size:16px;border:1px solid var(--line);border-radius:10px;background:#fff}input:focus{outline:2px solid var(--blue);border-color:transparent}.btn{display:inline-block;width:100%;padding:14px;margin-top:16px;font-size:16px;font-weight:700;color:#fff;background:var(--blue);border:none;border-radius:12px;cursor:pointer;text-align:center;text-decoration:none;transition:background .15s}.btn:hover{background:var(--blue-dark)}.btn:disabled{background:#b6c3e0;cursor:not-allowed}.btn.small{width:auto;padding:8px 14px;font-size:14px;margin-top:0}.btn.ghost{background:#fff;color:var(--text);border:1px solid var(--line)}.btn.ghost:hover{background:var(--bg)}.btn.green{background:var(--green)}.btn.green:hover{background:#15803d}.btn.red{background:var(--red)}.btn.red:hover{background:#b91c1c}.tabs{display:flex;gap:8px;margin-bottom:20px}.tabs button{flex:1 1;padding:12px;font-size:15px;font-weight:700;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);cursor:pointer}.tabs button.active{background:var(--blue);border-color:var(--blue);color:#fff}.error{background:var(--red-bg);color:var(--red)}.error,.notice{border-radius:10px;padding:12px 14px;font-size:14px;margin-top:12px}.notice{background:var(--amber-bg)}.success{background:var(--green-bg);color:var(--green);border-radius:10px;padding:12px 14px;font-size:14px;margin-top:12px}.status-badge{display:inline-block;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;background:var(--bg);color:var(--muted)}.status-badge.live{background:var(--green-bg);color:var(--green)}.big-center{text-align:center;padding:32px 8px}.big-center .emoji{font-size:52px;display:block;margin-bottom:12px}.big-center .msg{font-size:18px;font-weight:700;margin-bottom:6px}.hint{color:var(--muted);font-size:14px}.choice-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:20px}.choice-btn{padding:28px 10px;font-size:20px;font-weight:800;border-radius:16px;border:3px solid transparent;cursor:pointer;transition:transform .1s}.choice-btn:active{transform:scale(.97)}.choice-btn:disabled{opacity:.55;cursor:not-allowed}.choice-btn .desc{display:block;font-size:13px;font-weight:500;margin-top:6px;opacity:.85}.choice-btn.coop{background:var(--green-bg);color:var(--green);border-color:var(--green)}.choice-btn.defect{background:var(--red-bg);color:var(--red);border-color:var(--red)}.choice-btn.selected{outline:4px solid var(--blue)}.result-box{text-align:center;padding:20px 8px}.result-box .vs{display:flex;justify-content:center;gap:24px;align-items:center;margin:16px 0}.result-box .side{flex:1 1;max-width:160px;padding:16px 8px;border-radius:14px;font-weight:700}.result-box .side .who{font-size:13px;color:var(--muted);font-weight:500;margin-bottom:6px}.result-box .side.C{background:var(--green-bg);color:var(--green)}.result-box .side.D{background:var(--red-bg);color:var(--red)}.score-big{font-size:44px;font-weight:800;margin:8px 0}.game-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.game-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;text-decoration:none;color:var(--text);box-shadow:0 1px 3px rgba(16,24,40,.06);transition:transform .12s,box-shadow .12s}.game-card:not(.locked):hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,24,40,.12);border-color:var(--blue)}.game-card.locked{opacity:.55;filter:grayscale(1)}.game-emoji{font-size:34px;display:block;margin-bottom:8px}.game-title{font-size:17px;font-weight:800;margin-bottom:4px}.game-desc{font-size:13px;color:var(--muted);margin-bottom:12px;min-height:36px}@media (max-width:480px){.game-grid{grid-template-columns:1fr}.game-desc{min-height:0}}.payoff-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:12px}.payoff-table td,.payoff-table th{border:1px solid var(--line);padding:10px;text-align:center}.payoff-table th{background:var(--bg);font-weight:600}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.admin-actions .btn{width:auto;margin-top:0;padding:12px 20px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:10px;gap:10px;margin:14px 0}.stat{background:var(--bg);border-radius:12px;padding:14px;text-align:center}.stat .num{font-size:26px;font-weight:800}.stat .lbl{font-size:12px;color:var(--muted);margin-top:2px}table.users{width:100%;border-collapse:collapse;font-size:14px}table.users td,table.users th{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}table.users th{font-size:12px;color:var(--muted);font-weight:600}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.pill.on{background:var(--green-bg);color:var(--green)}.pill.off{background:var(--bg);color:var(--muted)}.pill.clickable{cursor:pointer;border:none}.pill.danger{background:var(--red-bg);color:var(--red)}.payoff-edit{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:8px}.payoff-edit label{margin-top:0}.screen-body{background:#0f172a;color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.screen-body .title{font-size:28px;opacity:.7;margin-bottom:24px}.screen-body .huge{font-size:120px;font-weight:800;line-height:1.1}.screen-body .sub2{font-size:30px;opacity:.8;margin-top:12px}.screen-bar{display:flex;width:min(700px,80vw);height:56px;border-radius:14px;overflow:hidden;margin:28px auto 8px;font-size:20px;font-weight:700}.screen-bar .c{background:#22c55e}.screen-bar .c,.screen-bar .d{display:flex;align-items:center;justify-content:center;min-width:40px}.screen-bar .d{background:#ef4444}.rpd-header{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.rpd-last{border-radius:10px;padding:10px 14px;font-size:14px;margin-top:14px;background:var(--bg);text-align:center}.rpd-last.C{background:var(--green-bg)}.rpd-last.D{background:var(--red-bg)}.rpd-strip-wrap{overflow-x:auto;margin-top:18px;padding-bottom:4px}.rpd-strip{display:table;margin:0 auto}.rpd-strip .row{display:table-row}.rpd-strip .lbl{display:table-cell;font-size:12px;color:var(--muted);padding:2px 8px 2px 2px;white-space:nowrap;vertical-align:middle}.rpd-strip .cell{display:table-cell;text-align:center;font-size:15px;padding:2px 3px;min-width:26px}.rpd-strip .row.head .cell{font-size:11px;color:var(--muted)}.rpd-strip .cell.score{font-size:12px;color:var(--muted)}.rpd-strip .cell.auto{opacity:.45}.rpd-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:10px;gap:10px;margin-top:8px}.rpd-settings-grid label{margin-top:0}.roundbars{display:flex;gap:6px;margin-top:8px;overflow-x:auto;padding-bottom:4px}.roundbar{width:36px;flex:0 0 auto;text-align:center}.roundbar .pct{font-size:10px;color:var(--muted);margin-bottom:2px}.roundbar .bar{height:70px;background:var(--bg);border-radius:6px;position:relative;overflow:hidden}.roundbar .fill{position:absolute;bottom:0;left:0;right:0;background:var(--green)}.roundbar .rlbl{font-size:11px;color:var(--muted);margin-top:2px}.screen-roundbars{display:flex;gap:10px;justify-content:center;margin:28px auto 8px;max-width:90vw;overflow-x:auto}.screen-roundbar{width:48px;flex:0 0 auto;text-align:center}.screen-roundbar .pct{font-size:15px;opacity:.85;margin-bottom:4px}.screen-roundbar .bar{height:180px;background:rgba(255,255,255,.08);border-radius:8px;position:relative;overflow:hidden}.screen-roundbar .fill{position:absolute;bottom:0;left:0;right:0;background:#22c55e}.screen-roundbar .rlbl{font-size:14px;opacity:.7;margin-top:4px}@media (max-width:480px){.card{padding:18px}.choice-btn{padding:22px 8px;font-size:18px}}