.log-question { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:8px 0; }.log-question p { display:flex !important; width:auto !important; min-height:44px; align-items:center; margin:0 !important; padding:8px 10px !important; border:0 !important; border-left:3px solid var(--line) !important; font-size:12px !important; line-height:1.35; }.log-question-prompt.is-you { border-left-color:var(--teal) !important; background:#e3f3ee !important; color:#075a58 !important; }.log-question-prompt.is-opponent { border-left-color:var(--red) !important; background:#f9e4e0 !important; color:#7f2926 !important; }.log-question-response.is-you { border-left-color:var(--teal) !important; background:#e3f3ee !important; color:#075a58 !important; }.log-question-response.is-opponent { border-left-color:var(--red) !important; background:#f9e4e0 !important; color:#7f2926 !important; }.log-question-response.is-system { border-left-color:var(--gold-deep) !important; background:#f6edda !important; color:#775516 !important; font-style:italic; }@media(max-width:680px){.log-question{grid-template-columns:1fr}.log-question p{min-height:auto}}
.champion-tile.is-eliminated { opacity:.78 !important; filter:none !important; border-color:#8f3835; }.champion-tile.is-eliminated img { filter:sepia(.42) saturate(.72) hue-rotate(318deg); }.champion-tile.is-eliminated i { color:#54df94 !important; background:rgba(97,24,26,.72) !important; text-shadow:0 2px 10px rgba(0,0,0,.6); }.log-entry.is-you { border-left-color:var(--teal) !important; background:#e3f3ee !important; color:#075a58 !important; }.log-entry.is-you .log-bullet { color:var(--teal); }.log-entry.is-opponent { border-left-color:var(--red) !important; background:#f9e4e0 !important; color:#7f2926 !important; }.log-entry.is-opponent .log-bullet { color:var(--red); }.log-entry.is-system { border-left-color:var(--gold-deep) !important; background:#f6edda !important; color:#775516 !important; }
.board-area .activity-card { margin-top:18px; }.board-area .activity-feed { max-height:130px; }.board-area .activity-feed p { display:inline-flex; width:calc(50% - 8px); margin:7px 8px 0 0; padding:8px 10px; border:0; border-left:2px solid var(--gold); background:rgba(255,253,247,.56); }.secret-confirm-preview { display:flex; align-items:center; justify-content:center; gap:12px; margin:16px 0; }.secret-confirm-preview img { width:72px; height:72px; border:2px solid var(--gold); border-radius:5px; object-fit:cover; }.secret-confirm-preview strong { font:700 22px "Cinzel",serif; }.secret-confirm-dialog .secondary-button { color:var(--ink); background:#f2eee3; }.secret-confirm-dialog .dialog-actions .yes-button { min-height:42px; }
.custom-question { margin-top:14px; padding-top:14px; border-top:1px solid #e7e1d5; }.custom-question label { display:block; margin-bottom:7px; color:var(--muted); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.7px; }.custom-question div { display:flex; gap:6px; }.custom-question input { min-width:0; flex:1; padding:9px; border:1px solid var(--line); border-radius:4px; color:var(--ink); background:var(--cream); font-size:12px; }.custom-question input:focus { outline:2px solid rgba(0,121,119,.24); border-color:var(--teal); }.custom-question button { padding:0 11px; border:0; border-radius:4px; color:white; background:var(--gold-deep); font-size:12px; font-weight:700; }.custom-question button:hover { background:#75500f; }
 .log-heading { display:flex; align-items:start; justify-content:space-between; gap:8px; }.log-heading h2 { margin-top:4px; }.live-dot { display:inline-flex; align-items:center; gap:5px; padding:4px 6px; color:var(--teal-dark); border:1px solid #b9d8d0; border-radius:3px; background:#edf8f3; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.7px; }.live-dot::before { width:6px; height:6px; border-radius:50%; background:var(--teal); content:""; }.activity-feed p { display:flex; gap:8px; align-items:flex-start; }.log-bullet { flex:0 0 auto; color:var(--gold-deep); }.empty-log { color:var(--muted); font-style:italic; }.question-dialog { width:min(440px,calc(100% - 32px)); padding:32px; border:1px solid var(--line); border-radius:7px; color:var(--ink); text-align:center; background:var(--cream); box-shadow:0 24px 65px rgba(14,31,31,.25); }.question-dialog::backdrop { background:rgba(10,27,29,.62); backdrop-filter:blur(3px); }.dialog-mark { display:grid; place-items:center; width:46px; height:46px; margin:0 auto 15px; border-radius:50%; color:var(--cream); background:var(--gold-deep); font:700 27px "Cinzel",serif; }.question-dialog h2 { margin:7px 0 14px; font:700 24px/1.25 "Cinzel",serif; }.question-dialog #questionDialogText { margin:0; color:var(--teal-dark); font:600 18px/1.4 "Cinzel",serif; }.dialog-note { margin:18px 0 22px; color:var(--muted); font-size:13px; line-height:1.45; }.dialog-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.dialog-actions button { min-height:48px; border:0; border-radius:4px; color:white; font-weight:700; }
:root { --ink:#142124; --muted:#647277; --paper:#f4f1e8; --cream:#fffdf7; --line:#d8d2c3; --gold:#d5a844; --gold-deep:#966b19; --teal:#007977; --teal-dark:#005b5a; --red:#a83f37; } * { box-sizing:border-box; } body { margin:0; min-width:320px; color:var(--ink); font-family:"DM Sans",sans-serif; background:radial-gradient(circle at 8% 15%,rgba(213,168,68,.17),transparent 28rem),linear-gradient(115deg,#e3ede6,#f8f4ea 55%,#dce8e1); } button,input { font:inherit; } button { cursor:pointer; } .app-shell { width:min(1480px,calc(100% - 32px)); margin:auto; padding-bottom:36px; }.topbar { min-height:80px; display:flex; align-items:center; border-bottom:1px solid rgba(20,33,36,.12); }.brand { display:flex; align-items:baseline; gap:8px; color:var(--ink); text-decoration:none; font:700 27px "Cinzel",serif; }.brand-mark { display:grid; place-items:center; width:33px; height:33px; color:var(--cream); font-size:20px; background:var(--teal); clip-path:polygon(50% 0,100% 28%,82% 100%,18% 100%,0 28%); }.brand small { color:var(--gold-deep); font:600 11px "DM Sans",sans-serif; text-transform:uppercase; letter-spacing:1.4px; }#gameMeta { margin-left:auto; margin-right:16px; color:var(--teal-dark); font-size:12px; font-weight:700; letter-spacing:1px; }.icon-button { width:36px; height:36px; border:1px solid var(--line); border-radius:5px; background:rgba(255,255,255,.55); font-size:22px; }.mode-screen,.share-screen { max-width:930px; margin:11vh auto 0; text-align:center; }.mode-intro h1,.share-screen h1 { margin:7px 0 13px; font:700 clamp(34px,5vw,61px)/1.06 "Cinzel",serif; }.mode-intro>p:not(.eyebrow),.share-screen>p:not(.eyebrow) { max-width:570px; margin:auto; color:var(--muted); font-size:17px; line-height:1.6; }.eyebrow { margin:0; color:var(--gold-deep); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1.6px; }.mode-options { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:48px; text-align:left; }.mode-card { display:grid; grid-template-columns:54px 1fr; gap:15px; min-height:170px; padding:25px; border:1px solid var(--line); border-radius:7px; color:var(--ink); text-align:left; background:rgba(255,253,247,.77); box-shadow:0 11px 25px rgba(41,55,45,.05); transition:.18s; }.mode-card:hover { transform:translateY(-4px); border-color:var(--gold); box-shadow:0 16px 30px rgba(41,55,45,.12); }.mode-icon { display:grid; place-items:center; width:47px; height:47px; color:var(--cream); background:var(--teal); font-size:23px; }.mode-card:last-child .mode-icon { background:var(--gold-deep); }.mode-card strong,.mode-card small { display:block; }.mode-card strong { margin:4px 0 8px; font:700 21px "Cinzel",serif; }.mode-card small,.action-card>p:not(.eyebrow) { color:var(--muted); font-size:14px; line-height:1.45; }.mode-card b { grid-column:2; align-self:end; color:var(--teal-dark); font-size:13px; }.share-screen { max-width:680px; }.share-link-row { display:flex; margin:31px 0 18px; }.share-link-row input { min-width:0; flex:1; padding:14px 15px; border:1px solid var(--line); border-right:0; border-radius:5px 0 0 5px; color:var(--muted); background:var(--cream); }.share-link-row button,.primary-button { border:0; border-radius:5px; padding:13px 20px; color:white; background:var(--teal); font-weight:700; }.share-link-row button { border-radius:0 5px 5px 0; }.primary-button:hover,.share-link-row button:hover,.yes-button:hover { background:var(--teal-dark); }.game-screen { padding-top:26px; }.status-banner { padding:13px 18px; border-left:4px solid var(--teal); border-radius:4px; background:rgba(255,253,247,.72); font-size:14px; font-weight:600; }.status-banner.is-alert { border-color:var(--gold); }.status-banner.is-win { border-color:var(--teal); background:#d9ede3; }.status-banner.is-loss,.status-banner.is-warning { border-color:var(--red); background:#f7e2de; }.game-layout { display:grid; grid-template-columns:210px minmax(0,1fr) 270px; gap:22px; margin-top:22px; }.side-panel,.action-panel { display:flex; flex-direction:column; gap:13px; }.secret-card,.turn-card,.action-card { padding:17px; border:1px solid var(--line); border-radius:6px; background:rgba(255,253,247,.76); }.secret-champion { display:grid; place-items:center; width:100%; aspect-ratio:1; margin:13px 0 11px; overflow:hidden; color:var(--gold-deep); background:#d8d2c2; font:700 60px "Cinzel",serif; }.secret-champion img { width:100%; height:100%; object-fit:cover; }.secret-champion.is-hidden { border:2px dashed #aaa18e; background:repeating-linear-gradient(45deg,#ded8cb,#ded8cb 9px,#d4cec1 9px,#d4cec1 18px); }.secret-card h2,.action-card h2 { margin:0; font:700 19px/1.25 "Cinzel",serif; }.text-button { margin-top:10px; padding:0; border:0; color:var(--teal-dark); background:none; font-size:12px; font-weight:700; }.turn-card { display:grid; gap:4px; }.turn-card span,.turn-card small { color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:1px; }.turn-card strong { font:700 34px "Cinzel",serif; }.turn-card small { text-transform:none; letter-spacing:0; }.secondary-button { padding:10px; border:1px solid var(--line); border-radius:5px; background:transparent; font-size:12px; font-weight:700; }.board-heading { display:flex; align-items:end; justify-content:space-between; gap:15px; margin-bottom:14px; }.board-heading h1 { margin:4px 0 0; font:700 27px "Cinzel",serif; }.board-heading>span { color:var(--muted); font-size:12px; }.champion-board { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }.champion-tile { position:relative; min-width:0; overflow:hidden; padding:0; border:2px solid transparent; border-radius:4px; color:white; background:#273239; aspect-ratio:.8; transition:.15s; }.champion-tile:hover { transform:translateY(-2px); border-color:var(--gold); }.champion-tile img { width:100%; height:100%; object-fit:cover; opacity:.9; }.champion-tile span { position:absolute; right:0; bottom:0; left:0; padding:15px 3px 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:linear-gradient(transparent,rgba(0,0,0,.8)); font-size:11px; font-weight:700; }.champion-tile i { display:none; position:absolute; inset:0; align-items:center; justify-content:center; color:var(--red); background:rgba(19,23,25,.7); font:700 62px/1 sans-serif; }.champion-tile.is-eliminated { opacity:.38; filter:grayscale(1); }.champion-tile.is-eliminated i { display:flex; }.champion-tile.is-selected { border-color:var(--gold); box-shadow:0 0 0 2px rgba(213,168,68,.3); }.question-grid { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:14px; }.question-grid button { min-height:52px; padding:7px; border:1px solid var(--line); border-radius:4px; background:var(--cream); font-size:12px; font-weight:600; text-align:left; }.question-grid button:hover { border-color:var(--teal); color:var(--teal-dark); }.answer-actions { display:flex; gap:8px; margin-top:14px; }.answer-actions button { flex:1; padding:10px; border:0; border-radius:4px; color:white; font-weight:700; }.yes-button { background:var(--teal); }.no-button { background:var(--red); }.action-card .primary-button { width:100%; margin-top:7px; }.primary-button:disabled { cursor:not-allowed; opacity:.45; }.activity-card { margin-top:auto; }.activity-feed { max-height:155px; overflow:auto; }.activity-feed p { margin:10px 0; padding-bottom:10px; border-bottom:1px solid #e7e1d5; color:var(--muted); font-size:12px; line-height:1.45; }@media(max-width:1080px){.game-layout{grid-template-columns:180px minmax(0,1fr)}.action-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);align-items:start}.activity-card{margin-top:0}}@media(max-width:680px){.app-shell{width:min(100% - 20px,1480px)}.topbar{min-height:65px}.brand{font-size:22px}.brand small{display:none}.mode-screen,.share-screen{margin-top:56px}.mode-options,.game-layout{grid-template-columns:1fr}.mode-options{margin-top:30px}.mode-card{min-height:135px}.share-link-row{flex-direction:column}.share-link-row input,.share-link-row button{border:1px solid var(--line);border-radius:5px}.share-link-row button{margin-top:7px}.board-heading{align-items:start;flex-direction:column}.champion-board{gap:5px}.champion-tile span{font-size:9px}.side-panel{display:grid;grid-template-columns:1fr 1fr}.secret-card{grid-row:span 2}.action-panel{display:flex}.action-card{width:100%}#gameMeta{margin-right:10px;font-size:10px}}