*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#15171c;color:#f4f4f5}button,input,select{font:inherit}.app-shell{width:min(960px,100%);margin:0 auto;padding:24px}.setup{display:grid;gap:14px}.age-gate{min-height:100vh;display:grid;place-items:center}.age-gate .panel{width:min(520px,100%);display:grid;gap:16px}.age-gate p{margin:0;color:#e4e4e7;line-height:1.5}.rules{display:grid;gap:8px;border:1px solid #3f3f46;border-radius:6px;background:#22242b;padding:14px}.rules h2{margin:0;color:#facc15;font-size:18px}.rules ul{display:grid;gap:6px;margin:0;padding-left:18px;color:#e4e4e7;line-height:1.4}.setup-record,.shop-panel,.profile-photo-panel,.admin-panel{display:grid;gap:10px;border:1px solid #3f3f46;border-radius:6px;background:#1d2027;padding:14px}.setup-record h2,.shop-panel h2,.profile-photo-panel h2{margin:0;font-size:18px}.setup-record div,.admin-panel div{display:flex;gap:8px;flex-wrap:wrap}.setup-record span{border:1px solid #3f3f46;border-radius:6px;background:#242832;padding:8px 10px;color:#e4e4e7}.shop-items{display:flex;gap:8px;flex-wrap:wrap}.shop-items button:disabled{cursor:not-allowed;opacity:.5}.profile-photo-preview{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.profile-photo-preview img{width:92px;height:92px;border:1px solid #3f3f46;border-radius:6px;object-fit:cover}.opponent-profile{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin:12px 0}.opponent-profile strong{color:#f4f4f5}.blurred-profile-photo,.profile-photo-placeholder{width:96px;height:96px;border:1px solid #3f3f46;border-radius:6px;background:#272a33}.blurred-profile-photo{display:block;object-fit:cover;filter:blur(5px);transform:scale(1.03)}.profile-photo-placeholder{display:grid;place-items:center;color:#a1a1aa;font-size:14px}.secondary-action{background:#52525b;color:#f4f4f5}label,.option-group{display:grid;gap:6px;color:#d4d4d8}.inline-option{display:flex;align-items:center;gap:8px}.inline-option input{width:auto}input,select{width:100%;border:1px solid #3f3f46;background:#22242b;color:#fff;padding:12px;border-radius:6px}button{border:0;border-radius:6px;background:#eab308;color:#111;padding:12px 14px;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #facc15;outline-offset:2px}.actions{display:flex;gap:10px;flex-wrap:wrap}.room{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.8fr);gap:16px;align-items:start}.panel{border:1px solid #30333b;background:#1d2027;border-radius:8px;padding:16px}.turn-status{display:grid;gap:4px;margin:12px 0 16px;padding:12px;border:1px solid #3f3f46;border-radius:6px;background:#242832}.turn-status strong{color:#facc15}.turn-status span{color:#d4d4d8;line-height:1.4}.turn-status .turn-timer{width:fit-content;border:1px solid #facc15;border-radius:999px;padding:3px 8px;color:#fef08a;font-weight:700}.turn-status .selected-choice{color:#f4f4f5;font-weight:700}.photo-hint{display:grid;gap:8px;justify-items:center;margin:12px 0 16px;padding:10px;border:1px solid #facc15;border-radius:6px;background:#111318}.photo-hint img{display:block;width:min(100%,360px);max-height:360px;object-fit:contain;border-radius:6px}.photo-hint span{color:#fef08a;font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0}.card-grid button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-grid button:disabled{background:#52525b;color:#d4d4d8;cursor:not-allowed}.card-grid button.inspected-card{border:1px solid #71717a;background:#3f3f46;color:#a1a1aa}.rps-row{display:flex;gap:8px;flex-wrap:wrap}.rps-row button:disabled{cursor:not-allowed;opacity:.62}.rps-row button.selected-rps,.rps-row button.selected-rps:disabled{border:1px solid #facc15;background:#fef08a;color:#111;opacity:1}.reward-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.reward-row button:disabled{cursor:not-allowed;opacity:.62}.hidden-file-input{display:none}.my-cards{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none}.my-cards li{border:1px solid #3f3f46;border-radius:6px;background:#242832;padding:8px 10px;color:#e4e4e7}.personal-details{display:grid;gap:12px;margin-top:18px}.personal-details-toggle{width:fit-content}.personal-details-summary{margin:0;color:#d4d4d8;line-height:1.4}.personal-details-body{display:grid;gap:10px}.personal-details-body h2{margin:0}.match-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.match-controls button:last-child{background:#d97706}.leave-confirm{display:grid;gap:10px;border:1px solid #3f3f46;border-radius:6px;background:#242832;padding:12px}.confirm-actions{display:flex;gap:8px;flex-wrap:wrap}.record{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;color:#d4d4d8}.record strong{color:#f4f4f5}.chat{display:grid;grid-template-rows:1fr auto;height:calc(100vh - 48px);min-height:420px;max-height:760px;overflow:hidden;position:sticky;top:24px}.chat-log{min-height:0;overflow-y:auto;padding-right:4px}.chat-log p{overflow-wrap:anywhere}.new-message-shortcut{width:100%;margin:8px 0;border:1px solid #facc15;background:#2f2a12;color:#fef08a;padding:8px 10px;font-size:14px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat form{display:grid;grid-template-columns:1fr auto;gap:8px}@media(max-width:760px){.app-shell{width:100%;padding:12px}.setup{gap:12px}.setup h1,.panel h1{margin:0 0 14px;font-size:28px;line-height:1.15}.rules,.setup-record,.shop-panel,.profile-photo-panel,.admin-panel,.panel{padding:12px}.rules ul{padding-left:16px}.setup-record div,.admin-panel div,.shop-items,.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.setup-record span,.my-cards li,.record span{min-width:0;overflow-wrap:anywhere}.actions button,.shop-items button,.admin-panel button{width:100%;min-height:44px}.room{grid-template-columns:1fr;gap:12px}.turn-status{margin:10px 0 12px;padding:10px}.card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:12px 0}.card-grid button{min-width:0;min-height:42px;padding:9px 4px}.rps-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rps-row button{min-width:0;min-height:46px;padding:10px 6px}.reward-row,.match-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reward-row button,.match-controls button{min-width:0;min-height:44px;padding:10px 8px;overflow-wrap:anywhere}.my-cards,.record{gap:8px}.record{margin-top:16px}.chat{height:clamp(300px,42vh,420px);min-height:300px;max-height:none;position:static}.chat-log{padding-right:2px}.chat form{grid-template-columns:minmax(0,1fr) auto}.chat form button{min-height:44px;padding:10px 12px}}@media(max-width:420px){.app-shell{padding:10px}.setup h1,.panel h1{font-size:26px}.shop-items,.actions,.reward-row{grid-template-columns:1fr}.card-grid button{font-size:14px}}