@font-face{font-family:Almendra;src:url(/assets/almendra-bold-latin-CcSzIg09.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3";src:url(/assets/source-sans-3-latin-Bo_j9asI.woff2)format("woff2");font-weight:200 900;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cookbook Title;src:url(/assets/CookbookTitle-CSx42blQ.ttf)format("truetype");font-weight:400 900;font-style:normal;font-display:swap}:root{--cod-font-title:"Almendra", Georgia, "Times New Roman", serif;--cod-font-body:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;--cod-font-card:"Cookbook Title", var(--cod-font-title);--cod-gold:#e3b65c;--cod-gold-light:#f3d48f;--cod-gold-title:#f0c86e;--cod-gold-border:#c9a45c;--cod-bronze:#8a5a1c;--cod-bronze-dark:#6b4a14;--cod-parchment:#f3e7cf;--cod-ink:#3b2a1a;--cod-night:#141a29;--cod-panel:#1f2840;--cod-panel-raised:#2a3550;--cod-line:#3a4560;--cod-line-gold:#6b5426;--cod-text:#f3ead7;--cod-text-muted:#cfc4ad;--cod-your-side:#2f6fb5;--cod-their-side:#a8323a;--cod-success:#6fd08a;--cod-danger:#e05a4f;--cod-danger-light:#ff8a7f;--cod-radius:8px;--cod-radius-panel:10px;--cod-shadow:0 8px 22px #00000073;--cod-focus:0 0 0 3px var(--cod-gold-light)}.cod-panel{--cod-rule:var(--cod-line);--cod-muted-on-tone:var(--cod-text-muted);border:1px solid var(--cod-line-gold);border-radius:var(--cod-radius-panel);color:var(--cod-text);font-family:var(--cod-font-body);box-shadow:var(--cod-shadow);background:#1f2840eb}.cod-parchment{--cod-rule:#6b4a1447;--cod-muted-on-tone:#6b5a44;border:2px solid var(--cod-gold-border);border-radius:var(--cod-radius-panel);color:var(--cod-ink);font-family:var(--cod-font-body);box-shadow:var(--cod-shadow), inset 0 0 0 1px #fff8e699;background:linear-gradient(#f5ead3,#ecdcbc)}.cod-button{border:1px solid var(--cod-gold-border);border-radius:var(--cod-radius);background:var(--cod-panel-raised);min-height:44px;color:var(--cod-text);font-family:var(--cod-font-body);cursor:pointer;padding:0 1.25em;font-size:1rem;font-weight:600}.cod-button.primary{border-color:var(--cod-gold-light);background:var(--cod-gold);color:#1d150b;font-family:var(--cod-font-title);box-shadow:0 3px 0 var(--cod-bronze);font-weight:700}.cod-button.secondary{border-color:var(--cod-bronze-dark);background:var(--cod-bronze);color:#fff4dc}.cod-button:hover:not(:disabled){filter:brightness(1.12)}.cod-button:disabled{opacity:.55;cursor:default}.cod-button:focus-visible,.cod-icon-button:focus-visible{box-shadow:var(--cod-focus);outline:none}.cod-icon-button{border:1px solid var(--cod-line);border-radius:var(--cod-radius);width:44px;height:44px;color:var(--cod-text);cursor:pointer;background:#141a29d9;place-items:center;padding:0;display:grid}.cod-icon-button:hover{border-color:var(--cod-gold-border)}.cod-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cod-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.cod-button.wide{width:100%}.cod-badge{border:1px solid var(--cod-line);color:var(--cod-text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.cod-badge.success{color:var(--cod-success);background:#62c47824;border-color:#62c47899}.cod-badge.gold{border-color:var(--cod-gold-border);color:var(--cod-gold-light);background:#e3b65c24}.cod-badge .cod-icon{stroke-width:2.6px}.cod-badge.switch{min-height:36px;font-family:var(--cod-font-body);cursor:pointer;background-color:#0a0e1866;padding:4px 14px;font-size:.95rem;transition:filter .15s,box-shadow .15s}.cod-badge.switch.gold{background-color:#e3b65c29}.cod-badge.switch.success{background-color:#62c47829}.cod-badge.switch:hover:not(:disabled){filter:brightness(1.2);box-shadow:0 0 10px #f3d48f59}.cod-badge.switch:focus-visible{box-shadow:var(--cod-focus);outline:none}.cod-badge.switch:disabled{opacity:.6;cursor:default}.cod-avatar{box-sizing:border-box;border:2px solid var(--cod-line);background:radial-gradient(circle at 50% 35%, #34405e, var(--cod-night));color:#8d97b3;border-radius:50%;flex:none;place-items:center;display:grid}.cod-avatar.highlight{border-color:var(--cod-gold)}.cod-avatar.bot{border-color:var(--cod-their-side);color:#e3a0a5}.cod-avatar.empty{background:0 0;border-style:dashed}.cod-popover{display:inline-block;position:relative}.cod-popover.in-container{display:contents;position:static}.cod-popover-panel{z-index:30;border-color:var(--cod-gold-border);background:var(--cod-panel);flex-direction:column;gap:.6em;min-width:16em;padding:.9em;display:flex;position:absolute;top:calc(100% + 8px);right:0}.cod-popover-title{font-family:var(--cod-font-title);color:var(--cod-gold-title);margin:0;font-size:1.1rem}.cod-dialog{border-color:var(--cod-gold-border);width:min(30rem,100vw - 32px);max-height:calc(100vh - 48px);color:var(--cod-text);background:linear-gradient(#1f2840fa,#111624fa);padding:0;overflow:auto}.cod-dialog::backdrop{background:#080b1399}.cod-dialog-head{justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 0 22px;display:flex}.cod-dialog-title{font-family:var(--cod-font-title);color:var(--cod-gold-title);margin:0;font-size:1.5rem}.cod-dialog-body{flex-direction:column;gap:14px;padding:12px 22px 22px;display:flex}.cod-dialog-body p{margin:0}:root:not([data-motion=reduced]) .cod-dialog[open]{animation:.22s cubic-bezier(.2,.7,.2,1) cod-dialog-in}@keyframes cod-dialog-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.cod-box{box-sizing:border-box;flex-direction:column;gap:10px;min-width:0;padding:18px 22px;display:flex}.cod-box-head{border-bottom:1px solid var(--cod-rule);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;display:flex}.cod-box-title{font-family:var(--cod-font-title);font-variant:small-caps;letter-spacing:.02em;margin:0;font-size:1.45rem}.cod-panel .cod-box-title{color:var(--cod-gold-title)}.cod-parchment .cod-box-title{color:var(--cod-ink)}.cod-page-header{background:#141a29db;align-self:flex-start;padding:14px 26px 16px}.cod-page-title{font-family:var(--cod-font-title);font-variant:small-caps;color:var(--cod-gold-title);margin:0;font-size:clamp(2rem,3vw,2.6rem);line-height:1.1}.cod-page-subtitle{color:var(--cod-text);margin:4px 0 0;font-size:1.1rem}.cod-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cod-list-row{align-items:center;gap:14px;min-height:56px;padding:8px 0;display:flex}.cod-list-row+.cod-list-row{border-top:1px solid var(--cod-rule)}.cod-list-row.pickable{padding:0}.cod-list-row.pickable+.cod-list-row.pickable{border-top:0;margin-top:6px}.cod-list-pick{border-radius:var(--cod-radius);min-width:0;min-height:56px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;flex:1;align-items:center;gap:14px;padding:8px 10px;display:flex}.cod-list-pick:hover{background:#e3b65c1a}.cod-list-pick:focus-visible{box-shadow:var(--cod-focus);outline:none}.cod-list-row.selected .cod-list-pick{border-color:var(--cod-gold-light);background:#e3b65c29;box-shadow:0 0 14px #f3d48f40}.cod-list-row.selected .cod-list-title{color:var(--cod-gold-light)}.cod-list-media{flex:none;place-items:center;display:grid}.cod-list-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cod-list-title{font-size:1.05rem;font-weight:700}.cod-list-detail{color:var(--cod-muted-on-tone);font-size:.95rem}.cod-list-action{flex:none}.cod-list-empty{color:var(--cod-muted-on-tone);margin:0;padding:8px 0;font-style:italic}.cod-field{flex-direction:column;gap:6px;display:flex}.cod-field-label{color:var(--cod-text-muted);letter-spacing:.03em;font-size:.9rem;font-weight:600}.cod-input{box-sizing:border-box;border:1px solid var(--cod-line);border-radius:var(--cod-radius);min-height:44px;color:var(--cod-text);font:400 1rem var(--cod-font-body);background:#0a0e18b3;padding:0 12px}.cod-input:focus{border-color:var(--cod-gold);outline:none;box-shadow:0 0 0 3px #e3b65c47}.cod-input:disabled{opacity:.6}.picture-card{aspect-ratio:1448/1086;width:100%;color:var(--cod-ink);font:inherit;text-align:center;cursor:pointer;filter:drop-shadow(0 10px 16px #00000073);background:0 0;border:0;padding:0;transition:transform .18s,filter .18s;display:block;position:relative;container-type:inline-size}.picture-card-art,.picture-card-frame{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.picture-card-art{object-fit:cover;width:86.6%;height:59.4%;inset:10.6% 6.6% 30% 6.8%}.picture-card-frame{width:100%;height:100%;inset:0}.picture-card-text{flex-direction:column;justify-content:center;align-items:center;gap:1.5cqw;display:flex;position:absolute;inset:66% 10% 12%}.picture-card-title{font-family:var(--cod-font-title);font-variant:small-caps;color:var(--cod-ink);font-size:8.2cqw;line-height:1}.picture-card-line{color:#4d3a26;font-size:4.1cqw;line-height:1.2}.picture-card-badge{border:1px solid var(--cod-gold-border);color:var(--cod-gold-light);background:#141a29e6;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:max(12px,3.4cqw);font-weight:700;display:flex;position:absolute;top:14%;right:10%}.picture-card:hover:not(:disabled){filter:drop-shadow(0 14px 20px #00000080)drop-shadow(0 0 14px #f3d48f73);transform:translateY(-4px)}.picture-card:focus-visible{filter:drop-shadow(0 0 0 var(--cod-gold-light)) drop-shadow(0 0 6px var(--cod-gold-light));outline:none}.picture-card.locked{cursor:default}.picture-card.locked .picture-card-art{filter:grayscale(.75)brightness(.75)}:root[data-motion=reduced] .picture-card{transition:none}:root[data-motion=reduced] .picture-card:hover:not(:disabled){transform:none}.cod-tiles{border:0;width:100%;min-width:0;margin:0;padding:0;overflow:visible}.cod-tiles-legend{color:var(--cod-text-muted);letter-spacing:.03em;margin-bottom:8px;padding:0;font-size:.9rem;font-weight:600}.cod-tiles-grid{gap:12px;display:grid}.cod-tiles.shape-card .cod-tiles-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.cod-tiles.shape-wide .cod-tiles-grid{grid-template-columns:repeat(auto-fill,minmax(min(210px,50% - 6px),1fr))}.cod-tiles.shape-chip .cod-tiles-grid{flex-wrap:wrap;gap:8px;display:flex}.cod-tile{border:2px solid var(--cod-line);color:var(--cod-text);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0a0e188c;border-radius:10px;flex-direction:column;gap:8px;padding:6px 6px 8px;transition:transform .15s,border-color .15s,box-shadow .15s,background-color .15s;display:flex;position:relative}.cod-tile-input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.cod-tile-art{background:var(--cod-night);border-radius:6px;display:block;position:relative;overflow:hidden}.cod-tile-art img{object-fit:cover;width:100%;height:100%;display:block}.cod-tiles.shape-card .cod-tile-art{aspect-ratio:661/1027}.cod-tiles.shape-wide .cod-tile-art{aspect-ratio:3.4}.cod-tile-label{text-align:center;justify-content:center;align-items:center;gap:6px;min-width:0;font-size:.92rem;font-weight:600;line-height:1.2;display:flex}.cod-tile:hover:not(.locked){border-color:var(--cod-gold-border);transform:translateY(-3px);box-shadow:0 8px 18px #0006}.cod-tile:has(.cod-tile-input:focus-visible){box-shadow:var(--cod-focus)}.cod-tile.selected{border-color:var(--cod-gold-light);box-shadow:0 0 0 1px var(--cod-gold), 0 0 18px #f3d48f73;background:#e3b65c29;animation:.32s cubic-bezier(.2,.9,.3,1.3) cod-tile-pick}.cod-tile.selected .cod-tile-label{color:var(--cod-gold-light)}.cod-tile-check{z-index:2;border:2px solid var(--cod-night);background:var(--cod-gold);color:#1d150b;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:-8px;right:-8px}.cod-tile-check .cod-icon{stroke-width:3px}.cod-tile.locked{cursor:not-allowed;border-style:dashed}.cod-tile.locked .cod-tile-art img{filter:grayscale()brightness(.45)}.cod-tile.locked .cod-tile-label{color:var(--cod-text-muted)}.cod-tile-lock{z-index:2;border:1px solid var(--cod-line);color:var(--cod-text-muted);white-space:nowrap;background:#141a29eb;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-70%)}.cod-tile.pending .cod-tile-art:after{content:"";background:linear-gradient(100deg,#0000 30%,#fff0c859 50%,#0000 70%) 0 0/250% 100%;animation:.9s linear infinite cod-tile-shimmer;position:absolute;inset:0}.cod-tiles:disabled .cod-tile{cursor:default}.cod-tiles.shape-chip .cod-tile{border-radius:999px;flex-direction:row;align-items:center;min-height:40px;padding:6px 16px}.cod-tiles.shape-chip .cod-tile.selected{border-color:var(--cod-gold-light);background:linear-gradient(180deg, var(--cod-gold-light), var(--cod-gold));box-shadow:0 0 12px #f3d48f66}.cod-tiles.shape-chip .cod-tile.selected .cod-tile-label{color:#1d150b}@keyframes cod-tile-pick{0%{transform:scale(.95)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes cod-tile-shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}:root[data-motion=reduced] .cod-tile{transition:none;animation:none}:root[data-motion=reduced] .cod-tile:hover:not(.locked){transform:none}:root[data-motion=reduced] .cod-tile.pending .cod-tile-art:after{background:#fff0c82e;animation:none}.cod-select{flex-direction:column;gap:6px;min-width:0;display:flex;position:relative}.cod-select-label{color:var(--cod-text-muted);letter-spacing:.03em;font-size:.9rem;font-weight:600}.cod-select-button{border:1px solid var(--cod-gold-border);border-radius:var(--cod-radius);width:100%;min-height:44px;color:var(--cod-text);font:600 .98rem var(--cod-font-body);text-align:left;cursor:pointer;background:linear-gradient(#2a3550f2,#141a29f2);align-items:center;gap:10px;padding:4px 6px 4px 14px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:inset 0 1px #f3d48f2e,0 2px #00000059}.cod-select-button:hover:not(:disabled),.cod-select.open .cod-select-button{border-color:var(--cod-gold-light);box-shadow:inset 0 1px #f3d48f40,0 0 12px #f3d48f4d}.cod-select-button:focus-visible{box-shadow:var(--cod-focus);outline:none}.cod-select-button:disabled{opacity:.55;cursor:default}.cod-select-value{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.cod-select-art{background:var(--cod-night);border-radius:4px;flex:none;width:40px;height:28px;overflow:hidden}.cod-select.art-card .cod-select-art{width:26px;height:40px}.cod-select-art img{object-fit:cover;width:100%;height:100%;display:block}.cod-select-chevron{border:1px solid var(--cod-gold-border);width:30px;height:30px;color:var(--cod-gold-light);background:#e3b65c24;border-radius:50%;flex:none;place-items:center;transition:transform .18s;display:grid}.cod-select-chevron .cod-icon{stroke-width:2.4px}.cod-select.open .cod-select-chevron{transform:rotate(180deg)}.cod-select-list{z-index:40;border:1px solid var(--cod-gold-border);border-radius:var(--cod-radius);background:var(--cod-panel);max-height:min(320px,60vh);box-shadow:var(--cod-shadow);transform-origin:top;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.cod-select-list.up{transform-origin:bottom;top:auto;bottom:calc(100% + 6px)}.cod-select-list:focus{outline:none}.cod-select-option{min-height:40px;color:var(--cod-text);cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:4px 10px;font-weight:600;display:flex}.cod-select-option.active{border-color:var(--cod-gold-border);background:#e3b65c24}.cod-select-option.selected{color:var(--cod-gold-light)}.cod-select-tick{background:var(--cod-gold);color:#1d150b;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.cod-select-tick .cod-icon{stroke-width:3px}.cod-select-option.locked{color:var(--cod-text-muted);cursor:not-allowed}.cod-select-option.locked .cod-select-art img{filter:grayscale()brightness(.45)}.cod-select-lock{align-items:center;gap:4px;font-size:.8rem;display:flex}:root:not([data-motion=reduced]) .cod-select-list{animation:.16s cubic-bezier(.2,.8,.3,1) cod-select-drop}:root[data-motion=reduced] .cod-select-chevron{transition:none}@keyframes cod-select-drop{0%{opacity:0;transform:translateY(-4px)scaleY(.92)}}.cod-tiles.shape-chip .cod-tile:has(.cod-tile-art){padding-left:7px}.cod-tiles.shape-chip .cod-tile-art{width:26px;height:26px;box-shadow:0 0 0 1px var(--cod-line-gold);border-radius:50%;flex:none}.cod-tiles.shape-chip .cod-tile-art img{object-fit:contain}.cod-tiles.shape-chip .cod-tile.selected .cod-tile-art{box-shadow:0 0 0 2px #1d150b}.cod-range{--thumb:20px;flex-direction:column;gap:4px;min-width:0;display:flex}.cod-range-head{color:var(--cod-text-muted);letter-spacing:.03em;justify-content:space-between;gap:8px;font-size:.9rem;font-weight:600;display:flex}.cod-range-value{color:var(--cod-gold-light);font-variant-numeric:tabular-nums}.cod-range-track{height:28px;position:relative}.cod-range-rail,.cod-range-fill{border-radius:3px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.cod-range-rail{left:calc(var(--thumb) / 2);right:calc(var(--thumb) / 2);box-shadow:inset 0 0 0 1px var(--cod-line);background:#0a0e18b3}.cod-range-fill{left:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--low));right:calc(var(--thumb) / 2 + (100% - var(--thumb)) * (1 - var(--high)));background:linear-gradient(90deg, var(--cod-gold), var(--cod-gold-light))}.cod-range-track input{pointer-events:none;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.cod-range-track input.on-top{z-index:1}.cod-range-track input::-webkit-slider-runnable-track{background:0 0}.cod-range-track input::-moz-range-track{background:0 0}.cod-range-track input::-webkit-slider-thumb{width:var(--thumb);height:var(--thumb);border:2px solid var(--cod-night);background:var(--cod-gold);cursor:grab;pointer-events:auto;appearance:none;border-radius:50%;box-shadow:0 2px 6px #00000080}.cod-range-track input::-moz-range-thumb{width:var(--thumb);height:var(--thumb);box-sizing:border-box;border:2px solid var(--cod-night);background:var(--cod-gold);cursor:grab;pointer-events:auto;border-radius:50%;box-shadow:0 2px 6px #00000080}.cod-range-track input:focus-visible{outline:none}.cod-range-track input:focus-visible::-webkit-slider-thumb{box-shadow:var(--cod-focus)}.cod-range-track input:focus-visible::-moz-range-thumb{box-shadow:var(--cod-focus)}.cod-range-ends{color:var(--cod-text-muted);justify-content:space-between;padding:0 4px;font-size:.75rem;display:flex}.cod-range.disabled{opacity:.55}.row{flex-wrap:wrap;align-items:center;gap:.5em;display:flex}.board-stage{background:radial-gradient(ellipse at center, var(--cod-panel) 0%, var(--cod-night) 70%, #0b0f19 100%);border-radius:12px;place-items:center;width:100%;height:min(78vh,900px);min-height:420px;display:grid}.match-canvas{touch-action:none;background:radial-gradient(#1b2338 0%,#0d1220 70%,#080b14 100%);border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden}.match-board{width:100%;height:100%;position:relative;container-type:inline-size}.board-hud{pointer-events:none;font-family:var(--cod-font-body);color:var(--cod-text);font-size:clamp(12px,1.05cqw,17px);position:absolute;inset:0}.board-hud>*,.board-alerts>*{pointer-events:auto}.player-panel{border-radius:999px;align-items:center;gap:.7em;min-width:12em;padding:.45em 1.1em .45em .45em;display:flex;position:absolute;left:1.25%}.player-panel.top{top:2.5%}.player-panel.bottom{bottom:3%}.player-portrait{box-sizing:border-box;border:2px solid var(--cod-line);background:radial-gradient(circle at 50% 35%, #34405e, var(--cod-night));fill:#8d97b3;border-radius:50%;flex:none;place-items:center;width:3.4em;height:3.4em;padding:.5em;display:grid}.player-panel.yours .player-portrait{border-color:var(--cod-your-side)}.player-panel.theirs .player-portrait{border-color:var(--cod-their-side)}.player-panel.active{border-color:var(--cod-gold-border)}.player-panel.active .player-portrait{border-color:var(--cod-gold);box-shadow:0 0 0 2px #e3b65c59,0 0 14px #f0c86e8c}.player-info{flex-direction:column;gap:.15em;min-width:0;display:flex}.player-name{font-family:var(--cod-font-title);color:var(--cod-gold-title);white-space:nowrap;font-size:1.1em;font-weight:700}.player-counts{color:var(--cod-text-muted);gap:.9em;font-weight:600;display:flex}.player-count{align-items:center;gap:.3em;display:inline-flex}.player-count svg{fill:none;width:1.1em;height:1.1em;stroke:var(--cod-gold);stroke-width:1.8px;stroke-linejoin:round}.board-hud-menu{position:absolute;top:2.5%;right:1.25%}.board-hud-turn{flex-direction:column;align-items:flex-end;gap:.4em;display:flex;position:absolute;bottom:3%;right:1.25%}.turn-label{color:var(--cod-text);white-space:nowrap;background:#141a29c7;border-radius:999px;margin:0;padding:.2em .7em;font-weight:600}.turn-controls{align-items:center;gap:.75em;display:flex}.board-hud .cod-button{font-size:1.1em}.end-turn{font-family:var(--cod-font-title);letter-spacing:.02em;font-weight:700}.turn-ring{background:#141a29c7;border-radius:50%;place-items:center;width:clamp(52px,4.6em,80px);height:clamp(52px,4.6em,80px);display:grid;position:relative}.turn-ring svg{grid-area:1/1;width:100%;height:100%}.turn-ring-track{stroke:#ffffff1f}.turn-ring-arc{stroke:#8d97b3}.turn-ring.yours .turn-ring-arc{stroke:var(--cod-gold)}.turn-ring.urgent .turn-ring-arc{stroke:var(--cod-danger)}.turn-ring-halo{border:3px solid var(--cod-danger);border-radius:50%;grid-area:1/1;width:100%;height:100%;box-shadow:0 0 14px 4px #e05a4f99}.turn-ring-time{color:var(--cod-text);font:700 1em var(--cod-font-body);white-space:nowrap;grid-area:1/1}.turn-ring.urgent .turn-ring-time{color:var(--cod-danger-light)}.kit-glow{border-radius:var(--cod-radius);display:inline-flex}.concede-confirm{flex-direction:column;gap:.5em;display:flex}.concede-confirm p{max-width:16em;margin:0}.board-alerts{pointer-events:none;flex-direction:column;align-items:center;gap:.5em;width:min(32em,80%);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-alert{border-color:var(--cod-gold-border);text-align:center;align-items:center;gap:.75em;margin:0;padding:.6em 1em;display:flex}.rotate-notice{z-index:50;box-sizing:border-box;background:radial-gradient(ellipse at center, var(--cod-panel) 0%, var(--cod-night) 75%);color:var(--cod-text);font-family:var(--cod-font-body);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem 16px;font-size:1.05rem;display:flex;position:fixed;inset:0}.rotate-notice p{max-width:22em;margin:0}.rotate-title{font-family:var(--cod-font-title);color:var(--cod-gold-title);margin:0;font-size:1.5rem}.rotate-turn{border:1px solid var(--cod-line-gold);border-radius:var(--cod-radius-panel);color:var(--cod-text-muted);background:#141a29b3;flex-direction:column;gap:.2em;padding:.5em 1em;display:flex}.rotate-time{color:var(--cod-text);font-weight:600}.rotate-phone{fill:none;stroke:var(--cod-gold);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.rotate-phone.turning{animation:2.4s ease-in-out infinite rotate-phone}@keyframes rotate-phone{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}.match-log{max-height:8em;font-size:.85em;overflow-y:auto}.fx-tuning{flex-wrap:wrap;align-items:flex-start;gap:.25rem 1rem;display:flex}.fx-tuning label{align-items:center;gap:.3rem;display:flex}.fx-tuning input[type=number]{width:5.5rem}.fx-settings textarea{width:100%;font-family:ui-monospace,monospace;display:block}.fx-board{width:100%;height:100%;position:relative}.lane-editor-layer{pointer-events:none;position:absolute;inset:0}.lane-editor-layer svg{display:block}.lane-handle{pointer-events:all;cursor:grab;fill:#ffffffd9;stroke:#0d1220;stroke-width:2px}.lane-handle:focus-visible,.lane-handle.active{fill:#ffd23f;cursor:grabbing;outline:none}.lane-editor-panel textarea{width:100%;font-family:ui-monospace,monospace;display:block}.dev-launcher{z-index:2000;font-family:var(--cod-font-body);position:fixed;top:50%;left:0;transform:translateY(-50%)}.dev-tab{border:1px solid var(--cod-gold-border);border-radius:0 var(--cod-radius) var(--cod-radius) 0;background:var(--cod-panel);color:var(--cod-gold-title);font-family:var(--cod-font-title);writing-mode:vertical-rl;cursor:pointer;border-left:0;padding:.6em .35em;font-weight:700}.dev-menu{white-space:nowrap;flex-direction:column;gap:.35em;margin:0;padding:.6em;list-style:none;display:flex;position:absolute;top:50%;left:calc(100% + .4em);transform:translateY(-50%)}.dev-menu button,.dev-window .dev-panel button,.dev-window .fx-gallery button{border:1px solid var(--cod-line);background:var(--cod-panel-raised);min-height:32px;color:var(--cod-text);font:600 .9rem var(--cod-font-body);cursor:pointer;border-radius:6px;padding:0 .8em}.dev-menu button[aria-pressed=true],.dev-window .dev-panel button[aria-pressed=true],.dev-window .fx-gallery button[aria-pressed=true]{border-color:var(--cod-gold);color:var(--cod-gold-light)}.dev-window{resize:both;box-sizing:border-box;background:var(--cod-panel);flex-direction:column;min-width:240px;max-width:100vw;min-height:90px;max-height:100vh;font-size:.9rem;display:flex;position:fixed;overflow:hidden}.dev-window-bar{border-bottom:1px solid var(--cod-line-gold);cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:.4em;padding:.3em .4em;display:flex}.dev-window-title{font-family:var(--cod-font-title);color:var(--cod-gold-title);flex:1;margin:0;font-size:.95rem}.dev-window-button{width:28px;height:28px;color:var(--cod-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;padding:0;display:grid}.dev-window-button:hover,.dev-window-button:focus-visible{border-color:var(--cod-gold-border);outline:none}.dev-window-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.dev-window-body{flex:1;min-height:0;padding:.6em;overflow:auto}.dev-window .dev-panel p{margin:0 0 .5em}.dev-window .dev-panel textarea,.dev-window .dev-panel select,.dev-window .dev-panel input,.dev-window .fx-gallery select{background:var(--cod-night);color:var(--cod-text);border:1px solid var(--cod-line);border-radius:4px}.dev-window .fx-gallery .board-stage{aspect-ratio:16/9;height:auto;min-height:0}html,body{margin:0}html{scrollbar-gutter:stable}body{background:var(--cod-night);color:var(--cod-text);font-family:var(--cod-font-body)}.app-root{background:linear-gradient(#0a0e1840, #0a0e1899), var(--cod-home-background) center / cover fixed no-repeat, var(--cod-night);min-height:100vh}.app-checking{text-align:center;margin:0;padding:40vh 16px 0}.shell{box-sizing:border-box;grid-template:".header""nav main"1fr/200px minmax(0,1fr);gap:18px 28px;min-height:100vh;padding:24px 32px;display:grid}.shell-nav{box-sizing:border-box;background:#141a29e6;flex-direction:column;grid-area:nav;align-self:start;gap:4px;padding:10px;display:flex}.shell-nav-item{min-height:44px;color:var(--cod-text);font:600 17px var(--cod-font-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:14px;padding:10px 14px;display:flex}.shell-nav-item[aria-current=page]{background:var(--cod-gold);color:#1d150b;font-weight:700}.shell-nav-item:not([aria-current]):hover{background:#e3b65c24}.shell-nav-item:focus-visible{box-shadow:var(--cod-focus);outline:none}.shell-main{flex-direction:column;grid-area:main;gap:18px;min-width:0;display:flex}.shell-header{grid-area:header;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:72px;display:grid}.wordmark{font-family:var(--cod-font-title);letter-spacing:.02em;text-transform:uppercase;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;margin:0;font-weight:700;line-height:.86;display:flex}.wordmark-top,.wordmark-main{color:#0000;-webkit-background-clip:text;background-clip:text}.wordmark-top{filter:drop-shadow(0 .05em #3b414e)drop-shadow(0 .08em .12em #000000a6);background-image:linear-gradient(#fff,#d5d9e0 55%,#9ba3b1);font-size:.44em}.wordmark-main{filter:drop-shadow(0 .04em #5a2208)drop-shadow(0 .07em .12em #000000a6);background-image:linear-gradient(#ffd866,#f59a2c 48%,#d8431a);font-size:1em}.shell-wordmark{grid-column:2;font-size:clamp(40px,4.2vw,60px)}.shell-player{box-sizing:border-box;background:#141a29e6;grid-column:3;justify-self:end;align-items:center;gap:10px;min-width:0;max-width:100%;padding:6px 8px;display:flex}.shell-player-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:16em;font-size:15px;font-weight:700;overflow:hidden}.shell-banner{border-color:var(--cod-danger);margin:0;padding:.7em 1em}.shell-page{min-width:0;color:var(--cod-text)}:where(.signin-panel) h2{font-family:var(--cod-font-title);color:var(--cod-gold-title);margin-top:0}:where(.signin-panel) a{color:var(--cod-gold)}:where(.signin-panel) button{border:1px solid var(--cod-line);background:var(--cod-panel-raised);min-height:36px;color:var(--cod-text);font:600 .95rem var(--cod-font-body);cursor:pointer;border-radius:6px;padding:0 .9em}:where(.signin-panel) button:disabled{opacity:.55;cursor:default}:where(.signin-panel) button[aria-pressed=true]{border-color:var(--cod-gold);color:var(--cod-gold-light)}:where(.signin-panel) :is(input:not([type=radio],[type=checkbox]),select,textarea){border:1px solid var(--cod-line);background:var(--cod-night);min-height:32px;color:var(--cod-text);font:inherit;border-radius:6px;padding:0 .5em}:where(.signin-panel) fieldset{border:1px solid var(--cod-line);border-radius:var(--cod-radius)}.signin-screen{box-sizing:border-box;background:radial-gradient(75% 70% at 50% 45%,#0000 0%,#0a0e1859 60%,#0a0e18d9 100%);place-items:center;min-height:100vh;padding:72px 16px 40px;display:grid}.signin-top{z-index:30;position:fixed;top:16px;right:16px}.signin-stage{flex-direction:column;align-items:center;gap:32px;width:min(25rem,100%);display:flex}.signin-wordmark{font-size:clamp(76px,17vw,136px)}.signin-panel{box-sizing:border-box;width:100%;color:var(--cod-text);background:linear-gradient(#1f2840ed,#111624f2);border:1px solid #c9a45c8c;border-radius:14px;padding:34px 30px 28px;position:relative;box-shadow:0 24px 60px #0000008c,inset 0 1px #f3d48f29}.signin-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--cod-gold-light), transparent);height:2px;position:absolute;top:-1px;left:12%;right:12%}.signin-panel:after{content:"";border:1px solid var(--cod-gold-light);background:var(--cod-gold);width:12px;height:12px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:0 0 12px #f3d48f99}.signin-form{flex-direction:column;gap:16px;display:flex}.signin-title{font-family:var(--cod-font-title);text-align:center;color:var(--cod-gold-title);margin:0;font-size:1.8rem}.signin-intro{color:var(--cod-text-muted);text-align:center;margin:0 0 4px;line-height:1.45}.signin-intro strong{color:var(--cod-text)}.signin-field{color:var(--cod-text-muted);letter-spacing:.03em;flex-direction:column;gap:6px;font-size:.9rem;font-weight:600;display:flex}.signin-field input{border:1px solid var(--cod-line);border-radius:var(--cod-radius);min-height:48px;color:var(--cod-text);font:400 1.05rem var(--cod-font-body);letter-spacing:normal;background:#0a0e18b3;padding:0 14px;transition:border-color .15s,box-shadow .15s}.signin-field input:focus{border-color:var(--cod-gold);outline:none;box-shadow:0 0 0 3px #e3b65c47}.signin-field .signin-code{letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;padding-left:calc(14px + .5em);font-size:1.7rem;font-weight:600}.signin-submit{width:100%;min-height:50px;font-size:1.2rem}.signin-alert{border-radius:var(--cod-radius);color:var(--cod-danger-light);background:#e05a4f1f;border:1px solid #e05a4f99;margin:0;padding:10px 12px}.signin-links{flex-wrap:wrap;justify-content:center;gap:4px 20px;margin:0;display:flex}.signin-link{min-height:36px;color:var(--cod-gold);font:600 .95rem var(--cod-font-body);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 4px;text-decoration:underline}.signin-link:disabled{opacity:.55;cursor:default}.signin-link:focus-visible{box-shadow:var(--cod-focus);border-radius:4px;outline:none}.dev-quick-login{border:1px dashed var(--cod-line);border-radius:var(--cod-radius);color:var(--cod-text-muted);margin:8px 0 0;padding:8px 12px 12px;font-size:.85rem}.dev-quick-login p{flex-wrap:wrap;gap:8px;margin:0;display:flex}:root:not([data-motion=reduced]) .signin-stage>*{animation:.6s cubic-bezier(.2,.7,.2,1) both signin-rise}:root:not([data-motion=reduced]) .signin-stage>.signin-panel{animation-delay:.12s}@keyframes signin-rise{0%{opacity:0;transform:translateY(14px)}}.cod-popover-panel.language-menu{min-width:11em;padding:6px}.language-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.language-option{width:100%;min-height:40px;color:var(--cod-text);font:600 1rem var(--cod-font-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.language-option:hover{background:#e3b65c24}.language-option[aria-pressed=true]{color:var(--cod-gold-light)}.language-option:focus-visible{box-shadow:var(--cod-focus);outline:none}.language-option .cod-icon{stroke-width:2.2px}.match-view{z-index:45;background:var(--cod-night);flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}.match-view .match{flex-direction:column;flex:1;min-height:0;display:flex}.match-view .board-stage{border-radius:0;flex:1;height:auto;min-height:0}.match-view .match-log{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.match-view .lobby-connection,.match-view .lobby-alert{z-index:5;border:1px solid var(--cod-danger);border-radius:var(--cod-radius-panel);background:var(--cod-panel);margin:0;padding:.6em 1em;position:absolute;top:12px;left:50%;transform:translate(-50%)}@media (width<=720px) and (height>=521px){.shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"header""main";gap:12px;padding:12px 16px 84px}.shell-nav{z-index:40;border-radius:0;flex-direction:row;justify-content:space-around;width:auto;margin:0;padding:6px;position:fixed;bottom:0;left:0;right:0}.shell-nav-item{flex-direction:column;gap:2px;padding:6px 12px;font-size:12px}.shell-header{grid-template-columns:1fr auto;min-height:0}.shell-wordmark{grid-column:1;justify-self:start;font-size:36px}.shell-player{grid-column:2}.shell-player-name{display:none}}@media (height<=520px) and (orientation:landscape){.shell{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:8px 12px}.shell-nav{padding:6px}.shell-nav-item{padding:8px 10px}.shell-nav-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell-header{min-height:0}.shell-wordmark{font-size:30px}.shell-player-name{display:none}}.play-page{--play-gap:clamp(12px, 2vw, 28px);--play-card:calc((100% - 2 * var(--play-gap)) / 3);flex-direction:column;gap:22px;display:flex}.play-modes{gap:var(--play-gap);margin-top:calc(var(--play-card) * -66 / 1448);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.play-lists{gap:var(--play-gap);margin-inline:calc(var(--play-card) * 38 / 1448);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.play-lists .cod-box{min-height:220px}.play-page>.lobby-connection,.play-page>.lobby-alert{border:1px solid var(--cod-danger);border-radius:var(--cod-radius-panel);background:var(--cod-panel);margin:0;padding:.7em 1em}.custom-choices{flex-direction:column;gap:12px;display:flex}.custom-join{align-items:flex-end;gap:10px;display:flex}.custom-join .cod-field{flex:1}.invite-input{letter-spacing:.25em;text-transform:uppercase;font-size:1.2rem}.room{flex-direction:column;gap:14px;display:flex}.room-facts{color:var(--cod-text-muted)}.room-facts span+span:before{content:" · "}.room-presence{align-items:center;gap:6px;display:inline-flex}.room-presence:before{content:"";background:var(--cod-text-muted);border-radius:50%;width:8px;height:8px}.room-presence.online:before{background:var(--cod-success);box-shadow:0 0 6px var(--cod-success)}.room-hint{color:var(--cod-text-muted);font-style:italic}.room-countdown{border:1px solid var(--cod-gold-border);border-radius:var(--cod-radius);color:var(--cod-gold-light);font-family:var(--cod-font-title);text-align:center;background:#e3b65c24;padding:10px 14px;font-size:1.5rem}.room-invite{border:1px dashed var(--cod-gold-border);border-radius:var(--cod-radius);background:#e3b65c14;padding:10px 14px}.room-invite strong{color:var(--cod-gold-light);letter-spacing:.15em;font-size:1.2em}.room-actions{flex-wrap:wrap;gap:10px;display:flex}.cod-dialog .lobby-alert,.cod-dialog .lobby-connection{color:var(--cod-danger-light);margin:0}@media (width<=1000px){.play-lists{grid-template-columns:minmax(0,1fr)}}@media (width<=720px) and (height>=521px){.play-modes{scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:4px 16px 8px;display:flex;overflow-x:auto}.play-modes .picture-card{scroll-snap-align:center;flex:0 0 78%}.cod-page-header{align-self:stretch}.play-lists{margin-inline:0}.play-lists .cod-box{min-height:0}}.profile-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.profile-identity,.profile-lanes,.profile-alert{grid-column:1/-1}.profile-identity{flex-direction:row;align-items:center;gap:16px}.profile-who{flex:1;min-width:0}.profile-title{font-family:var(--cod-font-title);font-variant:small-caps;color:var(--cod-gold-title);margin:0;font-size:1.8rem}.profile-email{color:var(--cod-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;overflow:hidden}.profile-status{margin:0}.profile-hint{color:var(--cod-text-muted);margin:0 0 4px}.profile-settings{gap:16px}.profile-alert{border:1px solid var(--cod-danger);border-radius:var(--cod-radius-panel);background:var(--cod-panel);color:var(--cod-danger-light);margin:0;padding:.7em 1em}@media (width<=900px){.profile-page{grid-template-columns:minmax(0,1fr)}}.decks-page{grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.decks-list{max-height:calc(100vh - 32px);position:sticky;top:16px;overflow:auto}.decks-list .cod-box-head{align-items:center}.decks-new{align-items:center;gap:6px;min-height:38px;padding:0 .9em;font-size:.95rem;display:inline-flex}.deck-back-thumb{aspect-ratio:661/1027;border-radius:4px;width:38px;display:block;box-shadow:0 2px 6px #00000080}.decks-none{min-height:240px;color:var(--cod-text-muted);text-align:center;justify-content:center;align-items:center}.decks-none p{margin:0}.decks-editor{gap:14px}.deck-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.deck-head-close{display:none}.deck-back-button{aspect-ratio:661/1027;border:2px solid var(--cod-gold-border);background:var(--cod-night);cursor:pointer;border-radius:6px;width:50px;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;display:block;overflow:hidden}.deck-back-button img{object-fit:cover;width:100%;height:100%;display:block}.deck-back-button:hover,.deck-back-button[aria-expanded=true]{border-color:var(--cod-gold-light);box-shadow:0 0 12px #f3d48f73}.deck-back-button:hover{transform:translateY(-2px)}.deck-back-button:focus-visible{box-shadow:var(--cod-focus);outline:none}.cod-popover-panel.deck-back-picker{width:min(34rem,100vw - 48px);max-height:min(70vh,34rem);left:0;right:auto;overflow:auto}.deck-name{min-width:0;color:var(--cod-gold-title);font-family:var(--cod-font-title);flex:12em;font-size:1.35rem}.deck-head-state{align-items:center;gap:8px;display:flex}.deck-head-actions{gap:10px;margin-left:auto;display:flex}.deck-hint{color:var(--cod-text-muted);margin:0;font-style:italic}.decks-alert{border:1px solid var(--cod-danger);border-radius:var(--cod-radius-panel);color:var(--cod-danger-light);background:#e05a4f1f;flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding:.7em 1em;display:flex}.decks-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.deck-slots{border:1px solid var(--cod-line-gold);border-radius:var(--cod-radius-panel);background:#111624f7;grid-template-columns:repeat(8,minmax(0,124px));justify-content:center;gap:10px;margin:0;padding:12px;list-style:none;display:grid}.deck-slot{aspect-ratio:936/1454;min-width:0}.deck-slot .game-card{height:100%}.deck-slot-empty{box-sizing:border-box;border:2px dashed var(--cod-line);height:100%;color:var(--cod-line);font-family:var(--cod-font-title);border-radius:8px;place-items:center;font-size:1.6rem;display:grid}.deck-slot-gone{border:2px dashed var(--cod-danger);width:100%;height:100%;color:var(--cod-danger-light);font:600 .8rem var(--cod-font-body);cursor:pointer;background:#e05a4f1a;border-radius:8px;padding:6px}.deck-groups{flex-direction:column;gap:18px;display:flex}.deck-group{flex-direction:column;gap:10px;display:flex}.deck-group-title{border-bottom:1px solid var(--cod-line-gold);color:var(--cod-gold-title);font-family:var(--cod-font-title);font-variant:small-caps;align-items:center;gap:10px;margin:0;padding-bottom:6px;font-size:1.25rem;display:flex}.deck-group-count{color:var(--cod-text-muted);font-family:var(--cod-font-body);font-variant:normal;font-size:.85rem}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;display:grid}.deck-grid .game-card:disabled:not(.selected){opacity:.45;filter:grayscale(.6)}@media (width>=901px) and (height>=700px){.deck-slots{z-index:2;position:sticky;top:8px}}@media (width<=900px){.decks-page{grid-template-columns:minmax(0,1fr)}.decks-page.editing .decks-list,.decks-page:not(.editing) .decks-editor{display:none}.decks-list{max-height:none;position:static}.deck-head-close{display:grid}.deck-name{flex-basis:6em}.deck-slots{grid-template-columns:repeat(4,minmax(0,96px));gap:8px;padding:8px}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}}@media (height<=520px) and (orientation:landscape){.deck-slots{grid-template-columns:repeat(8,minmax(0,96px))}}.game-card{width:100%;color:var(--cod-text);cursor:pointer;background:0 0;border:0;border-radius:6%/4%;padding:0;transition:transform .15s,box-shadow .15s,opacity .15s;display:block;position:relative}.game-card:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 18px #00000073}.game-card:focus-visible{box-shadow:var(--cod-focus);outline:none}.game-card.selected{box-shadow:0 0 0 2px var(--cod-gold-light), 0 0 16px #f3d48f8c}.game-card:disabled{cursor:default}.game-card-check{z-index:2;border:2px solid var(--cod-night);background:var(--cod-gold);color:#1d150b;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:-8px;right:-8px}.game-card-check .cod-icon{stroke-width:3px}:root[data-motion=reduced] :is(.game-card,.deck-back-button){transition:none}:root[data-motion=reduced] :is(.game-card:hover,.deck-back-button:hover){transform:none}.card-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card-search{min-width:0;color:var(--cod-text-muted);flex:14em;position:relative}.card-search .cod-icon{pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.card-search .cod-input{width:100%;padding-left:38px}.card-filters-button{align-items:center;gap:8px;display:inline-flex}.card-filters-button.active,.card-filters-button[aria-expanded=true]{border-color:var(--cod-gold-light);color:var(--cod-gold-light)}.card-filters-count{background:var(--cod-gold);color:#1d150b;border-radius:999px;place-items:center;min-width:1.4em;height:1.4em;font-size:.8rem;font-weight:800;display:inline-grid}.card-filters-count:empty{visibility:hidden}.card-filters{border:1px solid var(--cod-line-gold);border-radius:var(--cod-radius-panel);background:#111624d9;flex-direction:column;gap:14px;padding:14px 16px;display:flex}.card-filters-ranges{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 28px;display:grid}.card-filters-actions{justify-content:flex-end;gap:10px;display:flex}.card-sort{flex:0 0 11.5em}.card-count{min-width:6.5em;color:var(--cod-text-muted);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;margin:0}.mana-curve{margin:0}.mana-curve-bars{gap:3px;margin:0;padding:0;list-style:none;display:flex}.mana-curve-group{flex-direction:column;align-items:center;gap:2px;display:flex}.mana-curve-track{background:#0a0e1899;border-radius:2px;align-items:flex-end;width:9px;height:28px;display:flex}.mana-curve-bar{background:var(--cod-gold);border-radius:2px;width:100%;transition:height .2s}.mana-curve-label{color:var(--cod-text-muted);font-size:.62rem;line-height:1}:root[data-motion=reduced] .mana-curve-bar{transition:none}@media (width<=900px){.card-sort{flex:10em}.card-filters-ranges{grid-template-columns:minmax(0,1fr)}}.game-card-face{aspect-ratio:936/1454;width:100%;position:relative}.game-card-face>svg{width:100%;height:100%;display:block;overflow:visible}.game-card-face .gc-window-back{fill:var(--gc-window)}.game-card-face .gc-emblem{fill:none;stroke:#c99a45;stroke-width:10px;opacity:.6}.game-card-face .gc-icon-back{fill:#00000059}.game-card-face text{text-anchor:middle;dominant-baseline:central;font-family:var(--cod-font-card);font-weight:700}.game-card-face .gc-name{fill:var(--gc-ink);letter-spacing:.04em}.game-card-face .gc-kind{fill:var(--gc-ink);letter-spacing:.16em}.game-card-face .gc-footer{fill:var(--gc-footer);letter-spacing:.14em;opacity:.85}.game-card-face .gc-number{dominant-baseline:alphabetic;fill:var(--gc-number);stroke:var(--gc-number-edge);stroke-width:14px;paint-order:stroke;font-family:var(--cod-font-body);font-weight:800}.game-card-ability-button{cursor:help;background:0 0;border:0;border-radius:10%;padding:0;position:absolute}.game-card-ability-button:hover,.game-card-ability-button[aria-expanded=true]{box-shadow:0 0 0 2px var(--cod-gold-light), 0 0 14px #f3d48f99}.game-card-ability-button:focus-visible{box-shadow:var(--cod-focus);outline:none}.cod-popover-panel.game-card-ability-info{min-width:0;top:86%;left:-3%;right:-3%}.ability-info{flex-direction:column;gap:8px;display:flex}.ability-info-head{align-items:center;gap:10px;display:flex}.ability-info-head img{border-radius:8px;width:40px;height:40px}.ability-info-name{color:var(--cod-gold-title);font-family:var(--cod-font-title);margin:0;font-size:1.2rem}.ability-info p{margin:0;font-size:.92rem;line-height:1.4}.ability-info-aura{color:var(--cod-text-muted);align-items:flex-start;gap:8px;display:flex}.ability-info-aura img{flex:none;width:44px;margin-top:2px}@media (width>=1400px){.decks-page{grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(280px,340px)}.card-info{display:none}}@media (width<=1399px){.decks-detail{display:none}}.decks-detail{position:sticky;top:16px}.card-detail{flex-direction:column;gap:12px;display:flex}.card-detail .game-card-face{width:min(100%,22rem);margin:0 auto}.card-detail-hint{color:var(--cod-text-muted);text-align:center;margin:0;font-style:italic}.cod-dialog.card-detail-dialog{width:min(24rem,100vw - 32px)}.card-cell{position:relative}.card-info.cod-icon-button{z-index:2;border-color:var(--cod-gold-border);background:#141a29e6;border-radius:50%;width:32px;height:32px;position:absolute;bottom:4px;right:4px}.card-focus{place-items:center;display:grid;position:absolute;inset:0}.card-focus-backdrop{cursor:zoom-out;background:#05070c99;border:0;padding:0;position:absolute;inset:0}.card-focus-card{filter:drop-shadow(0 18px 36px #000000a6);width:30cqw;position:relative}.card-focus-close{position:absolute;top:-14px;right:-14px}.card-focus-hint{color:var(--cod-text);text-align:center;text-shadow:0 1px 3px #000000e6;margin:8px 0 0;font-size:.95em}