.codenames-layout{grid-template-columns:minmax(0,1fr) 330px}.codenames-stage{min-width:0;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,247,237,.86))}.codenames-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;direction:rtl}.code-card{position:relative;min-width:0;aspect-ratio:1.4;padding:6px;display:grid;place-items:center;overflow:hidden;border:1px solid #e5d5c2;border-radius:14px;background:linear-gradient(145deg,#fffdf7,#f5ead9);color:#4b3423;box-shadow:0 7px 12px rgba(102,64,33,.08),inset 0 1px white;font-weight:900;transition:transform .16s var(--ease),filter .16s,box-shadow .16s}.code-card:not(:disabled):hover{z-index:2;transform:translateY(-3px) rotate(-1deg);box-shadow:0 13px 20px rgba(102,64,33,.13)}.code-card span{position:relative;z-index:2;overflow-wrap:anywhere;font-size:clamp(10px,1.25vw,16px)}.code-card i{position:absolute;left:8px;bottom:3px;color:rgba(255,255,255,.58);font-size:17px;font-style:normal}.code-card.revealed{border-color:transparent;color:white;text-shadow:0 1px 3px rgba(0,0,0,.2);transform:rotateX(5deg)}.code-card.role-red{background:linear-gradient(145deg,#fb7185,#b91c1c)}.code-card.role-blue{background:linear-gradient(145deg,#60a5fa,#1d4ed8)}.code-card.role-neutral{background:linear-gradient(145deg,#d6c5ad,#8f7355)}.code-card.role-assassin{background:radial-gradient(circle at 50% 25%,#4b4650,#17131b 65%)}.code-card.key-red{box-shadow:inset 0 -6px #ef4444}.code-card.key-blue{box-shadow:inset 0 -6px #3b82f6}.code-card.key-neutral{box-shadow:inset 0 -6px #b8a58b}.code-card.key-assassin{box-shadow:inset 0 -6px #17131b}.show-key .code-card{filter:saturate(.8)}.code-score{display:grid;grid-template-columns:1fr 1fr;gap:8px}.code-score>div{padding:14px;display:grid;border-radius:17px;color:white}.code-score .red{background:linear-gradient(145deg,#f87171,#b91c1c)}.code-score .blue{background:linear-gradient(145deg,#60a5fa,#1d4ed8)}.code-score b{font-size:26px}.code-score small{opacity:.8;font-size:11px}.code-reset{display:flex;align-items:center;justify-content:center;gap:6px}.codenames-page.page-shell{--game-content-max:1320px}.codenames-page .game-mode-shell{position:relative}.codenames-page .game-mode-panel{min-width:0}.codenames-page .codenames-layout{grid-template-columns:minmax(0,1fr) 350px;gap:20px}.codenames-page .codenames-stage{min-width:0;padding:15px;border-color:#26394d;border-radius:24px;background:#081522;box-shadow:0 28px 64px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04);backdrop-filter:none}.code-guesses-left{margin-inline-start:6px;padding:1px 7px;border-radius:999px;background:rgba(232,175,54,.16);color:#f2c96b;font-size:11px;white-space:nowrap}.codenames-page .codenames-board{gap:9px}.codenames-page .code-card{min-height:92px;aspect-ratio:1.42;border:1px solid #d9c9ae;border-radius:12px;background:#f7f0df;color:#17191d;box-shadow:0 5px 0 #c3ae8d,0 11px 20px rgba(0,0,0,.24),inset 0 1px #fff;text-shadow:none}.codenames-page .code-card:not(:disabled):hover{box-shadow:0 7px 0 #c3ae8d,0 18px 28px rgba(0,0,0,.32),0 0 0 2px rgba(255,255,255,.12)}.codenames-page .code-card:focus-visible{outline-color:#66a7ff;outline-offset:3px}.codenames-page .code-card span{font-size:clamp(14px,1.25vw,19px);letter-spacing:-.02em}.codenames-page .code-card.revealed{border-color:rgba(255,255,255,.16);transform:none}.codenames-page .code-card:disabled{opacity:1}.codenames-page .code-card.role-red{background:#a9282e;box-shadow:0 5px 0 #6d151a,0 11px 20px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.14)}.codenames-page .code-card.role-blue{background:#104c8f;box-shadow:0 5px 0 #092e5a,0 11px 20px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.14)}.codenames-page .code-card.role-neutral{background:#625f5a;box-shadow:0 5px 0 #3e3b37,0 11px 20px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.12)}.codenames-page .code-card.role-assassin{background:#17191d;box-shadow:0 5px 0 #050607,0 11px 20px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.08)}.codenames-page .code-card i{left:8px;bottom:6px;display:grid;color:rgba(255,255,255,.42)}.codenames-page .code-card i svg{width:21px;height:21px}.codenames-page .code-card i img{width:48px;height:48px;object-fit:contain;opacity:.62}.codenames-page .code-card.key-red{box-shadow:inset 0 -7px #e1464e,0 5px 0 #c3ae8d,0 11px 20px rgba(0,0,0,.24)}.codenames-page .code-card.key-blue{box-shadow:inset 0 -7px #2b83e2,0 5px 0 #c3ae8d,0 11px 20px rgba(0,0,0,.24)}.codenames-page .code-card.key-neutral{box-shadow:inset 0 -7px #8a8174,0 5px 0 #c3ae8d,0 11px 20px rgba(0,0,0,.24)}.codenames-page .code-card.key-assassin{box-shadow:inset 0 -7px #17191d,0 5px 0 #c3ae8d,0 11px 20px rgba(0,0,0,.24)}.codenames-page .code-sidebar{align-self:stretch;padding-top:76px;grid-template-rows:minmax(0,1fr) auto;gap:0}.codenames-page .code-sidebar .turn-card{border-color:#26384b;background:#0a1724;color:#edf2f7;box-shadow:0 24px 50px rgba(0,0,0,.3);backdrop-filter:none;min-height:0;padding:20px;align-content:space-between;gap:13px;border-radius:22px 22px 0 0}.code-command-head{display:flex;align-items:center;gap:10px}.code-command-head>svg{width:38px;height:38px;padding:9px;border:1px solid #2c4055;border-radius:12px;color:#70a9f5;background:#101f2e}.code-command-head span{display:grid;line-height:1.35}.code-command-head small{color:#7f90a2;font-size:11px}.code-command-head b{font-size:15px}.codenames-page .code-sidebar .turn-status{min-height:48px;margin:0;border:1px solid #26384a;background:#0d1b29;color:#9caabb}.codenames-page .clue-form{gap:9px}.codenames-page .clue-form>label{color:#e5ebf2}.codenames-page .clue-form input,.codenames-page .clue-form select{border-color:#2b3e52;background:#0c1a28;color:#fff}.codenames-page .clue-form input::placeholder{color:#687789}.codenames-page .clue-form input:focus,.codenames-page .clue-form select:focus{border-color:#4c91ec;box-shadow:0 0 0 3px rgba(50,126,225,.16)}.code-secondary-actions{padding-top:4px;display:grid;grid-template-columns:1fr 1fr;gap:7px;border-top:1px solid #2a3a4a}.code-secondary-actions .text-button{min-width:0;padding:8px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #26384a;border-radius:12px;color:#9eacbb}.code-secondary-actions .text-button.active,.code-secondary-actions .text-button:hover{background:#112438;color:#fff}.code-secondary-actions svg{width:17px}@media (max-width:1050px){.codenames-page .codenames-layout{grid-template-columns:1fr}.codenames-page .code-sidebar{padding-top:0;grid-template-columns:1fr 1fr}.codenames-page .code-sidebar .turn-card{align-content:start}}@media (max-width:700px){.codenames-page .codenames-stage{padding:8px;border-radius:18px}.codenames-page .codenames-board{gap:5px}.codenames-page .code-card{min-height:54px;aspect-ratio:auto;border-radius:8px;box-shadow:0 3px 0 #c3ae8d,0 7px 13px rgba(0,0,0,.24)}.codenames-page .code-card span{font-size:12px}.codenames-page .code-card i{display:none}.codenames-page .code-sidebar{grid-template-columns:1fr}.codenames-stage{padding:8px;border-radius:24px}.codenames-board{gap:4px}.code-card{min-height:53px;aspect-ratio:auto;border-radius:9px}.code-card span{font-size:11px}}.pantomime-page{padding-bottom:70px}.pantomime-shell{position:relative}.pantomime-setup{padding:clamp(20px,4vw,38px);border-color:rgba(124,58,237,.16);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(250,247,255,.94))}.pantomime-setup-head{display:flex;align-items:center;gap:15px}.pantomime-setup-head>span{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 13px 28px rgba(109,40,217,.26)}.pantomime-setup-head>span svg{width:25px}.pantomime-setup-head>div{display:grid;line-height:1.35}.pantomime-setup-head small{color:#7c3aed;font-size:12px;font-weight:900}.pantomime-setup-head h2{margin:3px 0 0;font-size:clamp(24px,3vw,34px)}.pantomime-setup-head p{margin:7px 0 0;color:var(--muted-ink);font-size:12px}.pantomime-team-fields{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.pantomime-team-field{padding:14px;display:grid;gap:8px;border:1px solid var(--border);border-radius:19px;background:var(--surface)}.pantomime-team-field>span{display:flex;align-items:center;gap:6px;color:var(--muted-ink);font-size:12px;font-weight:800}.pantomime-team-field>span svg{width:16px;color:#e11d48}.pantomime-team-field.team-1>span svg{color:#2563eb}.pantomime-team-field>div{display:flex;align-items:center;gap:8px}.pantomime-team-field input{min-width:0;width:100%;height:45px;padding:8px 11px;border:1px solid transparent;border-radius:12px;background:var(--surface-muted);color:var(--ink);font-weight:900}.pantomime-team-field input:focus{border-color:#8b5cf6;outline:0;box-shadow:0 0 0 3px rgba(139,92,246,.12)}.pantomime-team-field>div svg{width:17px;color:var(--muted-ink)}.pantomime-option-row{margin-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.pantomime-option-row.pantomime-option-row-single{grid-template-columns:1fr}.pantomime-option-row>section{padding:14px;display:grid;gap:9px;border:1px solid var(--border);border-radius:19px;background:var(--surface)}.pantomime-option-title{display:flex;align-items:center;gap:6px;color:var(--muted-ink);font-size:12px;font-weight:800}.pantomime-option-title svg{width:16px;color:#7c3aed}.pantomime-segmented{padding:4px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border-radius:13px;background:var(--surface-muted)}.pantomime-segmented button{min-height:38px;padding:5px;border:0;border-radius:10px;background:transparent;color:var(--muted-ink);font-size:12px;font-weight:850;transition:background .18s var(--ease),color .18s var(--ease),box-shadow .18s var(--ease)}.pantomime-segmented button:hover{color:var(--ink)}.pantomime-segmented button.active{background:var(--surface);color:#6d28d9;box-shadow:0 5px 13px rgba(52,31,85,.1)}.pantomime-categories{margin-top:18px}.pantomime-category-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.pantomime-category-head>span{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:900}.pantomime-category-head svg{width:17px;color:#7c3aed}.pantomime-category-head small{color:var(--muted-ink);font-size:11px}.pantomime-categories>div:last-child{margin-top:10px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.pantomime-categories button{position:relative;min-height:84px;padding:10px 7px;display:grid;place-items:center;align-content:center;gap:4px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--muted-ink);transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease)}.pantomime-categories button:hover{transform:translateY(-2px);border-color:#c4b5fd;color:#5b21b6}.pantomime-categories button.selected{border-color:#a78bfa;background:#f5f3ff;color:#5b21b6;box-shadow:inset 0 0 0 1px rgba(139,92,246,.12)}.pantomime-categories button>span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:var(--surface-muted)}.pantomime-categories button.selected>span{background:#ede9fe}.pantomime-categories button>span svg{width:17px}.pantomime-categories button b{font-size:12px}.pantomime-categories button>i{position:absolute;top:7px;left:7px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#7c3aed;color:white}.pantomime-categories button>i:empty{display:none}.pantomime-categories button>i svg{width:11px}.pantomime-points-legend{margin-top:14px;padding:10px 12px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-radius:15px;background:var(--surface-muted)}.pantomime-points-legend span{display:flex;align-items:center;gap:4px;color:var(--muted-ink);font-size:11px;font-weight:800}.pantomime-points-legend i{width:23px;height:23px;display:grid;place-items:center;border-radius:8px;color:#fff;font-style:normal}.pantomime-points-legend small{margin-right:auto;color:var(--muted-ink);font-size:11px}.pantomime-start{width:100%;min-height:55px;margin-top:17px;border:0;border-radius:17px;background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 15px 30px rgba(109,40,217,.24);font-size:14px}.pantomime-game-layout{display:grid;grid-template-columns:minmax(0,1fr);max-width:820px;margin-inline:auto;align-items:start;gap:16px}.pantomime-word-card{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.pantomime-word-card.hidden-word{cursor:pointer}.pantomime-word-veil{display:flex;align-items:center;justify-content:center;gap:8px;font-size:clamp(17px,4.5vw,24px)!important;opacity:.8}.pantomime-word-veil svg{width:22px;flex:0 0 22px}.pantomime-main-stage{min-width:0;min-height:640px;display:grid;grid-template-rows:auto 1fr;gap:13px}.pantomime-scoreboard{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:stretch}.pantomime-scoreboard>div{min-width:0;min-height:82px;padding:11px 14px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:20px;background:var(--surface);opacity:.72;transition:opacity .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.pantomime-scoreboard>div.team-0{grid-column:1}.pantomime-scoreboard>div.team-1{grid-column:3}.pantomime-scoreboard>div.active{opacity:1;border-color:#c4b5fd;box-shadow:0 12px 30px rgba(77,38,120,.1)}.pantomime-scoreboard>div>span{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:13px;background:#ffe4e6;color:#be123c}.pantomime-scoreboard>div.team-1>span{background:#dbeafe;color:#1d4ed8}.pantomime-scoreboard svg{width:19px}.pantomime-scoreboard p{min-width:0;margin:0;display:grid;line-height:1.4}.pantomime-scoreboard p small{color:var(--muted-ink);font-size:11px}.pantomime-scoreboard p b{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.pantomime-scoreboard strong{margin-right:auto;font-size:25px;font-variant-numeric:tabular-nums}.pantomime-scoreboard>i{grid-column:2;grid-row:1;align-self:center;padding:5px 7px;border-radius:999px;background:var(--surface-muted);color:var(--muted-ink);font-size:11px;font-style:normal;font-weight:900;white-space:nowrap}.pantomime-finish,.pantomime-handoff,.pantomime-summary{min-height:540px;padding:clamp(25px,5vw,58px);display:grid;place-content:center;justify-items:center;text-align:center;border-color:rgba(124,58,237,.16);background:radial-gradient(circle at 50% 37%,rgba(196,181,253,.22),transparent 15rem),var(--surface)}.pantomime-finish>small,.pantomime-handoff>small,.pantomime-summary>small{margin-top:18px;color:#7c3aed;font-size:11px;font-weight:900}.pantomime-finish h2,.pantomime-handoff h2,.pantomime-summary h2{margin:5px 0 0;font-size:clamp(26px,4vw,42px);line-height:1.4}.pantomime-handoff p{max-width:560px;margin:12px 0 24px;color:var(--muted-ink);font-size:13px;line-height:1.9}.pantomime-handoff .button,.pantomime-summary .button{min-height:52px;border:0;background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 14px 30px rgba(109,40,217,.23)}.pantomime-live-card{min-height:540px;padding:clamp(16px,3vw,28px);display:grid;grid-template-rows:1fr auto;gap:13px;border-color:rgba(124,58,237,.16);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(249,247,255,.96))}.pantomime-word-card{position:relative;min-height:300px;padding:48px 24px 65px;display:grid;place-items:center;align-content:center;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.15),transparent 12rem),linear-gradient(145deg,#55219b,#7c3aed 58%,#9f67f7);color:#fff;box-shadow:0 22px 48px rgba(67,27,119,.23)}.pantomime-word-card:after,.pantomime-word-card:before{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.13);border-radius:50%}.pantomime-word-card:before{top:-100px;right:-40px}.pantomime-word-card:after{bottom:-125px;left:-20px}.pantomime-word-category{position:absolute;top:17px;right:17px;padding:6px 9px;display:flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.1);font-size:11px;font-weight:900}.pantomime-word-category svg{width:14px}.pantomime-word-card>strong{position:relative;z-index:2;max-width:75%;font-size:clamp(32px,6vw,58px);line-height:1.45;text-align:center;text-wrap:balance}.pantomime-word-points{position:absolute;top:16px;left:16px;min-width:79px;padding:6px 9px;display:flex;align-items:center;gap:7px;border-radius:16px;background:rgba(255,255,255,.95);color:#431a78;box-shadow:0 8px 20px rgba(35,9,71,.18)}.pantomime-word-points>b{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#16a34a;color:#fff;font-size:18px}.pantomime-word-points.points-4>b{background:#d97706}.pantomime-word-points.points-6>b{background:#e11d48}.pantomime-word-points small{font-size:10px;font-weight:900;line-height:1.45}.pantomime-board{padding:clamp(16px,3vw,28px);min-height:540px;border-color:rgba(124,58,237,.16);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(249,247,255,.96))}.pantomime-board-head{text-align:center}.pantomime-board-head small{color:#7c3aed;font-size:12px;font-weight:900}.pantomime-board-head h2{margin:5px 0 0;font-size:clamp(19px,3vw,26px)}.pantomime-board-grid{margin-top:18px;display:grid;gap:8px}.pantomime-board-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.pantomime-board-row-label{display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;font-size:11px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.pantomime-board-row-label svg{width:16px;flex:0 0 16px;color:#7c3aed}.pantomime-board-row-cells{display:grid;grid-template-columns:repeat(3,56px);gap:6px}.pantomime-board-cell{min-height:48px;display:grid;place-content:center;gap:1px;border:0;border-radius:12px;color:#fff;font-weight:900;transition:transform .16s var(--ease),filter .16s var(--ease),opacity .16s var(--ease)}.pantomime-board-cell:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.pantomime-board-cell b{font-size:16px}.pantomime-board-cell small{font-size:10px;font-weight:800;opacity:.85}.pantomime-board-cell.points-2{background:#16a34a}.pantomime-board-cell.points-4{background:#d97706}.pantomime-board-cell.points-6{background:#e11d48}.pantomime-board-cell.used,.pantomime-board-cell:disabled{background:var(--surface-muted);color:var(--muted-ink);opacity:.55;cursor:not-allowed}.pantomime-board-cell.empty{background:transparent}.pantomime-board-empty{min-height:300px;display:grid;place-items:center;justify-items:center;gap:14px;text-align:center;color:var(--muted-ink);font-size:12px}.pantomime-actions{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:9px}.pantomime-actions.pantomime-actions-2{grid-template-columns:1fr 1fr}.pantomime-actions button{min-height:61px;padding:7px 10px;border:0;border-radius:17px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:900;transition:transform .18s var(--ease),filter .18s var(--ease),opacity .18s var(--ease)}.pantomime-actions button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(.98)}.pantomime-actions button:disabled{cursor:not-allowed;opacity:.5}.pantomime-actions button>span{display:grid;gap:2px;text-align:right}.pantomime-actions button small{font-size:10px;font-weight:750;opacity:.78}.pantomime-correct{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 12px 25px rgba(21,128,61,.2)}.pantomime-error{background:#fff1f2;color:#be123c}.pantomime-actions svg{width:21px;flex:0 0 21px}.pantomime-summary>div{margin:24px 0;display:flex;gap:9px}.pantomime-summary>div span{min-width:105px;padding:13px;display:grid;border-radius:17px;background:var(--surface-muted)}.pantomime-summary>div b{font-size:24px}.pantomime-summary>div small{color:var(--muted-ink);font-size:11px}.pantomime-finish{background:radial-gradient(circle at 50% 38%,rgba(250,204,21,.2),transparent 15rem),var(--surface)}.pantomime-finish>span{background:linear-gradient(145deg,#f59e0b,#d97706);box-shadow:0 18px 38px rgba(217,119,6,.25)}.pantomime-finish>small{color:#b45309}.pantomime-finish p{margin:8px 0 22px;color:var(--muted-ink)}.pantomime-finish>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}@media (max-width:980px){.pantomime-categories>div:last-child{grid-template-columns:repeat(4,1fr)}.pantomime-game-layout{grid-template-columns:1fr}}@media (max-width:700px){.pantomime-setup{padding:17px 13px;border-radius:24px}.pantomime-setup-head{align-items:flex-start}.pantomime-setup-head>span{width:48px;height:48px;flex-basis:48px;border-radius:16px}.pantomime-setup-head p{font-size:12px}.pantomime-option-row,.pantomime-team-fields{grid-template-columns:1fr}.pantomime-segmented button{min-height:41px;font-size:11px}.pantomime-category-head{align-items:start;flex-direction:column;gap:2px}.pantomime-categories>div:last-child{grid-template-columns:repeat(2,1fr)}.pantomime-categories button{min-height:75px}.pantomime-points-legend small{width:100%;margin:0}.pantomime-main-stage{min-height:0}.pantomime-scoreboard{gap:5px}.pantomime-scoreboard>div{min-height:69px;padding:8px;gap:6px;border-radius:16px}.pantomime-scoreboard>div>span{width:31px;height:31px;flex-basis:31px;border-radius:10px}.pantomime-scoreboard p small{display:none}.pantomime-scoreboard p b{max-width:80px;font-size:12px}.pantomime-scoreboard strong{font-size:20px}.pantomime-scoreboard>i{padding:3px 5px;font-size:10px}.pantomime-finish,.pantomime-handoff,.pantomime-summary{min-height:460px;padding:25px 18px;border-radius:24px}.pantomime-finish h2,.pantomime-handoff h2,.pantomime-summary h2{font-size:27px}.pantomime-handoff p{font-size:11px}.pantomime-handoff .button{width:100%}.pantomime-board,.pantomime-live-card{min-height:0;padding:12px;border-radius:24px}.pantomime-word-card{min-height:275px;padding:65px 12px 54px;border-radius:22px}.pantomime-word-card>strong{max-width:92%;font-size:35px}.pantomime-word-category{top:12px;right:12px}.pantomime-word-points{top:10px;left:10px;min-width:67px;padding:5px 6px}.pantomime-word-points>b{width:29px;height:29px;font-size:15px}.pantomime-actions{grid-template-columns:1fr 1fr}.pantomime-actions button{min-height:56px;font-size:11px}.pantomime-actions button>span{text-align:center}.pantomime-board-row{grid-template-columns:1fr;gap:6px}.pantomime-board-row-cells{grid-template-columns:repeat(3,1fr)}.pantomime-summary>div{width:100%;flex-wrap:wrap;gap:5px}.pantomime-summary>div span{min-width:0;flex:1 1 calc(50% - 5px);padding:9px 4px}.pantomime-summary>div b{font-size:20px}}.codenames-page.page-shell{width:min(1280px,calc(100% - 32px));padding:18px 0 54px}.codenames-page .codenames-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.codenames-page .codenames-stage{padding:clamp(10px,1.3vw,18px);overflow:hidden;border:1px solid #263b52;background:#06111d;box-shadow:0 30px 80px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.05)}.codenames-page .codenames-board{gap:clamp(6px,.9vw,12px)}.codenames-page .code-card{min-height:0;aspect-ratio:2.25;border:2px solid #ddcfb5;border-radius:13px;background:#f5eddd;color:#0e1115;box-shadow:0 5px 0 #a9926e,0 12px 24px rgba(0,0,0,.34),inset 0 1px #fff}.codenames-page .code-card span{font-size:clamp(14px,1.55vw,22px)}.codenames-page .code-card:not(:disabled):hover{transform:translateY(-4px);border-color:#fff7e8;box-shadow:0 7px 0 #a9926e,0 19px 32px rgba(0,0,0,.42),0 0 0 2px rgba(230,193,122,.24)}.codenames-page .code-card.role-red{background:#ae161f}.codenames-page .code-card.role-blue{background:#073f84}.codenames-page .code-card.role-neutral{background:#4d4c4a}.codenames-page .code-card.role-assassin{background:#090b0e}.codenames-page .code-sidebar{display:block;padding:0}.codenames-page .code-sidebar .turn-card{min-height:126px;padding:15px;display:grid;grid-template-columns:minmax(170px,.6fr) minmax(360px,1.75fr) minmax(150px,.6fr);grid-template-areas:"head form end" "status form actions";align-items:center;gap:8px 14px;border:1px solid #2b4055;background:#07131f;color:#edf4fb;box-shadow:0 26px 60px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.04)}.codenames-page .code-command-head{grid-area:head}.codenames-page .code-sidebar .turn-status{grid-area:status;min-height:36px;padding:8px 10px;border:1px solid #25384b;border-radius:11px;background:#0a1927;color:#8e9dad;font-size:11px}.codenames-page .clue-form{grid-area:form;display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:end;gap:8px}.codenames-page .clue-form>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.codenames-page .clue-form>div{grid-template-columns:minmax(0,1fr) 72px}.codenames-page .clue-form .button,.codenames-page .clue-form input,.codenames-page .clue-form select{min-height:54px}.codenames-page .code-sidebar>.turn-card>.button-secondary{grid-area:end;min-height:54px;border-color:#4d3a22;background:#101820;color:#f4c26a}.codenames-page .code-secondary-actions{grid-area:actions;padding:0;border:0}.codenames-page .code-secondary-actions .text-button{min-height:38px;border-color:#304458;color:#d8a94e}.pantomime-page.page-shell{width:min(1420px,calc(100% - 32px));padding:18px 0 64px}@media (min-width:981px){.pantomime-page.game-rail-page{display:block}.pantomime-page.game-rail-page>*{grid-column:auto;grid-row:auto}}.pantomime-page .pantomime-shell{color:#f8f7ff}.pantomime-page .pantomime-setup{max-width:1080px;margin-inline:auto;border:1px solid #32304f;border-radius:30px;background:#0b0d19;box-shadow:0 32px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.05)}.pantomime-page .handoff-icon,.pantomime-page .pantomime-finish>span,.pantomime-page .pantomime-setup-head>span,.pantomime-page .summary-icon{background:#5a35d6;box-shadow:0 0 34px rgba(121,81,255,.38)}.pantomime-page .pantomime-category-head svg,.pantomime-page .pantomime-option-title svg,.pantomime-page .pantomime-setup-head small{color:#9c83ff}.pantomime-page .pantomime-category-head small,.pantomime-page .pantomime-option-title,.pantomime-page .pantomime-points-legend small,.pantomime-page .pantomime-points-legend span,.pantomime-page .pantomime-setup-head p,.pantomime-page .pantomime-team-field>span{color:#929bb0}.pantomime-page .pantomime-categories button,.pantomime-page .pantomime-option-row>section,.pantomime-page .pantomime-team-field{border-color:#272d42;background:#111522;color:#a7b0c3}.pantomime-page .pantomime-points-legend,.pantomime-page .pantomime-segmented,.pantomime-page .pantomime-team-field input{background:#080d17;color:#f6f7fb}.pantomime-page .pantomime-segmented button{color:#8f99ab}.pantomime-page .pantomime-segmented button.active{background:#5533c5;box-shadow:0 0 20px rgba(104,73,227,.3)}.pantomime-page .pantomime-categories button.selected{border-color:#7258da;background:#1a1730;color:#d1c7ff;box-shadow:inset 0 0 0 1px rgba(151,123,255,.12),0 10px 26px rgba(0,0,0,.18)}.pantomime-page .pantomime-categories button.selected>span,.pantomime-page .pantomime-categories button>span{background:#202039}.pantomime-page .pantomime-start{background:#6841e6;box-shadow:inset 0 0 0 1px #9f87ff,0 0 28px rgba(109,70,232,.32)}.pantomime-page .pantomime-game-layout{grid-template-columns:minmax(0,1fr);gap:16px}.pantomime-page .pantomime-main-stage{min-height:680px}.pantomime-page .pantomime-main-stage>[tabindex="-1"]{scroll-margin-top:76px}.pantomime-page .pantomime-main-stage>[tabindex="-1"]:focus{outline:none}.pantomime-page .pantomime-scoreboard{gap:0;padding:0 18px}.pantomime-page .pantomime-scoreboard>div{min-height:94px;padding:13px 20px;border-color:#2e3750;border-radius:0;background:#08111e;opacity:.82}.pantomime-page .pantomime-scoreboard>div.team-0{border-radius:0 24px 24px 0;color:#ff575f;background:#1f0f18}.pantomime-page .pantomime-scoreboard>div.team-1{border-radius:24px 0 0 24px;color:#51a0ff;background:#07182b}.pantomime-page .pantomime-scoreboard>div.active{border-color:currentColor;box-shadow:0 0 28px color-mix(in srgb,currentColor 24%,transparent),inset 0 1px rgba(255,255,255,.05)}.pantomime-page .pantomime-scoreboard>div>span{background:#101828;color:currentColor;box-shadow:0 0 20px color-mix(in srgb,currentColor 22%,transparent)}.pantomime-page .pantomime-scoreboard p small{color:#8f99aa}.pantomime-page .pantomime-scoreboard p b{color:currentColor}.pantomime-page .pantomime-scoreboard strong{font-size:34px}.pantomime-page .pantomime-scoreboard>i{z-index:2;min-width:82px;padding:8px 13px;background:#0b1020;color:#e5e8f1;border:1px solid #333a52;text-align:center}.pantomime-page .pantomime-board,.pantomime-page .pantomime-finish,.pantomime-page .pantomime-handoff,.pantomime-page .pantomime-live-card,.pantomime-page .pantomime-summary{min-height:570px;overflow:hidden;border:1px solid #39335c;border-radius:30px;background-color:#090b18;background-image:radial-gradient(circle at 50% 12%,rgba(112,72,255,.2),transparent 18rem),radial-gradient(circle at 14% 52%,rgba(32,91,218,.14),transparent 16rem),radial-gradient(circle at 88% 52%,rgba(115,45,205,.14),transparent 16rem);box-shadow:0 30px 80px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05)}.pantomime-page .pantomime-board-head small,.pantomime-page .pantomime-finish>small,.pantomime-page .pantomime-handoff>small,.pantomime-page .pantomime-summary>small{color:#9f86ff}.pantomime-page .pantomime-handoff p{color:#9ca6b8}.pantomime-page .pantomime-word-ready .button{min-width:min(100%,310px)}.pantomime-page .pantomime-handoff .button,.pantomime-page .pantomime-summary .button{background:#603ce0;box-shadow:inset 0 0 0 1px #9378ff,0 0 28px rgba(101,63,225,.28)}.pantomime-page .pantomime-board{padding:clamp(18px,2.5vw,30px)}.pantomime-page .pantomime-board-head h2{color:#fff}.pantomime-page .pantomime-board-grid{max-height:540px;padding-left:6px;overflow:auto;scrollbar-color:#5942b4 #101421;scrollbar-width:thin}.pantomime-page .pantomime-board-row{padding:9px 12px;border-color:#262c41;background:#0f1320}.pantomime-page .pantomime-board-row-label{color:#d8dce8;font-size:12px}.pantomime-page .pantomime-board-row-label svg{color:#9a81ff}.pantomime-page .pantomime-board-cell{min-height:51px;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px rgba(255,255,255,.16),0 8px 18px rgba(0,0,0,.24)}.pantomime-page .pantomime-board-cell.points-2{background:#137a43}.pantomime-page .pantomime-board-cell.points-4{background:#a45c12}.pantomime-page .pantomime-board-cell.points-6{background:#a52846}.pantomime-page .pantomime-board-cell.used,.pantomime-page .pantomime-board-cell:disabled{border-color:#252a38;background:#151925;color:#6e7686}.pantomime-page .pantomime-live-card{padding:clamp(18px,3vw,32px);grid-template-rows:auto minmax(0,1fr) auto}.pantomime-page .pantomime-turn-timer{padding:13px 16px;border:1px solid #3b4160;border-radius:18px;background:#0c1322;box-shadow:inset 0 1px rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.22)}.pantomime-page .pantomime-turn-timer>div{display:flex;align-items:center;gap:8px;color:#aeb8ca;font-size:11px;font-weight:800}.pantomime-page .pantomime-turn-timer>div svg{width:18px;height:18px;color:#a98eff}.pantomime-page .pantomime-turn-timer>div svg:last-child{width:16px;height:16px;margin-right:3px;color:#66d19e}.pantomime-page .pantomime-turn-timer b{margin-right:auto;color:#fff;font-size:15px;font-variant-numeric:tabular-nums}.pantomime-page .pantomime-turn-timer>i{height:8px;margin-top:10px;display:block;overflow:hidden;border-radius:999px;background:#20283a}.pantomime-page .pantomime-turn-timer>i>span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#7554ee,#4d8cff);box-shadow:0 0 12px rgba(105,82,235,.55);transition:width .2s linear,background .18s ease}.pantomime-page .pantomime-turn-timer.urgent b,.pantomime-page .pantomime-turn-timer.urgent>div,.pantomime-page .pantomime-turn-timer.urgent>div svg{color:#ff6670}.pantomime-page .pantomime-turn-timer.urgent>i>span{background:linear-gradient(90deg,#e11d48,#fb7185);animation:turn-timer-pulse .7s ease-in-out infinite alternate}.pantomime-page .pantomime-word-card{min-height:390px;border:2px solid #8d70ff;border-radius:42px;background:#11102b;color:#fff;box-shadow:inset 0 0 70px rgba(104,58,221,.2),0 0 0 5px rgba(70,47,159,.22),0 0 42px rgba(114,72,239,.38)}.pantomime-page .pantomime-word-card:after,.pantomime-page .pantomime-word-card:before{display:none}.pantomime-page .pantomime-word-card>strong{max-width:88%;font-size:clamp(42px,6vw,72px);text-shadow:0 8px 30px rgba(0,0,0,.5)}.pantomime-page .pantomime-word-category{border-color:#6f51bf;background:#221746;color:#d8cbff}.pantomime-page .pantomime-word-points{background:#0c1730;color:#cfe4ff;box-shadow:0 0 22px rgba(45,132,255,.26)}.pantomime-page .pantomime-actions{grid-template-columns:1.2fr repeat(3,1fr);gap:12px}.pantomime-page .pantomime-actions button{min-height:72px;border:1px solid;font-size:14px}.pantomime-page .pantomime-correct{background:#176c35;color:#74ef9a;box-shadow:inset 0 0 0 1px rgba(135,255,168,.15),0 0 25px rgba(39,189,84,.2)}.pantomime-page .pantomime-penalty{background:#2b1d0c;color:#ffc45d;box-shadow:inset 0 0 0 1px rgba(255,196,93,.14),0 0 22px rgba(217,132,23,.16)}.pantomime-page .pantomime-undo-penalty{background:#10283a;color:#70c8ff;box-shadow:inset 0 0 0 1px rgba(112,200,255,.14),0 0 22px rgba(48,151,220,.16)}.pantomime-page .pantomime-undo-penalty:disabled{background:#17212b;color:#718091}.pantomime-page .pantomime-error{background:#25101a;color:#ff656b;box-shadow:inset 0 0 0 1px rgba(255,100,107,.12),0 0 22px rgba(239,62,70,.15)}.pantomime-page .pantomime-summary>div span{background:#121728}.pantomime-page .pantomime-summary>div small{color:#98a3b6}@media (max-width:1050px){.codenames-page .code-sidebar .turn-card{grid-template-columns:minmax(150px,.6fr) minmax(330px,1.5fr) minmax(140px,.55fr)}.pantomime-page .pantomime-game-layout{grid-template-columns:1fr}}@media (max-width:760px){.codenames-page.page-shell,.pantomime-page.page-shell{width:min(100% - 14px,1480px);padding-top:10px;padding-bottom:128px}.codenames-page .codenames-stage{padding:7px;border-radius:17px}.codenames-page .codenames-board{gap:4px}.codenames-page .code-card{min-height:53px;aspect-ratio:auto;border-width:1px;border-radius:8px}.codenames-page .code-card span{font-size:12px}.codenames-page .code-card i{display:none}.codenames-page .code-sidebar .turn-card{min-height:0;padding:12px;grid-template-columns:1fr;grid-template-areas:"head" "status" "form" "end" "actions";border-radius:18px}.codenames-page .clue-form{grid-template-columns:minmax(0,1fr) 126px}.codenames-page .clue-form .button,.codenames-page .clue-form input,.codenames-page .clue-form select,.codenames-page .code-sidebar>.turn-card>.button-secondary{min-height:48px}.pantomime-page .pantomime-setup{padding:16px 12px;border-radius:22px}.pantomime-page .pantomime-categories>div:last-child{grid-template-columns:repeat(2,1fr)}.pantomime-page .pantomime-game-layout{gap:10px}.pantomime-page .pantomime-main-stage{min-height:0}.pantomime-page .pantomime-scoreboard{padding:0}.pantomime-page .pantomime-scoreboard>div{min-height:72px;padding:7px}.pantomime-page .pantomime-scoreboard>div.team-0{border-radius:0 16px 16px 0}.pantomime-page .pantomime-scoreboard>div.team-1{border-radius:16px 0 0 16px}.pantomime-page .pantomime-scoreboard>i{min-width:52px;padding:5px}.pantomime-page .pantomime-scoreboard strong{font-size:22px}.pantomime-page .pantomime-board,.pantomime-page .pantomime-finish,.pantomime-page .pantomime-handoff,.pantomime-page .pantomime-live-card,.pantomime-page .pantomime-summary{min-height:0;border-radius:22px}.pantomime-page .pantomime-finish,.pantomime-page .pantomime-handoff,.pantomime-page .pantomime-summary{min-height:440px}.pantomime-page .pantomime-board{padding:12px}.pantomime-page .pantomime-board-row{grid-template-columns:1fr}.pantomime-page .pantomime-board-row-cells{grid-template-columns:repeat(3,1fr)}.pantomime-page .pantomime-live-card{padding:12px}.pantomime-page .pantomime-turn-timer{padding:11px 12px;border-radius:15px}.pantomime-page .pantomime-turn-timer>div{font-size:12px}.pantomime-page .pantomime-turn-timer b{font-size:13px}.pantomime-page .pantomime-word-card{min-height:290px;padding:68px 12px 54px;border-radius:24px}.pantomime-page .pantomime-word-card>strong{max-width:96%;font-size:clamp(34px,11vw,48px)}.pantomime-page .pantomime-actions button{min-height:62px;font-size:11px}}@media (max-width:440px){.codenames-page .clue-form{grid-template-columns:1fr}.codenames-page .code-secondary-actions{grid-template-columns:1fr 1fr}.pantomime-page .pantomime-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.codenames-page .code-card,.pantomime-page button{transition:none!important}}@media (max-width:700px){.codenames-page .code-sidebar{position:static;max-height:none;overflow:visible}.codenames-page .code-sidebar>:first-child{position:static}.codenames-page .code-command-head{display:none}.codenames-page .code-card:not(.picture-card){padding-inline:3px}.codenames-page .code-card span{font-size:min(12px,3.3vw);white-space:nowrap;overflow-wrap:normal}}.code-key-handoff{position:absolute;z-index:5;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;padding:24px;border-radius:inherit;background:rgba(6,12,20,.94);text-align:center}.code-key-handoff>span{display:grid;width:60px;height:60px;place-items:center;border-radius:20px;background:#1d2a38;color:#e6c17a}.code-key-handoff h3{margin:0;color:#f5eddd;font-size:20px}.code-key-handoff p{max-width:320px;margin:0;color:#bdb5a8;font-size:13px;line-height:1.8}.code-key-handoff>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.codenames-stage{position:relative}.game-menu-panel .code-next-round{display:grid;gap:8px}.game-menu-panel .code-next-round .code-mode-picker{margin:0}.game-menu-panel .code-next-round .code-mode-picker legend{display:none}.game-menu-panel .code-next-round p{margin:0;color:var(--hud-muted);font-size:12px}.code-setup{width:min(100%,640px);margin:24px auto;padding:clamp(20px,4vw,40px);display:grid;gap:20px}.code-setup h2,.code-setup p{margin:0}.code-mode-picker p,.code-next-round>p,.code-setup>p{color:#b9b4dc;line-height:1.8;font-size:13px}.code-mode-picker{min-width:0;margin:12px 0;padding:0;border:0}.code-mode-picker legend{margin-bottom:12px;color:#ffd98a;font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:17px;font-weight:400}.code-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.code-mode-option{position:relative;display:flex;align-items:center;gap:10px;padding:12px;min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.06);cursor:pointer;color:#fff8f0;transition:border-color .16s,background .16s,transform .2s cubic-bezier(.34,1.56,.64,1)}.code-mode-option:hover:not(:has(input:disabled)){transform:translateY(-2px)}.code-mode-option.selected{border-color:rgba(255,116,136,.55);box-shadow:inset 0 0 0 1px rgba(255,116,136,.55);background:rgba(255,79,100,.15)}.code-mode-option input{accent-color:#ef2349;width:16px;height:16px;flex:0 0 auto}.code-mode-option:has(input:focus-visible){outline:3px solid #ffd45c;outline-offset:3px}.code-mode-option:has(input:disabled){cursor:default}.code-mode-option b,.code-mode-option small{display:block}.code-mode-option b{font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:18px;font-weight:400}.code-mode-option small{margin-top:3px;color:#b9b4dc;font-size:11px}.code-mode-preview{width:54px;height:54px;flex:0 0 auto;overflow:hidden;border-radius:12px;box-shadow:0 3px 0 rgba(0,0,0,.35)}.code-mode-preview.words{display:grid;place-items:center;background:linear-gradient(180deg,#fffaf0,#f1e2c4);color:#241a3a;font-weight:900;box-shadow:inset 0 -3px 0 #d8c29a,0 3px 0 rgba(0,0,0,.35)}.code-mode-preview img{width:100%;height:100%;object-fit:cover}.code-current-mode{color:#ffd98a;font-size:12px}.codenames-page .code-card.picture-card{position:relative;padding:4px;aspect-ratio:1;min-height:0;height:auto;overflow:hidden;background:#182431;border:3px solid #c4ad84}.codenames-page .picture-card .code-card-picture{display:block;width:100%;height:100%;object-fit:contain;border-radius:7px}.codenames-page .picture-card.key-red,.codenames-page .picture-card.role-red{border-color:#ff6470;background:#ae161f}.codenames-page .picture-card.key-blue,.codenames-page .picture-card.role-blue{border-color:#62b4ff;background:#073f84}.codenames-page .picture-card.key-neutral,.codenames-page .picture-card.role-neutral{border-color:#b9b3a7;background:#4d4c4a}.codenames-page .picture-card.key-assassin,.codenames-page .picture-card.role-assassin{background:#090b0e}.codenames-page .picture-card.revealed .code-card-picture{opacity:.35}.codenames-page .picture-card i{display:grid;place-items:center;position:absolute;left:4px;bottom:4px;width:clamp(22px,4vw,44px);height:clamp(22px,4vw,44px);border-radius:50%;background:inherit;color:white;opacity:1;transform:none}.codenames-page .picture-card i img,.codenames-page .picture-card i svg{width:85%;height:85%;object-fit:contain}.codenames-page .code-image-fallback{font-size:12px;color:#f5eddd}@media (max-width:700px){.code-mode-option{padding:9px;gap:7px;flex-wrap:wrap}.code-mode-preview{width:42px;height:42px}body:has(.codenames-layout.pictures-mode){overflow-y:auto}.codenames-page .codenames-layout.pictures-mode{padding-bottom:100px}body:has(.codenames-layout.pictures-mode) .codenames-layout.pictures-mode .code-sidebar{position:static;max-height:none;height:auto;overflow:visible;width:100%;transform:none}.codenames-page .code-card.picture-card{padding:1px;border-width:2px;min-height:0;aspect-ratio:1}}@media (min-width:950px){.codenames-page .codenames-layout.pictures-mode{grid-template-columns:minmax(0,740px) minmax(300px,350px);justify-content:center;align-items:start;direction:ltr}.codenames-page .codenames-layout.pictures-mode>*{direction:rtl}.codenames-page .pictures-mode .code-sidebar{padding-top:0}.codenames-page .pictures-mode .code-sidebar .turn-card{display:flex;flex-direction:column;align-items:stretch;gap:12px}.codenames-page .pictures-mode .clue-form{grid-template-columns:1fr}.codenames-page .pictures-mode .code-mode-preview{width:38px;height:38px}.codenames-page .pictures-mode .code-mode-option{flex-wrap:wrap;gap:7px}}@media (min-width:701px) and (max-width:949px){.codenames-page .pictures-mode .codenames-stage{max-width:700px;margin-inline:auto}}.pantomime-shell .table-undo{margin:10px auto 0}.codenames-page .code-card .code-card-marks{position:absolute;z-index:3;top:3px;inset-inline-start:3px;max-width:calc(100% - 6px);display:flex;align-items:center;gap:3px;padding:1px 6px;border-radius:999px;background:#e6c17a;color:#10151c;font-size:11px;line-height:1.5;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.35)}.code-card-marks svg{width:12px;height:12px;flex:none}.code-card-marks b{min-width:0;overflow:hidden;text-overflow:ellipsis}.codenames-page .code-card.marked-mine{outline:3px solid #e6c17a;outline-offset:1px}.code-card-focus{width:min(92vw,440px);max-height:94dvh;margin:auto;padding:0;overflow:auto;border:1px solid #32495e;border-radius:22px;background:#081522;color:#edf4fb;box-shadow:0 30px 80px rgba(0,0,0,.55)}.code-card-focus::backdrop{background:rgba(3,9,16,.78)}.code-card-focus>div{display:grid;gap:12px;padding:14px}.codenames-page .code-card-focus .code-card{width:100%;min-height:0;aspect-ratio:2.25;pointer-events:none}.codenames-page .code-card-focus .code-card span{font-size:clamp(28px,9vw,44px);white-space:normal}.codenames-page .code-card-focus .picture-card{max-width:56dvh;justify-self:center;aspect-ratio:1;padding:6px;border-width:3px}.code-focus-marks{margin:0;display:flex;align-items:center;gap:6px;color:#e6c17a;font-size:13px;font-weight:800}.code-focus-marks svg{width:16px;height:16px;flex:none}.code-focus-actions{display:flex;gap:8px}.code-focus-actions .button{flex:1}.code-card-focus .button{min-height:48px;padding-inline:12px}.code-card-focus .button svg{width:18px;height:18px;flex:none}.code-focus-hint{color:#8e9dad;font-size:11px;line-height:1.7}@media (max-width:700px){.codenames-page .code-card .code-card-marks{top:2px;inset-inline-start:2px;max-width:calc(100% - 4px);padding:0 4px;font-size:9px}.code-card-marks svg{width:10px;height:10px}}:is(.codenames-page,.pantomime-page){--cp-case:linear-gradient(170deg,#2a2670,#14123e);--cp-line:rgba(255,214,140,.22);--cp-gold:#ffd98a;--cp-display:Lalezar,"Vazirmatn Variable",Vazirmatn,sans-serif;--cp-case-shadow:0 22px 48px -18px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08)}:is(.codenames-page,.pantomime-page) :is(.code-setup,.codenames-stage,.code-sidebar .turn-card,.pantomime-setup,.pantomime-handoff,.pantomime-board,.pantomime-live-card,.pantomime-summary,.pantomime-finish){border:1px solid var(--cp-line)!important;background:radial-gradient(circle at 88% 0,rgba(255,116,136,.14),transparent 38%),var(--cp-case)!important;box-shadow:var(--cp-case-shadow)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#fff8f0}.codenames-page .code-setup{justify-items:center;text-align:center;border-radius:28px}.code-key-handoff>span,.codenames-page .code-setup>svg{width:60px;height:60px;padding:14px;border-radius:20px;background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 4px 0 #a86a0c}.code-key-handoff h3,.codenames-page .code-setup h2{color:#fff8f0;font-family:var(--cp-display);font-size:28px;font-weight:400;line-height:1.3;text-shadow:0 3px 0 #c8184a,0 6px 14px rgba(0,0,0,.4)}.codenames-page .code-setup .code-mode-picker{width:100%;margin:0;text-align:start}.codenames-page .code-setup .button-wide{width:100%;min-height:54px;border-radius:18px}.codenames-page .codenames-stage{border-radius:26px}.codenames-page .code-guesses-left{background:rgba(255,214,140,.16);color:var(--cp-gold)}.codenames-page .code-card{border:1px solid #f3e4c6;background:linear-gradient(180deg,#fffaf0,#f1e2c4);color:#241a3a;box-shadow:inset 0 1px 0 #fff,0 4px 0 #b39460,0 10px 18px -6px rgba(0,0,0,.5)}.codenames-page .code-card:not(:disabled):hover{border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 6px 0 #b39460,0 16px 26px -8px rgba(0,0,0,.55),0 0 0 2px rgba(255,212,92,.35)}.codenames-page .code-card:not(:disabled):active{transform:translateY(3px);box-shadow:inset 0 1px 0 #fff,0 1px 0 #b39460}.codenames-page .code-card:focus-visible{outline:3px solid #ffd45c;outline-offset:2px}.codenames-page .code-card.revealed{border-color:rgba(255,255,255,.22);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.3)}.codenames-page .code-card.role-red{background:linear-gradient(180deg,#ff7488,#d81e44);box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 4px 0 #8c0f29,0 10px 18px -6px rgba(0,0,0,.5)}.codenames-page .code-card.role-blue{background:linear-gradient(180deg,#5cb8ff,#1f6ae0);box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 4px 0 #123f94,0 10px 18px -6px rgba(0,0,0,.5)}.codenames-page .code-card.role-neutral{background:linear-gradient(180deg,#a89c88,#736958);box-shadow:inset 0 2px 0 rgba(255,255,255,.25),0 4px 0 #463f35,0 10px 18px -6px rgba(0,0,0,.5)}.codenames-page .code-card.role-assassin{border-color:rgba(255,116,136,.6);background:radial-gradient(circle at 50% 30%,#3a3444,#0b0a10 70%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 4px 0 #000,0 10px 18px -6px rgba(0,0,0,.6)}.codenames-page .code-card.key-red{box-shadow:inset 0 -8px #ef2349,0 4px 0 #b39460,0 10px 18px -6px rgba(0,0,0,.5)}.codenames-page .code-card.key-blue{box-shadow:inset 0 -8px #2f86ff,0 4px 0 #b39460,0 10px 18px -6px rgba(0,0,0,.5)}.codenames-page .code-card.key-neutral{box-shadow:inset 0 -8px #9c917f,0 4px 0 #b39460,0 10px 18px -6px rgba(0,0,0,.5)}.codenames-page .code-card.key-assassin{box-shadow:inset 0 -8px #0b0a10,0 4px 0 #b39460,0 10px 18px -6px rgba(0,0,0,.5)}.codenames-page .code-card.picture-card{border:3px solid #e8d6b0;background:#1c1954}.codenames-page .picture-card.key-red,.codenames-page .picture-card.role-red{border-color:#ff7488;background:#d81e44}.codenames-page .picture-card.key-blue,.codenames-page .picture-card.role-blue{border-color:#80d4ff;background:#1f6ae0}.codenames-page .picture-card.key-neutral,.codenames-page .picture-card.role-neutral{border-color:#c9bda8;background:#736958}.codenames-page .picture-card.key-assassin,.codenames-page .picture-card.role-assassin{border-color:#fff;background:#0b0a10}.codenames-page .code-card .code-card-marks{background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;font-weight:800;box-shadow:0 2px 0 #a86a0c}.codenames-page .code-card.marked-mine{outline-color:#ffd45c}.codenames-page .code-sidebar .turn-card{border-radius:24px}.codenames-page .code-command-head>svg{border:0;border-radius:13px;background:linear-gradient(180deg,#80d4ff,#2f86ff);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 3px 0 #154fb2}.codenames-page .code-command-head small{color:var(--cp-gold);font-size:11px;font-weight:800}.codenames-page .code-command-head b{font-family:var(--cp-display);font-size:19px;font-weight:400}.codenames-page .code-sidebar .turn-status{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);color:#b9b4dc;font-size:13px}.codenames-page .clue-form input,.codenames-page .clue-form select{border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(0,0,0,.3);box-shadow:inset 0 2px 5px rgba(0,0,0,.35);color:#fff8f0;font-weight:800}.codenames-page .clue-form select option{background:#1c1954;color:#fff8f0}.codenames-page .clue-form input::placeholder{color:rgba(185,180,220,.55)}.codenames-page .clue-form input:focus,.codenames-page .clue-form select:focus{border-color:#ffd45c;outline:0;box-shadow:inset 0 2px 5px rgba(0,0,0,.35),0 0 0 3px rgba(255,212,92,.22)}.codenames-page .clue-form :is(input,select):disabled{opacity:.55}.codenames-page .code-sidebar .button{border-radius:16px}.codenames-page .code-sidebar>.turn-card>.button-secondary{color:#fff8f0}.codenames-page .code-secondary-actions{border-top:1px solid var(--cp-line);padding-top:10px}.codenames-page .code-secondary-actions .text-button{min-height:40px;border:0;border-radius:13px;background:rgba(255,255,255,.08);color:#fff8f0;font-size:13px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 3px 0 #0c0b26;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .16s}.codenames-page .code-secondary-actions .text-button:hover:not(:disabled){background:rgba(255,255,255,.12);color:#fff;transform:translateY(-1px)}.codenames-page .code-secondary-actions .text-button:active:not(:disabled){transform:translateY(3px);box-shadow:none}.codenames-page .code-secondary-actions .text-button.active{background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 3px 0 #a86a0c}.codenames-page .code-secondary-actions .text-button:disabled{opacity:.45}.codenames-page .turn-card .turn-countdown>div{color:#b9b4dc;font-size:12px}.codenames-page .turn-card .turn-countdown>div svg{color:#ffd45c}.codenames-page .turn-card .turn-countdown>i{background:rgba(0,0,0,.35);box-shadow:inset 0 1px 3px rgba(0,0,0,.4)}.codenames-page .turn-card .turn-countdown>i>span{background:linear-gradient(90deg,#ffe28a,#f5b93a)}.codenames-page .turn-card .turn-countdown.urgent>i>span{background:linear-gradient(90deg,#ef2349,#ff7488)}.codenames-page .online-team-list>span{min-height:42px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);color:#fff8f0;font-size:13px}.codenames-page .online-team-list>span>i{width:12px;height:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(0,0,0,.35)}.codenames-page .online-team-list>span.red>i{background:linear-gradient(180deg,#ff7488,#ef2349)}.codenames-page .online-team-list>span.blue>i{background:linear-gradient(180deg,#80d4ff,#2f86ff)}.codenames-page .online-team-list small{color:var(--cp-gold);font-size:11px;font-weight:800}.code-key-handoff{background:rgba(20,18,62,.96)}.code-key-handoff>span svg{width:30px;height:30px}.code-key-handoff h3{font-size:22px}.code-key-handoff p{color:#b9b4dc}.code-card-focus{border:1px solid rgba(255,214,140,.22);border-radius:26px;background:linear-gradient(170deg,#2a2670,#14123e);color:#fff8f0;box-shadow:0 30px 70px -18px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.08)}.code-card-focus::backdrop{background:rgba(7,6,26,.78)}.code-card-focus>div{padding:16px}.code-card-focus .button{border-radius:16px}.code-focus-marks{color:#ffd98a}.code-focus-hint{color:#b9b4dc}.pantomime-page .pantomime-setup,.pantomime-page :is(.pantomime-handoff,.pantomime-board,.pantomime-live-card,.pantomime-summary,.pantomime-finish){border-radius:28px}.pantomime-page :is(.pantomime-setup-head>span,.handoff-icon,.summary-icon,.pantomime-finish>span){background:linear-gradient(180deg,#ff7488,#ef2349);color:#fff;box-shadow:inset 0 3px 0 rgba(255,255,255,.42),0 4px 0 #a0122f,0 16px 28px -10px rgba(255,60,90,.5)}.pantomime-page .pantomime-finish>span{background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;box-shadow:inset 0 3px 0 rgba(255,255,255,.55),0 4px 0 #a86a0c,0 16px 28px -10px rgba(245,185,58,.5)}.pantomime-page .pantomime-summary .summary-icon:has(.lucide-check){background:linear-gradient(180deg,#6ff0b0,#1fae6e);color:#073d24;box-shadow:inset 0 3px 0 rgba(255,255,255,.45),0 4px 0 #0f6a40,0 16px 28px -10px rgba(31,174,110,.5)}.pantomime-page :is(.pantomime-setup-head small,.pantomime-handoff>small,.pantomime-summary>small,.pantomime-finish>small,.pantomime-board-head small){color:var(--cp-gold);font-size:12px;font-weight:800}.pantomime-page :is(.pantomime-setup-head h2,.pantomime-handoff h2,.pantomime-summary h2,.pantomime-finish h2,.pantomime-board-head h2){color:#fff8f0;font-family:var(--cp-display);font-weight:400;text-shadow:0 3px 0 #c8184a,0 6px 14px rgba(0,0,0,.4)}.pantomime-page :is(.pantomime-setup-head p,.pantomime-handoff p,.pantomime-finish p,.pantomime-board-empty){color:#b9b4dc;font-size:13px}.pantomime-page :is(.pantomime-team-field,.pantomime-option-row>section){border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.05)}.pantomime-page :is(.pantomime-team-field>span,.pantomime-option-title){color:var(--cp-gold);font-size:13px}.pantomime-page .pantomime-team-field>span svg{color:#ff8a9b}.pantomime-page .pantomime-team-field.team-1>span svg{color:#8ed8ff}.pantomime-page .pantomime-option-title svg{color:#ffd45c}.pantomime-page .pantomime-team-field input{border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(0,0,0,.3);box-shadow:inset 0 2px 5px rgba(0,0,0,.35);color:#fff8f0}.pantomime-page .pantomime-team-field input:focus{border-color:#ffd45c;box-shadow:inset 0 2px 5px rgba(0,0,0,.35),0 0 0 3px rgba(255,212,92,.22)}.pantomime-page .pantomime-team-field>div svg{color:#b9b4dc}.pantomime-page .pantomime-segmented{border-radius:15px;background:rgba(0,0,0,.3);box-shadow:inset 0 2px 4px rgba(0,0,0,.35)}.pantomime-page .pantomime-segmented button{border-radius:11px;color:#b9b4dc;font-size:14px}.pantomime-page .pantomime-segmented button:hover{color:#fff8f0}.pantomime-page .pantomime-segmented button.active{background:linear-gradient(180deg,#ff7488,#ef2349);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 2px 0 #a0122f}.pantomime-page .pantomime-category-head>span{color:#fff8f0;font-family:var(--cp-display);font-size:18px;font-weight:400}.pantomime-page .pantomime-category-head svg{color:#ffd45c}.pantomime-page .pantomime-category-head small{color:#b9b4dc;font-size:12px}.pantomime-page .pantomime-categories button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);color:#b9b4dc}.pantomime-page .pantomime-categories button:hover{border-color:rgba(255,214,140,.35);color:#fff8f0}.pantomime-page .pantomime-categories button b{font-size:13px}.pantomime-page .pantomime-categories button.selected{border-color:rgba(255,116,136,.55);background:rgba(255,79,100,.15);color:#fff8f0;box-shadow:inset 0 0 0 1px rgba(255,116,136,.25)}.pantomime-page .pantomime-categories button>span{background:rgba(0,0,0,.25);color:#b9b4dc}.pantomime-page .pantomime-categories button.selected>span{background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 2px 0 #a86a0c}.pantomime-page .pantomime-categories button>i{background:linear-gradient(180deg,#ff7488,#ef2349);box-shadow:0 2px 0 #a0122f}.pantomime-page .pantomime-points-legend{border:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.22)}.pantomime-page .pantomime-points-legend span{color:#fff8f0;font-size:12px}.pantomime-page .pantomime-points-legend small{color:#b9b4dc;font-size:12px;line-height:1.7}.pantomime-page .pantomime-start{min-height:56px;border-radius:18px;font-size:20px}.pantomime-page :is(.point-one,.pantomime-board-cell.points-2,.pantomime-word-points.points-2>b){background:linear-gradient(180deg,#6ff0b0,#1fae6e);color:#073d24;box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 3px 0 #0f6a40}.pantomime-page :is(.point-two,.pantomime-board-cell.points-4,.pantomime-word-points.points-4>b){background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 3px 0 #a86a0c}.pantomime-page :is(.point-three,.pantomime-board-cell.points-6,.pantomime-word-points.points-6>b){background:linear-gradient(180deg,#ff7488,#ef2349);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 3px 0 #a0122f}.pantomime-page .pantomime-points-legend i{font-family:var(--cp-display);font-size:15px}.pantomime-page .pantomime-scoreboard>div{border:1px solid var(--cp-line);background:var(--cp-case);box-shadow:0 14px 30px -14px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08);opacity:.75}.pantomime-page .pantomime-scoreboard>div.team-0{color:#ff8a9b;background:linear-gradient(180deg,rgba(255,79,100,.16),transparent 70%),var(--cp-case)}.pantomime-page .pantomime-scoreboard>div.team-1{color:#8ed8ff;background:linear-gradient(180deg,rgba(47,134,255,.16),transparent 70%),var(--cp-case)}.pantomime-page .pantomime-scoreboard>div.active{opacity:1;border-color:rgba(255,116,136,.6);box-shadow:0 0 0 1px rgba(255,116,136,.35),0 14px 30px -12px rgba(255,60,90,.5),inset 0 1px 0 rgba(255,255,255,.08)}.pantomime-page .pantomime-scoreboard>div.team-1.active{border-color:rgba(128,212,255,.6);box-shadow:0 0 0 1px rgba(128,212,255,.35),0 14px 30px -12px rgba(47,134,255,.5),inset 0 1px 0 rgba(255,255,255,.08)}.pantomime-page .pantomime-scoreboard>div>span{background:linear-gradient(180deg,#ff7488,#ef2349);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 3px 0 #a0122f}.pantomime-page .pantomime-scoreboard>div.team-1>span{background:linear-gradient(180deg,#80d4ff,#2f86ff);box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 3px 0 #154fb2}.pantomime-page .pantomime-scoreboard p small{color:#b9b4dc;font-size:11px}.pantomime-page .pantomime-scoreboard p b{color:#fff8f0;font-size:14px}.pantomime-page .pantomime-scoreboard strong{color:currentColor;font-family:var(--cp-display);font-weight:400;text-shadow:0 3px 0 rgba(0,0,0,.35)}.pantomime-page .pantomime-scoreboard>i{border:0;background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;font-size:12px;box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 3px 0 #a86a0c}.pantomime-page .pantomime-board-row{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05)}.pantomime-page .pantomime-board-row-label{color:#fff8f0;font-size:13px}.pantomime-page .pantomime-board-row-label svg{color:#ffd45c}.pantomime-page .pantomime-board-grid{scrollbar-color:rgba(255,214,140,.35) transparent}.pantomime-page .pantomime-board-cell{border:0;border-radius:13px;font-family:var(--cp-display);font-weight:400;transition:transform .2s cubic-bezier(.34,1.56,.64,1),filter .16s,box-shadow .16s}.pantomime-page .pantomime-board-cell b{font-size:20px;font-weight:400}.pantomime-page .pantomime-board-cell:active:not(:disabled){transform:translateY(3px);box-shadow:none}.pantomime-page :is(.pantomime-board-cell.used,.pantomime-board-cell:disabled){background:rgba(0,0,0,.3);color:rgba(185,180,220,.5);box-shadow:inset 0 2px 4px rgba(0,0,0,.35);opacity:1}.pantomime-page .pantomime-board-cell.empty{background:transparent;box-shadow:none}.pantomime-page .pantomime-turn-timer{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);box-shadow:none}.pantomime-page .pantomime-turn-timer>div{color:#b9b4dc;font-size:12px}.pantomime-page .pantomime-turn-timer>div svg{color:#ffd45c}.pantomime-page .pantomime-turn-timer>div svg:last-child{color:#5ce0a0}.pantomime-page .pantomime-turn-timer b{color:#fff8f0;font-family:var(--cp-display);font-size:20px;font-weight:400}.pantomime-page .pantomime-turn-timer>i{background:rgba(0,0,0,.35);box-shadow:inset 0 1px 3px rgba(0,0,0,.4)}.pantomime-page .pantomime-turn-timer>i>span{background:linear-gradient(90deg,#ffe28a,#f5b93a);box-shadow:none}.pantomime-page .pantomime-turn-timer.urgent b,.pantomime-page .pantomime-turn-timer.urgent>div,.pantomime-page .pantomime-turn-timer.urgent>div svg{color:#ff8a9b}.pantomime-page .pantomime-turn-timer.urgent>i>span{background:linear-gradient(90deg,#ef2349,#ff7488)}.pantomime-page .pantomime-word-card{border:1px solid rgba(255,214,140,.35);background:radial-gradient(circle at 50% 0,rgba(255,116,136,.28),transparent 60%),radial-gradient(circle at 50% 110%,rgba(96,58,204,.45),transparent 60%),#16134a;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 60px rgba(0,0,0,.35),0 18px 40px -16px rgba(0,0,0,.6)}.pantomime-page .pantomime-word-card>strong{font-family:var(--cp-display);font-weight:400;text-shadow:0 4px 0 #c8184a,0 10px 24px rgba(0,0,0,.5)}.pantomime-page .pantomime-word-card>strong.pantomime-word-veil{color:#b9b4dc;font-family:inherit;font-weight:800;text-shadow:none}.pantomime-page .pantomime-word-category{border:1px solid rgba(255,214,140,.3);background:rgba(0,0,0,.25);color:var(--cp-gold);font-size:12px}.pantomime-page .pantomime-word-points{border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.3);color:#fff8f0;box-shadow:none}.pantomime-page .pantomime-word-points>b{font-family:var(--cp-display);font-weight:400}.pantomime-page .pantomime-word-points small{font-size:11px}.pantomime-page .pantomime-actions button{border:0;border-radius:18px;font-family:var(--cp-display);font-size:17px;font-weight:400;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .16s,filter .16s}.pantomime-page .pantomime-actions button small{font-family:Vazirmatn Variable,Vazirmatn,sans-serif;font-size:11px;font-weight:700}.pantomime-page .pantomime-actions button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.pantomime-page .pantomime-actions button:active:not(:disabled){transform:translateY(3px);box-shadow:none}.pantomime-page .pantomime-actions button:focus-visible{outline:3px solid #ffd45c;outline-offset:3px}.pantomime-page .pantomime-correct{background:linear-gradient(180deg,#6ff0b0,#1fae6e);color:#073d24;box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 4px 0 #0f6a40,0 14px 24px -10px rgba(31,174,110,.5)}.pantomime-page .pantomime-penalty{background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 4px 0 #a86a0c}.pantomime-page .pantomime-undo-penalty{background:rgba(255,255,255,.08);color:#fff8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 4px 0 #0c0b26}.pantomime-page .pantomime-undo-penalty:disabled{background:rgba(255,255,255,.05);color:#b9b4dc;opacity:.5}.pantomime-page .pantomime-error{background:linear-gradient(180deg,#ff7488,#ef2349);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 4px 0 #a0122f,0 14px 24px -10px rgba(255,60,90,.45)}.pantomime-page .pantomime-summary>div span{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05)}.pantomime-page .pantomime-summary>div b{color:var(--cp-gold);font-family:var(--cp-display);font-size:28px;font-weight:400}.pantomime-page .pantomime-summary>div small{color:#b9b4dc;font-size:12px}.pantomime-page :is(.pantomime-handoff,.pantomime-summary,.pantomime-finish) .button{min-height:54px;border-radius:18px}.pantomime-page .pantomime-shell .table-undo{min-height:38px}@media (max-width:700px){.codenames-page .code-card .code-card-marks{font-size:11px}.codenames-page .code-card{box-shadow:inset 0 1px 0 #fff,0 3px 0 #b39460,0 7px 12px -5px rgba(0,0,0,.5)}.codenames-page .code-card.role-red{box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 3px 0 #8c0f29}.codenames-page .code-card.role-blue{box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 3px 0 #123f94}.codenames-page .code-card.role-neutral{box-shadow:inset 0 2px 0 rgba(255,255,255,.25),0 3px 0 #463f35}.codenames-page .code-card.role-assassin{box-shadow:0 3px 0 #000}.codenames-page .code-card:is(.key-red,.key-blue,.key-neutral,.key-assassin){box-shadow:inset 0 -6px var(--key),0 3px 0 #b39460}.codenames-page .code-card.key-red{--key:#ef2349}.codenames-page .code-card.key-blue{--key:#2f86ff}.codenames-page .code-card.key-neutral{--key:#9c917f}.codenames-page .code-card.key-assassin{--key:#0b0a10}.codenames-page .codenames-stage{border-radius:20px}.pantomime-page .pantomime-scoreboard>i{font-size:11px}.pantomime-page .pantomime-actions button{font-size:15px}}.codenames-page .code-scorebar{margin:0 0 14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);align-items:stretch;gap:10px;direction:rtl}.codenames-page .code-side{position:relative;min-width:0;padding:10px 12px 12px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"spy count" "pips pips";align-items:center;column-gap:8px;row-gap:8px;border-radius:20px;background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 0 #0c0b26;opacity:.62;filter:saturate(.7);transition:opacity .26s,filter .26s,transform .32s cubic-bezier(.34,1.56,.64,1),background .26s}.codenames-page .code-side.is-turn{opacity:1;filter:none;transform:translateY(-2px)}.codenames-page .code-side.red.is-turn{background:linear-gradient(180deg,#ff7488,#ef2349);box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 4px 0 #a0122f,0 16px 26px -12px rgba(255,60,90,.6)}.codenames-page .code-side.blue.is-turn{background:linear-gradient(180deg,#80d4ff,#2f86ff);box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 4px 0 #154fb2,0 16px 26px -12px rgba(47,134,255,.6)}.codenames-page .code-side>img{grid-area:spy;width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}.codenames-page .code-side-count{grid-area:count;min-width:0;display:grid;line-height:1.1}.codenames-page .code-side-count b{color:#fff;font-family:var(--cp-display);font-size:34px;font-weight:400;font-variant-numeric:tabular-nums;text-shadow:0 3px 0 rgba(0,0,0,.25)}.codenames-page .code-side.red:not(.is-turn) .code-side-count b{color:#ff8a9b}.codenames-page .code-side.blue:not(.is-turn) .code-side-count b{color:#8ed8ff}.codenames-page .code-side-count small{color:rgba(255,255,255,.85);font-size:12px;font-weight:800;white-space:nowrap}.codenames-page .code-side-pips{grid-area:pips;display:flex;flex-wrap:wrap;gap:4px}.codenames-page .code-side-pips i{width:9px;height:9px;border-radius:50%;background:rgba(0,0,0,.3);box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}.codenames-page .code-side-pips i.found{background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.25)}.codenames-page .code-side:not(.is-turn) .code-side-pips i.found{background:#fff8f0}.codenames-page .code-scorebar-turn{min-width:0;padding:12px;display:grid;place-content:center;justify-items:center;gap:9px;border:1px solid rgba(255,214,140,.22);border-radius:20px;background:rgba(0,0,0,.22);box-shadow:inset 0 2px 6px rgba(0,0,0,.3);text-align:center}.codenames-page .code-turn-chip{padding:6px 16px 8px;border-radius:999px;color:#fff;font-family:var(--cp-display);font-size:19px;font-weight:400;line-height:1.3;text-shadow:0 2px 0 rgba(0,0,0,.2);animation:code-turn-pop .38s cubic-bezier(.2,1.4,.4,1) both}.codenames-page .code-scorebar.turn-red .code-turn-chip{background:linear-gradient(180deg,#ff7488,#ef2349);box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 3px 0 #a0122f}.codenames-page .code-scorebar.turn-blue .code-turn-chip{background:linear-gradient(180deg,#80d4ff,#2f86ff);box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 3px 0 #154fb2}.codenames-page .code-clue{max-width:100%;padding:6px 12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 6px;border:1px dashed rgba(255,214,140,.45);border-radius:12px;background:rgba(255,214,140,.08);color:#fff8f0;font-size:13px;font-weight:800}.codenames-page .code-clue>svg{width:22px;height:22px;padding:3px;flex:0 0 auto;border-radius:7px;background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;box-shadow:0 2px 0 #a86a0c}.codenames-page .code-clue b{color:var(--cp-gold);font-family:var(--cp-display);font-size:17px;font-weight:400;white-space:nowrap}.codenames-page .code-clue.muted{border-style:dashed;color:#b9b4dc;font-weight:700}.codenames-page .code-clue .code-guesses-left{padding:2px 8px;border-radius:999px;background:rgba(255,214,140,.18);color:var(--cp-gold);font-size:11px}@keyframes code-turn-pop{0%{opacity:0;transform:scale(.8)}}@media (max-width:700px){.codenames-page .code-scorebar{grid-template-columns:84px minmax(0,1fr) 84px;gap:7px;margin-bottom:10px}.codenames-page .code-side{padding:8px 6px 9px;grid-template-columns:1fr;grid-template-areas:"count" "pips";justify-items:center;row-gap:6px;text-align:center}.codenames-page .code-side>img{display:none}.codenames-page .code-side-count b{font-size:28px}.codenames-page .code-side-count small{font-size:11px}.codenames-page .code-side-pips{justify-content:center;gap:3px}.codenames-page .code-side-pips i{width:7px;height:7px}.codenames-page .code-scorebar-turn{padding:8px 6px;gap:6px}.codenames-page .code-turn-chip{padding:4px 12px 6px;font-size:16px}.codenames-page .code-clue{padding:5px 8px;font-size:12px}.codenames-page .code-clue b{font-size:15px}}@media (prefers-reduced-motion:reduce){.codenames-page .code-turn-chip{animation:none}.codenames-page .code-side{transition:none}}