:root{--color-wood-900:#1a0f08;--color-wood-800:#2c1810;--color-wood-700:#3d2817;--color-wood-600:#4a3829;--color-wood-500:#6b5845;--color-gold:#c9a961;--color-gold-dark:#b8945a;--color-parchment:#f4e4c1;--color-parchment-dim:#d4c5a9;--color-board-surface:#f4e4bc;--color-text:var(--color-parchment);--color-text-accent:var(--color-gold);--color-text-muted:#b5a68d;--color-text-disabled:#8b7355;--color-danger-text:#f08a7e;--color-success:#4a7c59;--color-border-muted:#6b5845;--color-ink:#2c1810;--color-ink-muted:#6b4f36;--gradient-page:linear-gradient(145deg,#1a0f08,#2c1810 50%,#1a0f08);--gradient-card:linear-gradient(135deg,#2c1810,#3d2817 50%,#2c1810);--gradient-panel:linear-gradient(135deg,#3d2817,#2c1810);--gradient-gold:linear-gradient(135deg,#c9a961,#b8945a);--shadow-frame-ring:0 0 0 8px var(--color-wood-700),0 0 0 10px var(--color-gold);--shadow-frame:var(--shadow-frame-ring),0 20px 40px #0009;--shadow-frame-ring-sm:0 0 0 4px var(--color-wood-700),0 0 0 6px var(--color-gold);--font-serif:Georgia,"Times New Roman",serif;--font-numeric:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--tap-min:36px;--z-raised:10;--z-overlay:100;--z-drag:1000;--z-debug:10000}@media (pointer:coarse){:root{--tap-min:44px}}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.border{border-width:1px}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.lowercase{text-transform:lowercase}.outline{outline-style:solid}.invert{--tw-invert:invert(100%)}.invert,.sepia{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia:sepia(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{color:var(--color-text);font-family:var(--font-serif)}@media (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:max(16px,1rem)!important}}html:has(dialog:modal){overflow:hidden}.App,.GameRoom{display:flex;flex:1 0 auto;flex-direction:column}.App{min-block-size:100vh;min-block-size:100dvh}:where(a,button,summary,[role=button],[tabindex]):focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.tap-target{position:relative}.tap-target:after{content:"";height:max(100%,var(--tap-min));left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(100%,var(--tap-min))}.link-tap{align-items:center;display:inline-flex;min-block-size:var(--tap-min)}.ui-spinner{animation:ui-spin .9s linear infinite;block-size:1rem;border:2px solid #c9a96140;border-radius:50%;border-top:2px solid var(--color-gold);display:inline-block;flex:none;inline-size:1rem}.ui-spinner--lg{block-size:2.5rem;border-width:3px;inline-size:2.5rem}@keyframes ui-spin{to{transform:rotate(1turn)}}.ui-field{display:flex;flex-direction:column;gap:.375rem}.ui-label{color:var(--color-gold);font-size:var(--text-sm);font-weight:600}.ui-input{background:var(--color-parchment);border:2px solid var(--color-border-muted);border-radius:var(--radius-md);color:var(--color-ink);font-family:var(--font-serif);font-size:var(--text-base);min-block-size:var(--tap-min);min-width:0;padding:.5rem .875rem}.ui-input:focus{outline:2px solid var(--color-gold);outline-offset:1px}.chat-composer-input::placeholder,.feedback-email-input::placeholder,.feedback-textarea::placeholder,.ui-input::placeholder{color:var(--color-wood-500);opacity:1}.ui-input:disabled{cursor:not-allowed;opacity:.6}.ui-alert{border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.4;padding:.625rem .875rem}.ui-alert--error{background:linear-gradient(135deg,#7f1d1d,#991b1b);border:2px solid #dc2626}.ui-alert--error,.ui-panel{color:var(--color-parchment)}.ui-panel{background:var(--gradient-panel);border:2px solid var(--color-border-muted);border-radius:var(--radius-md);padding:.625rem .875rem}.ui-fieldset{border:0;margin:0;min-width:0;padding:0}.ui-fieldset>legend{margin-block-end:.375rem;padding:0}.ui-choice-grid{display:grid;gap:.5rem;grid-template-columns:repeat(var(--choice-cols,2),minmax(0,1fr))}.ui-choice-grid--3{--choice-cols:3}.ui-choice-grid--4{--choice-cols:4}.ui-choice-grid--3>.choice-button,.ui-choice-grid--4>.choice-button{padding-inline:.25rem}.ui-help{color:var(--color-text-muted);font-size:var(--text-xs);margin:0}.ui-help--error{color:var(--color-danger-text)}.ui-empty-state{color:var(--color-text-muted);margin:0;padding-block:1.5rem}.choice-button,.ui-empty-state{font-size:var(--text-sm);text-align:center}.choice-button{text-wrap:balance;align-items:center;background:var(--gradient-panel);border:2px solid var(--color-border-muted);border-radius:var(--radius-md);box-shadow:0 2px 4px #0000004d;color:var(--color-gold);cursor:pointer;display:inline-flex;font-family:var(--font-serif);font-weight:600;gap:.5rem;justify-content:center;line-height:1.2;min-block-size:var(--tap-min);padding:.375rem .75rem;transition:filter .15s ease,background .15s ease}.choice-button.is-selected{background:var(--gradient-gold);border-color:var(--color-gold);box-shadow:0 4px 8px #0006;color:var(--color-wood-900)}@media (hover:hover){.choice-button:not(:disabled):not(.is-selected):hover{filter:brightness(1.25)}}.choice-button:disabled{cursor:not-allowed;opacity:.6}.btn{align-items:center;border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-serif);font-size:var(--text-sm);font-weight:700;gap:.5rem;justify-content:center;line-height:1.2;min-block-size:var(--tap-min);padding:.5rem 1rem;text-align:center;text-decoration:none;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.55}@media (hover:hover){.btn:not(:disabled):not([aria-disabled=true]):hover{filter:brightness(1.1);transform:translateY(-1px)}}.btn--primary{background:var(--gradient-gold);border-color:var(--color-gold-dark);box-shadow:0 2px 6px #0006;color:var(--color-wood-900)}.btn--secondary{background:var(--gradient-panel);border-color:var(--color-gold);color:var(--color-gold)}.btn--ghost{background:#0000;color:var(--color-gold)}.btn--danger{background:linear-gradient(135deg,#b33a2e,#8f2a20);border-color:#d4574a;color:#fff3ee}.btn--success{background:linear-gradient(135deg,#3d6a4b,#2f5a3c);border-color:#6aa37b;color:var(--color-parchment)}.btn--sm{font-size:var(--text-xs);padding:.25rem .75rem}.btn--lg{font-size:var(--text-base);padding:.75rem 1.5rem}.btn--block{display:flex;inline-size:100%}.ai-setup{display:flex;flex-direction:column;gap:1rem}.ai-setup__king{background:var(--color-board-surface);block-size:1.75rem;border-radius:50%;box-shadow:0 0 0 1px #00000059;flex:none;inline-size:1.75rem;padding:.125rem}.ai-setup__note{background:#3d281799;border:1px solid var(--color-border-muted);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.4;margin:0;padding:.5rem .75rem;text-align:center}@media (max-height:36rem){.ai-setup{gap:.75rem}}.modal{--modal-gap:clamp(0.5rem,3vmin,1.5rem);--modal-w:32rem;background:#0000;block-size:100%;border:0;color:var(--color-text);font-family:var(--font-serif);inline-size:100%;inset:0;margin:0;max-block-size:none;max-inline-size:none;overflow:auto;padding:var(--modal-gap);position:fixed}.modal[open]{align-items:center;display:flex;justify-content:center}.modal::backdrop{background:#0a0603b8}.modal--sm{--modal-w:24rem}.modal--md{--modal-w:32rem}.modal--lg{--modal-w:44rem}.modal--xl{--modal-w:64rem}.modal__panel{animation:modal-panel-in .2s ease-out;background:var(--gradient-card);border:3px solid var(--color-gold);border-radius:var(--radius-lg);box-shadow:var(--shadow-frame-ring-sm),0 20px 40px #0009;display:flex;flex-direction:column;inline-size:min(100%,var(--modal-w));max-block-size:calc(100vh - var(--modal-gap)*2);max-block-size:calc(100dvh - var(--modal-gap)*2)}.modal__header{align-items:center;border-bottom:1px solid #c9a9614d;display:flex;flex:none;gap:.75rem;padding:.75rem .75rem .75rem 1rem}.modal__title{color:var(--color-gold);flex:1 1 auto;font-size:var(--text-xl);font-weight:700;line-height:1.2;margin:0;min-width:0;overflow-wrap:anywhere}.modal__header-extra{align-items:center;display:flex;flex:none;gap:.5rem}.modal__header>.sr-only+.modal__header-extra{flex:1 1 auto}.modal__close{background:#0000;block-size:var(--tap-min);border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-parchment);cursor:pointer;display:grid;flex:none;inline-size:var(--tap-min);margin-inline-start:auto;place-items:center;position:relative}.modal__close:after,.modal__header .btn:after{block-size:max(100%,var(--tap-min));content:"";inline-size:max(100%,var(--tap-min));left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.modal__header .btn{position:relative}.modal__close:hover{background:#c9a96126;border-color:#c9a96166}.modal__body{--modal-pad-block:1rem;--modal-pad-inline:1rem;flex:1 1 auto;min-block-size:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--modal-pad-block) var(--modal-pad-inline)}.modal__footer{align-items:center;border-top:1px solid #c9a9614d;display:flex;flex:none;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem}.modal--danger .modal__title{color:var(--color-danger-text)}.modal--sheet[open]{align-items:flex-end;padding-block-end:0}.modal--sheet .modal__panel{animation-name:modal-sheet-in;border-block-end:0;border-end-end-radius:0;border-end-start-radius:0;max-block-size:min(85vh,calc(100vh - var(--modal-gap)));max-block-size:min(85dvh,calc(100dvh - var(--modal-gap)));padding-block-end:env(safe-area-inset-bottom)}@media (max-width:30rem){.modal__body{--modal-pad-block:0.75rem;--modal-pad-inline:0.75rem}}@media (max-height:30rem){.modal{--modal-gap:0.375rem}.modal__header{padding:.25rem .375rem .25rem .75rem}.modal__title{font-size:var(--text-base)}.modal__close{block-size:2.25rem;inline-size:2.25rem}.modal__body{--modal-pad-block:0.5rem;--modal-pad-inline:0.75rem}.modal__footer{padding:.375rem .75rem}}@keyframes modal-panel-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes modal-sheet-in{0%{transform:translateY(100%)}to{transform:none}}.modal__panel.rules-modal{block-size:min(48rem,calc(100vh - var(--modal-gap, 1rem)*2));block-size:min(48rem,calc(100dvh - var(--modal-gap, 1rem)*2))}.rules-tabs{background:var(--color-wood-900);border-bottom:2px solid var(--color-border-muted);display:flex;margin:calc(var(--modal-pad-block, 1rem)*-1) calc(var(--modal-pad-inline, 1rem)*-1) 1rem;position:sticky;top:calc(var(--modal-pad-block, 1rem)*-1);z-index:1}.rules-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--color-gold);cursor:pointer;flex:1 1;font-family:var(--font-serif);font-size:var(--text-base);min-block-size:var(--tap-min);min-width:0;padding:.5rem;white-space:nowrap}.rules-tab.is-active{background:var(--gradient-gold);border-bottom-color:var(--color-gold);color:var(--color-wood-900);font-weight:700}.rules-content{color:var(--color-parchment)}.rules-section-list{display:flex;flex-direction:column;gap:1.5rem}.rules-heading{color:var(--color-gold);font-size:var(--text-xl);font-weight:700;line-height:1.25;margin:0 0 .75rem}.rules-list{list-style:disc;padding-inline-start:1.5rem}.rules-intro,.rules-list{line-height:1.7;margin:0}.rules-small{font-size:var(--text-sm);line-height:1.5}.rules-muted{color:var(--color-text-muted)}.rules-panel{background:var(--gradient-panel);border:2px solid var(--color-border-muted);border-radius:var(--radius-md);padding:1rem}.rules-panel+.rules-list{margin-block-start:.75rem}.rules-panel p{color:var(--color-parchment-dim);margin:0}.rules-panel__head{align-items:center;color:var(--color-gold);display:flex;gap:.625rem;margin-block-end:.5rem}.rules-panel__title{color:var(--color-parchment);font-weight:700}.rules-panel__head .rules-panel__title{color:var(--color-gold)}.rules-panel__title.is-beneficial{color:#8fd19e}.rules-panel__note{border-top:1px solid var(--color-border-muted);color:var(--color-gold);margin:.75rem 0 0;padding-block-start:.75rem}.rules-split{align-items:center;display:flex;gap:1rem}.rules-split>div:not(.rules-split__divider){flex:1 1}.rules-split__divider{background:var(--color-border-muted);block-size:2.5rem;inline-size:2px}.rules-rarity-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));margin-block-start:1rem}.rules-rarity{background:var(--gradient-panel);border:2px solid;border-radius:var(--radius-sm);padding:.75rem;text-align:center}.rules-rarity__name{font-weight:700;margin-block-end:.25rem}.rules-board-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17.5rem),1fr))}.rules-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-end:.75rem}.rules-filter{background:var(--gradient-panel);border:2px solid var(--color-border-muted);border-radius:var(--radius-md);color:var(--color-gold);cursor:pointer;font-family:var(--font-serif);font-size:var(--text-sm);min-block-size:var(--tap-min);padding:0 1rem}.rules-filter.is-active{background:var(--gradient-gold);border-color:var(--color-gold);color:var(--color-wood-900);font-weight:700}.rules-search{background:var(--gradient-panel);border:2px solid var(--color-border-muted);border-radius:var(--radius-md);color:var(--color-parchment);font-family:var(--font-serif);font-size:var(--text-sm);inline-size:100%;margin-block-end:1rem;min-block-size:var(--tap-min);padding:.5rem 1rem}.rules-search:focus{border-color:var(--color-gold);outline:none}.rules-cards-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}.rules-card{background:linear-gradient(145deg,#2c1810,#1a0f08);border:2px solid var(--color-border-muted);border-radius:var(--radius-md);box-shadow:0 2px 8px #0006;display:flex;flex-direction:column;padding:1rem;transition:border-color .2s,box-shadow .2s}@media (hover:hover){.rules-card:hover{border-color:var(--color-gold);box-shadow:0 4px 16px #c9a9614d}}.rules-card__head{align-items:center;display:flex;gap:.75rem;margin-block-end:.75rem}.rules-card__icon{align-items:center;background:var(--gradient-panel);block-size:3rem;border:2px solid;border-radius:var(--radius-sm);color:var(--color-parchment);display:flex;flex:none;inline-size:3rem;justify-content:center}.rules-card__icon img{block-size:2.25rem;filter:brightness(1.1);inline-size:2.25rem;object-fit:contain}.rules-card__titles{flex:1 1;min-width:0}.rules-card__name{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-parchment);display:-webkit-box;font-size:var(--text-base);font-weight:700;line-height:1.25;margin:0 0 .25rem;overflow:hidden}.rules-card__rarity{font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.rules-card__description{color:var(--color-parchment-dim);flex:1 1;font-size:var(--text-sm);line-height:1.6;margin:0 0 .75rem}.rules-card__foot{align-items:center;border-top:1px solid #c9a96133;color:var(--color-text-muted);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding-block-start:.75rem}.rules-card__foot strong{color:var(--color-gold)}.rules-card__tag{background:#c9a9611a;border:1px solid #c9a9614d;border-radius:var(--radius-sm);color:var(--color-parchment-dim);font-size:var(--text-xs);padding:.25rem .5rem}.rules-empty{color:var(--color-text-muted);font-style:italic;padding:2.5rem;text-align:center}.rules-effects{display:flex;flex-direction:column;gap:1rem}.rules-effect{align-items:flex-start;display:flex;gap:.75rem}.rules-effect__icon{align-items:center;block-size:2.5rem;border-radius:50%;color:#fff;display:flex;flex:none;inline-size:2.5rem;justify-content:center}.rules-effect__detail{margin-block-start:.375rem}@media (max-height:30rem){.rules-tabs{margin-block-end:.75rem}.rules-tab{font-size:var(--text-sm)}.rules-heading{font-size:var(--text-lg)}}@media (max-width:30rem){.rules-tab{font-size:var(--text-sm)}}.feedback-type-tabs{background-color:#00000040;border:1px solid #5c4a30;border-radius:var(--radius-md);display:flex;gap:.375rem;margin-block-end:1rem;padding:.25rem}.feedback-type-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-serif);font-size:var(--text-sm);font-weight:600;gap:.375rem;justify-content:center;min-block-size:var(--tap-min);min-width:0;padding:0 .5rem;transition:background-color .2s,color .2s;white-space:nowrap}.feedback-type-tab svg{flex:none}.feedback-type-tab:hover:not(:disabled):not(.active){background-color:#8b735540;color:var(--color-parchment-dim)}.feedback-type-tab.active{background-color:var(--color-wood-500);box-shadow:inset 0 1px 3px #0000004d;color:#fff8ec}.feedback-type-tab:disabled{cursor:not-allowed;opacity:.6}.feedback-type-label-short{display:none}@media (max-width:24rem){.feedback-type-label{display:none}.feedback-type-label-short{display:inline}}.feedback-field{display:flex;flex-direction:column;gap:.375rem;margin-block-end:.875rem}.feedback-field label{color:var(--color-gold);font-size:var(--text-sm);font-weight:600}.feedback-email-input,.feedback-textarea{background:var(--color-parchment);border:2px solid #8b7355;border-radius:var(--radius-md);color:var(--color-ink);font-family:var(--font-serif);font-size:var(--text-sm);outline:none;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s}.feedback-textarea{line-height:1.5;min-block-size:5.5rem;resize:vertical}.feedback-email-input:focus,.feedback-textarea:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px #c9a96140}.feedback-email-input:disabled,.feedback-textarea:disabled{cursor:not-allowed;opacity:.6}.feedback-char-counter{color:var(--color-text-muted);font-size:var(--text-xs);text-align:right}.feedback-char-warning{color:#ffb08a}.feedback-error-message{background-color:#f08a7e1f;border:1px solid #f08a7e80;border-radius:var(--radius-md);color:var(--color-danger-text);flex-basis:100%;font-size:var(--text-sm);padding:.5rem .75rem}.feedback-success-message{background-color:#a6e3a11a;border:1px solid #a6e3a166;border-radius:var(--radius-md);color:#a6e3a1;font-size:var(--text-base);font-weight:600;padding:1.125rem 1rem;text-align:center}@media (max-height:30rem){.feedback-field,.feedback-type-tabs{margin-block-end:.5rem}.feedback-textarea{block-size:3.5rem;min-block-size:3.5rem}}.player-rating{color:var(--color-text-muted);flex:none;font-size:.875em;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.player-rating__label{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}.player-name--truncate{display:inline-block;max-inline-size:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.player-name--wrap{overflow-wrap:anywhere}.account-bar{flex-direction:column;gap:.375rem;min-width:0;text-align:center}.account-bar,.account-bar__row{align-items:center;display:flex}.account-bar__row{color:var(--color-gold);column-gap:1rem;flex-wrap:wrap;font-size:var(--text-sm);justify-content:center;max-inline-size:100%}.account-bar__identity{align-items:center;display:inline-flex;gap:.375rem;max-inline-size:100%;min-block-size:var(--tap-min);min-width:0}.account-bar__label{flex:none}.account-bar__name{color:var(--color-parchment);font-weight:700}.account-bar__links{align-items:center;display:inline-flex;gap:.375rem;white-space:nowrap}.account-bar__link{background:none;border:0;color:var(--color-gold);cursor:pointer;font:inherit;gap:.25rem;padding:0;text-decoration:underline;text-underline-offset:3px;transition:color .15s ease}.account-bar__link:hover{color:var(--color-parchment)}.account-bar__count{background:var(--color-gold);border-radius:999px;color:var(--color-wood-900);display:inline-block;font-size:var(--text-xs);font-weight:700;line-height:1.25rem;min-inline-size:1.25rem;padding-inline:.375rem;text-align:center;text-decoration:none}.account-bar__hint,.account-bar__sep{color:var(--color-text-muted)}.account-bar__error,.account-bar__hint,.online-pill{font-size:var(--text-xs)}.online-pill{align-items:center;background:linear-gradient(135deg,#3d2817e6,#2c1810e6);border:1px solid #c9a96166;border-radius:999px;box-shadow:0 2px 6px #0006;color:var(--color-parchment);display:inline-flex;gap:.5rem;letter-spacing:.02em;padding:.25rem .75rem;white-space:nowrap}.online-pill__dot{animation:online-pill-pulse 2s ease-in-out infinite;background-color:#22c55e;block-size:8px;border-radius:50%;box-shadow:0 0 6px #22c55e99;inline-size:8px}@media (max-width:26rem){.online-pill__noun{display:none}}@keyframes online-pill-pulse{0%,to{opacity:1}50%{opacity:.5}}.page-shell{background:var(--gradient-page);color:var(--color-text);display:flex;flex:1 0 auto;flex-direction:column;font-family:var(--font-serif);padding-block:clamp(.5rem,2vh,1.25rem);padding-inline:clamp(.75rem,3vw,1.5rem)}.page-shell__header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem .75rem;justify-content:space-between;min-block-size:var(--tap-min)}.page-shell__start{align-items:center;display:flex;gap:.75rem;min-width:0}.page-shell__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-inline-start:auto}.page-shell__main{align-items:center;display:flex;flex:1 0 auto;flex-direction:column;padding-block:clamp(.75rem,3vh,2rem)}.page-shell__main--center>:first-child{margin-block-start:auto}.page-shell__main--center>:last-child{margin-block-end:auto}.page-shell__footer{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem 1rem;justify-content:center;padding-block:.5rem}@media (max-height:30rem){.page-shell{padding-block:.375rem}.page-shell__main{padding-block:.625rem}}.frame{background:var(--gradient-card);border:3px solid var(--color-gold);border-radius:var(--radius-md);box-shadow:var(--shadow-frame);color:var(--color-text);inline-size:100%;max-inline-size:var(--frame-w);padding:clamp(.875rem,4vw,2.5rem)}.frame,.frame--sm{--frame-w:28rem}.frame--md{--frame-w:32rem}.frame--lg{--frame-w:42rem}.frame--xl{--frame-w:56rem}.frame--prose{--frame-w:56.25rem}.frame--wide{--frame-w:80rem}@media (max-width:30rem){.frame{box-shadow:var(--shadow-frame-ring-sm),0 12px 24px #00000080}}@media (max-height:30rem){.frame{box-shadow:var(--shadow-frame-ring-sm),0 12px 24px #00000080;padding:.75rem 1rem}}.lobby-page .page-shell__main{padding-block-start:clamp(.75rem,7vh,4.5rem)}.App:has(>.connection-banner) .lobby-page .page-shell__main{padding-block-start:.75rem}.lobby{align-items:start;display:grid;grid-template-areas:"brand" "account" "modes" "panel";grid-template-columns:minmax(0,1fr);row-gap:1.25rem}.lobby__brand{align-items:center;display:flex;flex-direction:column;gap:.5rem;grid-area:brand;text-align:center}.lobby__icons{align-items:flex-end;display:flex;gap:1rem;justify-content:center}.lobby__icons img{block-size:3.25rem;display:block;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8));inline-size:3.25rem;object-fit:contain}.lobby__title{color:var(--color-parchment);font-size:clamp(1.875rem,1.5rem + 1.5vw,2.25rem);font-weight:700;line-height:1.15;margin:0;text-shadow:3px 3px 0 var(--color-wood-900),-1px -1px 0 var(--color-wood-900),1px -1px 0 var(--color-wood-900),-1px 1px 0 var(--color-wood-900)}.lobby__tagline{color:var(--color-gold);font-size:var(--text-base);margin:0;text-shadow:1px 1px 2px #000c}.lobby__account{grid-area:account;min-width:0}.lobby__modes{display:grid;gap:.5rem;grid-area:modes;grid-auto-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr))}.lobby__badge{background:var(--color-gold);border-radius:999px;color:var(--color-wood-900);display:inline-block;font-size:var(--text-xs);font-weight:700;line-height:1.25rem;min-inline-size:1.25rem;padding-inline:.375rem}.lobby__panel{grid-area:panel;min-width:0}.lobby__form,.lobby__panel{display:flex;flex-direction:column;gap:1rem}.choice-button.lobby__time{flex-direction:column;font-size:var(--text-xs);gap:.125rem;padding-inline:.25rem}.lobby__time-value{font-family:var(--font-numeric);font-weight:500}.lobby__custom{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:.5rem}.lobby__custom-label{font-size:var(--text-xs)}.lobby__searching{align-items:center;border-color:var(--color-gold);display:flex;flex-direction:column;gap:.25rem;text-align:center}.lobby__searching-title{align-items:center;display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:.5rem}.lobby__queue{color:var(--color-gold);font-size:var(--text-xs)}.lobby-footer__nav{column-gap:1rem;display:flex;flex-wrap:wrap;justify-content:center}.lobby-footer__link{color:var(--color-gold);font-size:var(--text-sm);gap:.5rem;padding-inline:.25rem;text-decoration:underline;text-underline-offset:3px;transition:color .15s ease}.lobby-footer__link:hover{color:var(--color-parchment)}.lobby-footer__icon{block-size:1.25rem;flex:none;inline-size:1.25rem}@media (max-height:48rem){.lobby{row-gap:1rem}.lobby__icons{display:none}}@media (max-height:36rem){.lobby{row-gap:.75rem}.lobby__brand{gap:0}.lobby .account-bar__hint,.lobby__tagline{display:none}.lobby__form,.lobby__panel{gap:.75rem}}@media (min-width:40rem) and (min-aspect-ratio:1/1) and (max-height:50rem){.frame.lobby{--frame-w:52rem}.lobby{--lobby-col-gap:clamp(1.25rem,4vw,2.5rem);column-gap:var(--lobby-col-gap);grid-template-areas:"brand panel" "account panel" "modes panel";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr}.lobby__icons{display:flex}.lobby .account-bar__hint,.lobby__tagline{display:block}.lobby__panel{align-self:stretch;border-inline-start:1px solid var(--color-border-muted);justify-content:flex-start;margin-inline-start:calc(var(--lobby-col-gap)/-2);padding-inline-start:calc(var(--lobby-col-gap)/2)}}@media (max-height:30rem){.lobby{row-gap:.625rem}.lobby__icons,.lobby__tagline{display:none}.lobby__title{font-size:1.5rem}.lobby__modes{gap:.375rem}.lobby__form,.lobby__panel{gap:.625rem}}.connection-banner{align-items:center;animation:connection-banner-in .3s ease-out;color:#fff8ec;display:flex;flex:none;flex-wrap:wrap;font-family:var(--font-serif);font-size:var(--text-sm);gap:.25rem .5rem;justify-content:center;padding:.5rem 1rem;text-align:center}.connection-banner--reconnecting{background:linear-gradient(135deg,#8a5a12,#6e4610)}.connection-banner--disconnected{background:linear-gradient(135deg,#9b2c22,#7a2019)}.connection-banner__detail{opacity:.9}@media (max-height:30rem){.connection-banner{padding-block:.25rem}}.connection-banner--reconnecting .connection-banner__icon{animation:connection-banner-spin 1.2s linear infinite}@keyframes connection-banner-in{0%{transform:translateY(-100%)}to{transform:none}}@keyframes connection-banner-spin{to{transform:rotate(1turn)}}.waiting-room{display:grid;gap:1.5rem;grid-template-areas:"title" "players" "share";grid-template-columns:minmax(0,1fr);text-align:center}.waiting-room__title{color:var(--color-parchment);font-size:clamp(1.5rem,1.25rem + 1.25vw,1.875rem);font-weight:700;grid-area:title;line-height:1.2;margin:0;overflow-wrap:anywhere;text-shadow:3px 3px 0 var(--color-wood-900),-1px -1px 0 var(--color-wood-900),1px -1px 0 var(--color-wood-900),-1px 1px 0 var(--color-wood-900)}.waiting-room__id{font-family:var(--font-numeric);letter-spacing:.04em}.waiting-room__players{display:flex;flex-direction:column;gap:.75rem;grid-area:players;min-width:0}.waiting-room__heading{color:var(--color-gold);font-size:var(--text-lg);font-weight:600;margin:0;text-shadow:1px 1px 2px #000c}.waiting-room__list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.waiting-room__player{align-items:center;background:linear-gradient(135deg,var(--color-wood-700) 0,var(--color-wood-600) 100%);border:2px solid var(--color-border-muted);border-radius:var(--radius-md);box-shadow:0 2px 4px #0006;display:flex;gap:.75rem;justify-content:space-between;min-block-size:3.5rem;padding:.5rem 1rem;text-align:start}.waiting-room__who{display:flex;flex-direction:column;gap:.125rem;min-width:0}.waiting-room__name-row{align-items:center;display:flex;gap:.375rem;min-width:0}.waiting-room__name{color:var(--color-parchment);font-size:var(--text-base);font-weight:700}.waiting-room__role{color:var(--color-gold);font-size:var(--text-sm)}.waiting-room__status{color:var(--color-gold);flex:none}.waiting-room__status.is-ready{color:#8fd19e}.waiting-room__share{align-items:stretch;border-color:var(--color-gold);display:flex;flex-direction:column;gap:.625rem;grid-area:share}.waiting-room__waiting{align-items:center;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;margin:0}.waiting-room__share-label{color:var(--color-gold);font-size:var(--text-sm)}.waiting-room__share-row{display:flex;gap:.5rem}.waiting-room__link{flex:1 1 auto;font-size:var(--text-sm)}.waiting-room__copy{flex:none;min-inline-size:6.5rem;white-space:nowrap}.waiting-room__room-id{color:var(--color-text-muted);font-size:var(--text-xs);margin:0}.waiting-room__room-id strong{color:var(--color-parchment);font-family:var(--font-numeric)}.waiting-room__ready{align-items:center;background:linear-gradient(135deg,#2d5a3a,#3f6b4c);border:2px solid var(--color-gold);border-radius:var(--radius-md);box-shadow:0 2px 4px #0006;display:flex;flex-direction:column;gap:.75rem;grid-area:share;padding:1.25rem 1rem}.waiting-room__ready p{color:var(--color-parchment);font-weight:600;margin:0}.waiting-room__ready-icons{display:flex;gap:.75rem}.waiting-room__ready-icons img{block-size:2.5rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8));inline-size:2.5rem}@media (max-height:40rem){.waiting-room{gap:1rem}.waiting-room__list,.waiting-room__players{gap:.5rem}.waiting-room__player{min-block-size:3rem;padding-block:.375rem}}@media (min-width:40rem) and (min-aspect-ratio:1/1) and (max-height:50rem){.frame.waiting-room{--frame-w:52rem}.waiting-room{align-items:start;column-gap:clamp(1.25rem,4vw,2.5rem);grid-template-areas:"title share" "players share";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr}.waiting-room__ready,.waiting-room__share{align-self:center}}@media (max-height:30rem){.waiting-room{row-gap:.625rem}.waiting-room__title{font-size:1.375rem}.waiting-room__heading{font-size:var(--text-base)}.waiting-room__player{min-block-size:2.75rem;padding-block:.25rem}.waiting-room__share{gap:.5rem}}.spell-offer{background:linear-gradient(135deg,#f4e4c1,#e8d8b8);border:2px solid #8b735599;border-inline-start:5px solid var(--rarity,#708090);border-radius:var(--radius-md);box-shadow:0 2px 6px #00000059;container:offer/inline-size;min-width:0;position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}@media (hover:hover){.spell-offer:not(.is-disabled):hover{box-shadow:0 6px 14px #0006;transform:translateY(-2px)}}.spell-offer.is-selected{border-color:var(--color-gold);box-shadow:0 0 0 3px var(--color-gold),0 4px 12px #c9a96173}.spell-offer.is-disabled{opacity:.6}.spell-offer__main{background:#0000;block-size:100%;border:0;color:var(--color-ink);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-serif);gap:.25rem;inline-size:100%;padding:.375rem .5rem;text-align:start}.spell-offer__main:disabled{cursor:default}.spell-offer__head{align-items:center;display:flex;gap:.5rem;min-width:0;padding-inline-end:1.75rem}.spell-offer__icon{align-items:center;block-size:2rem;color:var(--color-ink);display:flex;flex:none;inline-size:2rem;justify-content:center}.spell-offer__icon svg,.spell-offer__image{block-size:100%;inline-size:100%;object-fit:contain}.spell-offer__image{filter:brightness(0) saturate(100%) invert(13%) sepia(55%) saturate(35%) hue-rotate(340deg)}.spell-offer__titles{display:flex;flex-direction:column;min-width:0}.spell-offer__name{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:var(--text-sm);font-weight:700;line-height:1.2;overflow:hidden;overflow-wrap:break-word}.spell-offer__meta{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--text-xs);font-weight:700;gap:.375rem;letter-spacing:.04em;text-transform:uppercase}.spell-offer__cooldown{align-items:center;color:#4a3829;display:inline-flex;gap:.125rem}.spell-offer__description{-webkit-box-orient:vertical;-webkit-line-clamp:var(--offer-lines,4);color:#3d2817;display:-webkit-box;font-size:var(--text-sm);line-height:1.35;overflow:hidden}.spell-offer__side-effect{align-items:flex-start;color:#8a2a1c;display:flex;font-size:var(--text-xs);font-weight:600;gap:.25rem;line-height:1.35}.spell-offer__side-effect>span:last-child{-webkit-box-orient:vertical;-webkit-line-clamp:var(--offer-se-lines,2);display:-webkit-box;overflow:hidden}.spell-offer__side-effect svg{flex:none;margin-block-start:.0625rem}.spell-offer__info{background:#ffffff8c;block-size:1.75rem;border:1px solid #3d281766;border-radius:50%;color:#3d2817;cursor:pointer;display:grid;inline-size:1.75rem;padding:0;place-items:center;position:absolute;right:.25rem;top:.25rem}.spell-offer__info:hover{background:#fff}.spell-offer__info:after{block-size:max(100%,var(--tap-min));content:"";inline-size:max(100%,var(--tap-min));left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.spell-offer__check{background:var(--color-gold);block-size:1.5rem;border-radius:50%;box-shadow:0 1px 3px #0006;color:var(--color-wood-900);display:grid;inline-size:1.5rem;left:.25rem;place-items:center;position:absolute;top:.125rem}@container offer (max-width: 11rem){.spell-offer__head{gap:.375rem}.spell-offer__icon{block-size:1.5rem;inline-size:1.5rem}.spell-offer__meta{gap:.25rem;letter-spacing:0}}.spell-offer--mini .spell-offer__main{justify-content:center}.spell-offer--mini .spell-offer__icon{block-size:1.75rem;inline-size:1.75rem}.spell-offer__mini-side-effect{color:#8a2a1c;display:inline-flex}@container offer (max-width: 11rem){.spell-offer--mini .spell-offer__head{align-items:flex-start;flex-direction:column;gap:.25rem;padding-inline-end:0}.spell-offer--mini .spell-offer__titles{align-self:stretch}.spell-offer--mini .spell-offer__name{hyphens:auto}}.card-preview__hero{align-items:center;display:flex;flex-direction:column;gap:.375rem;margin-block-end:.75rem}.card-preview__icon{align-items:center;color:#f4d68a;display:flex;filter:drop-shadow(0 2px 8px rgba(244,214,138,.5));justify-content:center}.preview-card-image{block-size:3rem;inline-size:3rem;object-fit:contain}.card-preview__rarity{font-size:var(--text-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.card-preview__description{background:#c9a9611a;border:1px solid #c9a96140;border-radius:var(--radius-sm);color:var(--color-parchment-dim);font-size:var(--text-sm);line-height:1.55;margin:0 0 .75rem;padding:.625rem .75rem}.card-preview__heading{color:var(--color-parchment);font-size:var(--text-sm);font-weight:700;margin:0 0 .5rem}.card-preview__effects{margin-block-end:.75rem}.card-preview__effect{background:#0003;border-inline-start:3px solid var(--color-gold);border-radius:var(--radius-sm);margin-block-end:.375rem;padding:.5rem .625rem}.card-preview__effect-type{color:var(--color-gold);font-size:var(--text-sm);font-weight:700;text-transform:capitalize}.card-preview__effect-detail{color:var(--color-text-muted);font-size:var(--text-xs)}.card-preview__meta{background:#0003;border:1px solid #c9a96140;border-radius:var(--radius-sm);color:var(--color-parchment-dim);display:flex;flex-direction:column;font-size:var(--text-sm);gap:.375rem;margin-block-end:.5rem;padding:.625rem .75rem}.card-preview__meta-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:.25rem .375rem}.card-preview__meta-icon{align-self:center;flex:none}.card-preview__meta-label{color:var(--color-parchment);font-weight:700}.card-preview__meta-row--blocked .card-preview__meta-icon,.card-preview__meta-row--blocked .card-preview__meta-label{color:var(--color-danger-text)}.card-preview__meta-row--side-effect .card-preview__meta-icon{color:#f0b26b}.card-preview__meta-row--ready .card-preview__meta-icon,.card-preview__meta-row--ready span:last-child{color:#8fd19e}.card-preview__squares{color:var(--color-gold);font-family:var(--font-numeric);font-weight:700;text-transform:lowercase}.info-timer-section,.timer-display{align-items:center;display:flex}.timer-display{background:linear-gradient(135deg,#2a2a2ae6,#1f1f1fe6);border:1px solid #ffffff1a;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff1a,0 2px 4px #0003;gap:.375rem;padding:6px 12px;transition:all .3s ease}.timer-display.timer-active{background:linear-gradient(135deg,#141414f2,#0a0a0af2);border:2px solid #c9a96199;box-shadow:0 0 15px #c9a9614d,inset 0 1px 0 #ffffff26,0 4px 6px #0000004d;transform:scale(1)}.timer-display.timer-inactive{background:linear-gradient(135deg,#f0f0f0d9,#dcdcdcd9);border:1px solid #64646480;box-shadow:0 1px 3px #0000001a;opacity:1;transform:scale(1)}.timer-display.timer-inactive .timer-value{color:#4b5563}.timer-value{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.05em;line-height:1;transition:all .3s ease}.timer-increment{align-items:center;background:#4a9eff33;border-radius:12px;color:#4a9eff;display:flex;font-size:var(--text-xs);font-weight:600;gap:.125rem;padding:2px 6px}.timer-status{background:#9ca3af4d;border-radius:4px;color:#e5e7eb;font-size:.75rem;font-style:italic;line-height:1rem;padding:2px 6px}.timer-display.timer-inactive .timer-status{background:#4b55631f;color:#374151}.timer-display.timer-waiting{border-style:dashed}.timer-display.timer-active.time-safe{border-color:#4ade8080}.timer-display.timer-active.time-safe .timer-value{color:#4ade80}.timer-display.timer-active.time-warning{background:linear-gradient(135deg,#43382af2,#31291ff2);border-color:#fb923c80}.timer-display.timer-active.time-warning .timer-value{color:#fb923c}.timer-display.timer-active.time-critical{animation:timer-critical-pulse 1s ease-in-out infinite;background:linear-gradient(135deg,#432a2afa,#311f1ffa);border-color:#ef444499}.timer-display.timer-active.time-critical .timer-value{animation:timer-critical-blink 1s ease-in-out infinite;color:#f87171}.timer-display.time-expired{animation:timer-timeout-pulse 1.5s ease-in-out infinite!important;background:linear-gradient(135deg,#7f1d1df2,#991b1bf2)!important;border:2px solid #dc2626e6!important;opacity:1!important;transform:scale(1)!important}.timer-display.timeout-state{align-items:center;display:flex;justify-content:center;padding:0 .625rem}.timeout-label{color:#fecaca!important;font-size:.8125em;font-weight:800;letter-spacing:1.5px;text-shadow:0 1px 2px #00000080;text-transform:uppercase}@keyframes timer-critical-pulse{0%,to{border-color:#ef444480}50%{border-color:#ef4444cc}}@keyframes timer-critical-blink{0%,to{opacity:1}50%{opacity:.7}}@keyframes timer-timeout-pulse{0%,to{border-color:#dc2626e6;box-shadow:0 0 15px #dc262680}50%{border-color:#ef4444;box-shadow:0 0 25px #dc2626cc}}.spell-pick__body{--offer-lines:3;container:pick/inline-size}.spell-pick__clock{align-items:center;display:flex}.spell-pick__clock .timer-display{padding:.25rem .5rem}.spell-pick__clock .timer-display.timer-inactive .timer-value,.spell-pick__clock .timer-value{font-size:var(--text-lg)}.spell-pick__clock .timer-status{display:none}.spell-pick__turn{color:var(--color-parchment-dim);font-size:var(--text-sm);font-weight:600}.spell-pick__offers{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}@container pick (min-width: 44rem){.spell-pick__offers{--offer-lines:6;grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-height:30rem){@container pick (min-width: 34rem){.spell-pick__offers{grid-template-columns:repeat(4,minmax(0,1fr))}}}@media (min-height:44rem){.spell-pick__body{--offer-lines:5}}@media (max-height:36rem){.spell-pick__body{--offer-lines:2}}@media (max-height:30rem){.spell-pick__body .spell-pick__offers{--offer-lines:3;gap:.375rem}.card-selection-modal .modal__header .btn{min-block-size:2.25rem}.spell-pick__clock .timer-display.timer-inactive .timer-value,.spell-pick__clock .timer-value{font-size:var(--text-base)}.spell-pick__body .spell-pick__discard{gap:.25rem}.spell-pick__body .spell-pick__label{font-size:var(--text-xs)}}.spell-pick__discard{display:flex;flex-direction:column;gap:.375rem}.spell-pick__label{color:var(--color-gold);font-size:var(--text-sm);font-weight:700;margin:0}.spell-pick__new{max-inline-size:20rem}.spell-pick__hand{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}@container pick (min-width: 36rem){.spell-pick__hand{grid-template-columns:repeat(4,minmax(0,1fr))}}.spell-pick__status{color:var(--color-parchment-dim);font-size:var(--text-sm);font-weight:600;margin:0}.spell-pick__waiting{align-items:center;color:var(--color-parchment);display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 0}.spell-pick__waiting p{margin:0}.spell-pick__spinner{animation:pick-spin .9s linear infinite;block-size:2.5rem;border:3px solid #c9a96140;border-radius:50%;border-top:3px solid var(--color-gold);inline-size:2.5rem}@keyframes pick-spin{to{transform:rotate(1turn)}}@media (max-width:26rem){.spell-pick__peek-label{display:none}}.promotion-instruction{color:var(--color-parchment-dim);font-size:var(--text-sm);margin:0 0 .75rem;text-align:center}.promotion-options{display:grid;gap:.5rem;grid-template-columns:repeat(4,minmax(0,1fr))}.promotion-option{align-items:center;background:var(--color-parchment);border:2px solid #c9a96180;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:.375rem;min-block-size:var(--tap-min);padding:.75rem .5rem;transition:transform .15s ease,border-color .15s ease}.promotion-option:hover{border-color:var(--color-gold);transform:translateY(-2px)}.promotion-piece{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));inline-size:clamp(2.5rem,12vmin,4rem)}.promotion-label{color:var(--color-ink);font-size:var(--text-sm);font-weight:700}@media (max-width:26rem){.promotion-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.chat-composer{align-items:center;display:flex;flex:1 1 auto;gap:.375rem;min-width:0}.chat-composer-input{background:#fff;block-size:2rem;border:1px solid #c9a96180;border-radius:6px;color:var(--color-ink);flex:1 1 auto;font-family:var(--font-serif);font-size:var(--text-sm);min-width:0;outline:none;padding:0 .625rem;transition:border-color .15s ease}.chat-composer-input:focus{border-color:#c9a961e6;box-shadow:0 0 0 2px #c9a96133}.chat-composer-cancel,.chat-composer-send{block-size:2rem;border:1px solid #c9a96180;border-radius:6px;cursor:pointer;display:inline-grid;flex:none;inline-size:2rem;padding:0;place-items:center;transition:background-color .15s ease,transform .15s ease}.chat-composer-send{background:var(--color-gold);color:var(--color-ink)}.chat-composer-send:hover:not(:disabled){background:#d4b675}.chat-composer-send:disabled{cursor:not-allowed;opacity:.4}.chat-composer-cancel{background:#0000;color:var(--color-ink)}.chat-composer-cancel:hover{background:#0000000d;border-color:#c9a961cc}.player-info-bar{align-items:center;background:var(--color-parchment);block-size:var(--pb-h,2.5rem);color:var(--color-ink);container:pib/inline-size;display:flex;gap:.375rem;min-width:0;padding-inline:.5rem}.player-info-bar.active-turn{animation:pib-active-pulse 2s cubic-bezier(.4,0,.6,1) infinite;box-shadow:inset 0 0 0 2px #c9a9618c}.pib-color{color:var(--color-ink);filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));flex:none;font-size:calc(var(--pb-h, 2.5rem)*.55);line-height:1}.player-info-bar .info-player-name{flex:0 1 auto;font-size:.9375em;font-weight:700;letter-spacing:.01em;min-width:3ch}.player-info-bar .pib-rating{color:var(--color-ink-muted);font-size:.8125em}.pib-slot{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:0}.pib-slot:has(>.pib-offline){min-inline-size:auto}.pib-slot:has(>.pib-chat,>.pib-played){min-inline-size:max(0px,min(40%,8rem,100cqi - 16.75rem))}@container pib (max-width: 18rem){.player-info-bar .pib-rating{display:none}.pib-slot:has(>.pib-chat,>.pib-played){min-inline-size:max(0px,min(40%,8rem,100cqi - 14.5rem))}}.pib-offline{background:#fde8e6;border:1px solid #9b1c1259;border-radius:999px;color:#8f1d14;font-size:.8125em;font-weight:700;gap:.25rem;padding:.125rem .5rem;white-space:nowrap}.pib-offline,.pib-played{align-items:center;display:inline-flex}.pib-played{animation:pib-played-in .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#2a2a2ae6,#1f1f1fe6);block-size:calc(var(--pb-h, 2.5rem) - .5rem);border:1px solid #c9a96180;border-radius:6px;color:#f3f4f6;cursor:pointer;font-family:var(--font-serif);gap:.375rem;max-inline-size:100%;min-width:0;padding:0 .5rem}.pib-played:hover{border-color:#c9a961cc}.pib-played__label{color:#d1d5db;flex:none;font-size:.75em}.pib-played__icon{aspect-ratio:1;block-size:calc(var(--pb-h, 2.5rem) - .875rem);border:1px solid #ffd70099;border-radius:4px;flex:none;object-fit:cover}.pib-played__name{font-size:.8125em;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pib-chat{align-items:center;animation:pib-chat-in .35s cubic-bezier(.16,1,.3,1) both;background:linear-gradient(135deg,#2a2a2af5,#1f1f1ff5);block-size:calc(var(--pb-h, 2.5rem) - .5rem);border:1px solid #c9a96199;border-radius:8px;color:#f3f4f6;cursor:pointer;display:inline-flex;font-family:var(--font-serif);gap:.375rem;max-inline-size:100%;min-width:0;padding:0 .5rem}.pib-chat--own{background:linear-gradient(135deg,#342a1cf5,#291f14f5);border-color:#c9a961d9}.pib-chat__icon{color:var(--color-gold);flex:none}.pib-chat__text{font-size:.875em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pib-chat-popover{background:var(--gradient-card);border:2px solid var(--color-gold);border-radius:var(--radius-md);box-shadow:0 12px 30px #00000080;color:var(--color-parchment);font-family:var(--font-serif);font-size:var(--text-base);line-height:1.4;max-inline-size:min(90vw,24rem);overflow-wrap:anywhere;padding:.75rem 1rem}.pib-chat-popover::backdrop{background:#0a060359}.chat-icon-button{background:#0000;block-size:1.75rem;border:1px solid #c9a96180;border-radius:6px;color:var(--color-ink);cursor:pointer;display:inline-grid;flex:none;inline-size:1.75rem;padding:0;place-items:center}.chat-icon-button:hover{background:#c9a96126;border-color:#c9a961cc}.player-info-bar .tap-target:after{height:var(--pb-h,2.5rem)}.chat-mute-button.muted{border-color:#b91c1c80;color:#b91c1c}.player-info-bar .info-timer-section{flex:none;margin-inline-start:auto}.player-info-bar .timer-display{block-size:calc(var(--pb-h, 2.5rem) - .5rem);border-radius:8px;padding:0 .5rem}.player-info-bar .timer-display.timer-inactive .timer-value,.player-info-bar .timer-value{font-size:calc(var(--pb-h, 2.5rem)*.46);min-inline-size:5ch;text-align:center}.player-info-bar .timer-status{display:none}@container pib (min-width: 26rem){.player-info-bar .timer-status{display:inline}}.player-info-bar .chat-composer-cancel,.player-info-bar .chat-composer-input,.player-info-bar .chat-composer-send{block-size:calc(var(--pb-h, 2.5rem) - .5rem)}.pib-slot:has(>.pib-played){container:pib-slot/inline-size}@container pib-slot (max-width: 15em){.pib-played__label{display:none}}@container pib-slot (max-width: 12em){.pib-played__icon{display:none}}@container pib-slot (max-width: 9em){.pib-played__name{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:.75em;line-height:1.1;overflow-wrap:break-word;white-space:normal}}@container pib (max-width: 20rem){.pib-offline{gap:.125rem;padding-inline:.375rem}}.ai-turn-indicator{align-items:center;background:linear-gradient(135deg,#2a2a2ae6,#1f1f1fe6);block-size:calc(var(--pb-h, 2.5rem) - .5rem);border:1px solid #ffffff1a;border-radius:8px;display:flex;flex:none;justify-content:center;margin-inline-start:auto;padding:0 .625rem}.ai-turn-indicator .turn-status{color:#e5e7eb;font-size:.8125em;font-weight:600;letter-spacing:.02em;white-space:nowrap}.animated-dots:after{animation:pib-dots 1.5s steps(4) infinite;content:"";display:inline-block;text-align:left;width:1.5em}@keyframes pib-dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}@keyframes pib-active-pulse{0%,to{box-shadow:inset 0 0 0 2px #c9a96173}50%{box-shadow:inset 0 0 0 3px #c9a961cc}}@keyframes pib-played-in{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}@keyframes pib-chat-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.feedback-button{align-items:center;background:linear-gradient(180deg,#8b4513d9,#652c0cd9);border:1px solid #8b451399;box-shadow:0 2px 4px #0000004d;color:#f4e4c1;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;text-shadow:0 1px 2px #00000080;transition:all .2s ease}.feedback-button:hover{background:linear-gradient(180deg,#a0522de6,#783714e6);border-color:#a0522db3;box-shadow:0 4px 6px #0006;transform:translateY(-1px)}.feedback-button:active{box-shadow:0 2px 4px #0000004d;transform:translateY(0)}.feedback-button-icon{flex-shrink:0}.feedback-button-label{letter-spacing:.025em}.feedback-button-compact{border-radius:6px;font-size:13px;padding:8px 14px}.game-info-bar{align-items:center;background:linear-gradient(135deg,#3d2817f7,#2c1810f7);block-size:100%;color:var(--color-parchment);display:flex;font-family:var(--font-serif);gap:.5rem;min-width:0;padding:0 .375rem 0 .5rem;transition:background .3s ease}.gi-turn{align-items:baseline;background:linear-gradient(135deg,#c9a9614d,#8b73554d);border:1px solid #c9a96180;border-radius:999px;display:inline-flex;flex:none;gap:.375rem;padding:.125rem .625rem}.gi-turn__label{color:var(--color-parchment-dim);font-size:.75em;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.gi-turn__number{font-weight:700}.gi-main{align-items:center;display:flex;flex:1 1;gap:.5rem;justify-content:center;min-inline-size:min(7rem,33%)}.gi-clamp{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;line-height:1.15;min-width:0;overflow:hidden;overflow-wrap:anywhere}.gi-status{font-weight:700;letter-spacing:.02em;text-align:center;text-shadow:0 1px 3px #00000080}.game-info-bar svg{block-size:1.15em;flex:none;inline-size:1.15em}.gi-notice{align-items:center;animation:gi-notice-in .25s ease-out;background:#0000;border:1px solid #0000;border-radius:6px;color:inherit;cursor:pointer;display:inline-flex;font-family:var(--font-serif);font-size:.875em;font-weight:600;gap:.375rem;max-inline-size:100%;min-width:0;padding:.125rem .625rem;text-align:start}.gi-notice-popover{background-color:var(--color-wood-800);border:2px solid;border-radius:var(--radius-md);box-shadow:0 12px 32px #0009;color:var(--color-parchment);font-family:var(--font-serif);font-size:var(--text-base);line-height:1.4;margin:auto;max-inline-size:min(26rem,calc(100vw - 2rem));padding:.75rem 1rem}.gi-notice-popover::backdrop{background:#0a060359}.gi-notice-popover__text{margin:0}.gi-notice-popover .gi-btn{margin-block-start:.75rem}.gi-notice__icon{flex:none}.gi-notice--info{background:#c9a96126;border-color:#c9a96199}.gi-notice--warning{background:#8a5a128c;border-color:#f5b446b3}.gi-notice--error{background:#9b2c228c;border-color:#f08a7ecc}.gi-chip{align-items:baseline;background:#00000040;border:1px solid #c9a96199;border-radius:6px;display:inline-flex;flex:0 0 auto;gap:.375rem;max-inline-size:60%;min-width:0;padding:.125rem .5rem}.gi-chip__label{color:var(--color-gold);flex:none;font-size:.75em;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.gi-chip__name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gi-instruction{align-items:center;display:inline-flex;flex:1 1 auto;font-size:.875em;font-weight:600;gap:.375rem;min-width:0}.gi-instruction__icon,.gi-progress{color:var(--color-gold);flex:none}.gi-play-line{display:none;font-size:.875em;font-weight:600;text-align:center}.gi-play-line__name{color:var(--color-gold);font-weight:700}.gi-actions{align-items:center;flex:none;gap:.375rem}.gi-actions,.gi-group{display:flex}.gi-btn{align-items:center;background:linear-gradient(180deg,#8b4513d9,#652c0cd9);block-size:calc(var(--gi-h, 2.75rem) - .375rem);border:1px solid #8b451399;border-radius:6px;box-shadow:0 2px 4px #0000004d;color:var(--color-parchment);cursor:pointer;display:inline-flex;font-family:var(--font-serif);font-size:.8125em;font-weight:600;gap:.375rem;justify-content:center;min-inline-size:max(calc(var(--tap-min) - .25rem),calc(var(--gi-h, 2.75rem) - .375rem));padding:0 .625rem;position:relative;text-shadow:0 1px 2px #00000080;transition:background .2s ease,transform .2s ease;white-space:nowrap}.gi-btn:after{block-size:max(100%,var(--tap-min));content:"";inset-inline:0;position:absolute;top:50%;transform:translateY(-50%)}@media (hover:hover){.gi-btn:hover{background:linear-gradient(180deg,#a0522de6,#783714e6)}}.gi-btn--primary{background:var(--gradient-gold);border-color:var(--color-gold-dark);color:var(--color-wood-900);text-shadow:none}@media (hover:hover){.gi-btn--primary:hover{background:var(--gradient-gold);filter:brightness(1.08)}}.gi-btn--cancel{border-color:#f08a7eb3}.gi-group>.gi-btn--segment{border-radius:0}.gi-group>.gi-btn--segment:first-child{border-end-start-radius:6px;border-start-start-radius:6px}.gi-group>.gi-btn--segment:last-child{border-end-end-radius:6px;border-start-end-radius:6px}.gi-group>.gi-btn--segment+.gi-btn--segment{border-inline-start:1px solid #0000004d}.gi-chat-button{position:relative}@media (min-aspect-ratio:11/10){.gi-chat-button{display:none}}.gi-badge{background:#c4362a;block-size:1.125rem;border-radius:999px;color:#fff;font-size:.6875rem;font-weight:700;line-height:1.125rem;min-inline-size:1.125rem;padding:0 .25rem;position:absolute;right:-.25rem;text-align:center;top:-.25rem}.game-info-bar:has(.gi-choose-spell,.gi-notice) .gi-group .gi-btn__label{display:none}@container gi (max-width: 30rem){.gi-btn__label{display:none}.gi-btn{padding:0 .5rem}.gi-chip,.gi-instruction{display:none}.gi-play-line{display:-webkit-box}.game-info-bar:has(.gi-choose-spell):has(.gi-chat-button) .feedback-button-statusbar,.game-info-bar:has(.gi-choose-spell,.gi-chat-button) .gi-turn__label{display:none}}@container gi (max-width: 21rem){.gi-turn__label{display:none}}.game-info-bar.check-active{animation:gi-check-pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#5a1a1af7,#7f1d1df7)}.game-info-bar.targeting-active{background:linear-gradient(135deg,#4c286ef7,#341a50f7)}.game-info-bar.sacrifice-active{background:linear-gradient(135deg,#5a1a1af7,#3c1212f7)}.game-info-bar.game-ended-victory{animation:gi-victory-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#2d5a3af7,#1a3d25f7)}.game-info-bar.game-ended-defeat{background:linear-gradient(135deg,#5a1a1af7,#7f1d1df7)}.game-info-bar.game-ended-stalemate{background:linear-gradient(135deg,#3d2817f7,#2c1810f7)}@keyframes gi-check-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}@keyframes gi-victory-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}@keyframes gi-notice-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.compact-card{background:linear-gradient(135deg,#f4e4c1,#e8d8b8);border-radius:4px;box-shadow:0 2px 4px #00000040,0 1px 2px #00000026;container:tile/size;cursor:pointer;min-width:0;position:relative;transition:transform .2s ease,box-shadow .2s ease}@media (hover:hover){.compact-card.clickable:hover{box-shadow:0 6px 12px #0000004d,0 2px 4px #0003;transform:translateY(-2px)}}.compact-card.disabled{filter:grayscale(20%);opacity:.75}.compact-card.no-targets{filter:grayscale(60%);opacity:.55}.compact-card.on-cooldown{filter:grayscale(30%);opacity:.6}.compact-card__inner{align-items:center;block-size:100%;display:flex;gap:.375rem;padding:.125rem .25rem .125rem .125rem}.playable-glow{animation:compact-card-glow 3s ease-in-out infinite;border:1px solid;border-radius:inherit;inset:0;opacity:.15;pointer-events:none;position:absolute}@keyframes compact-card-glow{0%,to{opacity:.1}50%{opacity:.25}}.compact-card-icon{align-items:center;block-size:min(80cqh,2.25rem);color:var(--color-ink);display:flex;flex:none;inline-size:min(80cqh,2.25rem);justify-content:center}.compact-card-icon svg{height:100%;width:100%}.compact-card-image{filter:brightness(0) saturate(100%) invert(13%) sepia(55%) saturate(35%) hue-rotate(340deg) drop-shadow(0 1px 1px rgba(255,255,255,.5));object-fit:contain}.compact-card-content{display:flex;flex:1 1 auto;flex-direction:column;gap:.125rem;justify-content:center;min-width:0}.compact-card-name{-webkit-line-clamp:2;color:var(--color-ink);display:-webkit-box;font-weight:700;line-height:1.15;min-width:0;overflow:hidden;overflow-wrap:break-word}.compact-card-desc,.compact-card-name{-webkit-box-orient:vertical;font-family:var(--font-serif);font-size:.75em}.compact-card-desc{-webkit-line-clamp:1;color:#3d2817;display:none;line-height:1.3;overflow:hidden}.compact-card__marks{align-items:center;align-self:stretch;display:flex;flex:none;flex-direction:column;gap:.125rem;padding-block:.0625rem}.compact-card-side-effect{color:var(--color-ink);display:flex;margin-block-start:auto;opacity:.85}.compact-card-side-effect svg{height:.75em;width:.75em}.compact-card-cooldown{background:#140c06d9;border-radius:999px;display:inline-flex;gap:1px;line-height:1.15;padding:0 .25rem;pointer-events:none}.compact-card-cooldown,.compact-card-no-targets-badge{align-items:center;color:#fff;font-size:.75em;font-weight:700}.compact-card-no-targets-badge{background:#c43626f2;block-size:.875rem;border-radius:50%;display:flex;inline-size:.875rem;justify-content:center;line-height:1}@container tile (max-height: 2.4rem){.compact-card-name{-webkit-line-clamp:1}}@container tile (max-width: 7rem) and (min-height: 2.6rem){.compact-card__inner{align-items:center;column-gap:.25rem;display:grid;grid-template-areas:"icon marks" "name name";grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);padding:.0625rem .1875rem .0625rem .125rem;row-gap:0}.compact-card-icon{block-size:.875rem;grid-area:icon;inline-size:.875rem}.compact-card-content{align-self:stretch;grid-area:name}.compact-card__marks{flex-direction:row;grid-area:marks;justify-content:flex-end;padding-block:0}.compact-card-side-effect{margin-block-start:0}.compact-card-name{hyphenate-limit-chars:6 3 3;hyphens:auto;line-height:1.08}}@container tile (max-width: 7rem) and (min-height: 3.5rem){.compact-card__inner{align-content:center;grid-template-areas:"icon" "name";grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;justify-items:center;padding:.125rem;row-gap:.125rem}.compact-card-icon{block-size:min(45cqh,1.75rem);inline-size:min(45cqh,1.75rem)}.compact-card-content{max-inline-size:100%;text-align:center}.compact-card__marks{grid-area:auto;position:absolute;right:1px;top:1px}}@container tile (max-height: 1.75rem) or (max-width: 4.25rem) or ((max-width: 7rem) and (max-height: 2.6rem)){.compact-card__inner{display:flex;justify-content:center;padding:.0625rem}.compact-card-content{display:none}.compact-card__marks{flex-direction:row;gap:1px;padding-block:0;position:absolute;right:1px;top:1px}.compact-card-side-effect{margin-block-start:0}.compact-card-side-effect svg{height:.625rem;width:.625rem}}@container tile (min-width: 16em) and (min-height: 2.75em){.compact-card__inner{gap:.625rem;padding:.25rem .375rem}.compact-card-icon{block-size:min(70cqh,3.5em);inline-size:min(70cqh,3.5em)}.compact-card-name{-webkit-line-clamp:1;font-size:.8125em}.compact-card-desc{display:-webkit-box}}@container tile (min-width: 16em) and (min-height: 3.6em){.compact-card-desc{-webkit-line-clamp:2}}@container tile (min-width: 16em) and (min-height: 4.6em){.compact-card-desc{-webkit-line-clamp:3}}@container tile (min-width: 16em) and (min-height: 5.6em){.compact-card-desc{-webkit-line-clamp:4}}@container tile (min-width: 16em) and (min-height: 6.6em){.compact-card-desc{-webkit-line-clamp:5}}.inline-card-display{background:var(--color-parchment);box-shadow:inset 0 1px 0 #ffffff4d;min-width:0;padding:.25rem .375rem}.inline-card-display.player-cards{border-bottom:1px solid #8b735533}.inline-card-display.opponent-cards{border-top:1px solid #8b735533}.card-scroll-container{block-size:100%;display:grid;gap:.25rem;grid-auto-rows:var(--hand-row-h,minmax(0,1fr));grid-template-columns:repeat(var(--hand-cols,4),minmax(0,1fr))}.card-empty-slot{align-items:center;background:#d4c5a940;border:2px dashed #8b735559;border-radius:4px;box-shadow:inset 0 2px 4px #0000001f;container:tile/size;display:flex;gap:.25rem;justify-content:center;min-width:0}.empty-slot-icon{color:#8b7355;display:inline-flex}.empty-slot-text{color:#6b5845;font-family:var(--font-serif);font-size:.75em;font-weight:600}@container tile (max-width: 4.5rem) or (max-height: 2.25rem){.empty-slot-text{display:none}}@container tile (max-height: 1.75rem){.empty-slot-icon svg{height:14px;width:14px}}@property --board{syntax:"<length>";inherits:true;initial-value:0}.game-page{background:var(--gradient-page);block-size:100vh;block-size:100dvh;color:var(--color-ink);display:flex;flex-direction:column;font-family:var(--font-serif);inline-size:100%}.game-shell{--shell-pad:0px;container:game-shell/size;display:grid;flex:1 1;min-block-size:0;overflow:auto;padding:var(--shell-pad)}@media (min-width:40rem) and (min-height:30rem){.game-shell{--shell-pad:0.75rem}}.game-frame{--frame-bw:2px;--ring-1:0px;--ring-2:0px;--gi-h:2.75rem;--pb-h:2.5rem;--opp-hand-h:3.5rem;--own-hand-h:3.5rem;--hand-cols:4;--tile-h:2.75rem;--chrome-v:calc(var(--gi-h) + var(--pb-h)*2 + var(--opp-hand-h) + var(--own-hand-h) + var(--frame-bw)*2);--board:min(100cqw - 2 * var(--frame-bw),100cqh - var(--chrome-v));--outer-ring-color:var(--color-gold);background:var(--color-board-surface);border:var(--frame-bw) solid var(--color-gold);border-radius:4px;box-shadow:0 0 0 var(--ring-1) var(--color-wood-700),0 0 0 var(--ring-2) var(--outer-ring-color),0 4px 20px #00000080;display:grid;grid-template-areas:"status" "opp" "board" "own";grid-template-columns:var(--board);grid-template-rows:auto auto var(--board) auto;margin:auto}.game-status-area{block-size:var(--gi-h);container:gi/inline-size;grid-area:status;min-width:0}.player-section{background:var(--color-board-surface);display:flex;flex-direction:column;min-width:0}.player-section-top{grid-area:opp}.player-section-bottom{grid-area:own}.player-section .player-info-bar{block-size:var(--pb-h);flex:none}.player-section-top .inline-card-display{block-size:var(--opp-hand-h)}.player-section-bottom .inline-card-display{block-size:var(--own-hand-h)}.chess-board-section{block-size:var(--board);box-shadow:0 0 0 2px var(--color-gold);grid-area:board;inline-size:var(--board);position:relative;z-index:1}.game-extra{display:none}@container game-shell (max-height: 38rem){.game-frame{--pb-h:2.25rem;--opp-hand-h:2.0625rem;--own-hand-h:2.125rem}}@container game-shell (min-width: 40rem) and (min-height: 50rem){.game-frame{--frame-bw:4px;--ring-1:8px;--ring-2:11px;--gi-h:3rem;--pb-h:2.75rem;--opp-hand-h:3.75rem;--own-hand-h:3.75rem}}@media (min-aspect-ratio:11/10){.game-frame{--frame-bw:2px;--ring-1:0px;--ring-2:0px;--panel-min:17.5rem;--panel-max:32.5rem;--board-max:75rem;--gi-h:2.75rem;--pb-h:2.5rem;--tile-h:2.75rem;--hand-cols:4;--hand-row-h:minmax(var(--tile-h),1fr);--board:min(100cqh - 2 * var(--frame-bw),100cqw - 2 * var(--frame-bw) - var(--panel-min),var(--board-max));--panel:clamp(var(--panel-min),100cqw - 2 * var(--frame-bw) - var(--board),var(--panel-max));grid-template-areas:"board opp" "board status" "board own";grid-template-columns:var(--board) var(--panel);grid-template-rows:1fr auto 1fr}.game-frame--has-extra{--hand-row-h:var(--tile-h);grid-template-areas:"board opp" "board status" "board extra" "board own";grid-template-rows:auto auto minmax(0,1fr) auto}.game-extra{container:game-extra/size;display:block;grid-area:extra;min-block-size:0}.player-section-bottom .inline-card-display,.player-section-top .inline-card-display{block-size:auto;flex:1 1 auto}@container game-shell (max-height: 30rem){.game-frame{--pb-h:2.25rem;--tile-h:2.25rem}}@container game-shell (min-height: 30rem){.game-frame{--frame-bw:4px;--ring-1:8px;--ring-2:11px}}@container game-shell (min-height: 21rem){.game-frame{--hand-cols:2}}@container game-shell (min-height: 36rem) and (min-width: 54rem){.game-frame{--hand-cols:1}.game-frame--has-extra{--hand-cols:2}}@container game-shell (min-height: 60rem){.game-frame{--panel-max:37.5rem;--gi-h:3.25rem;--pb-h:3rem;--tile-h:3.25rem;font-size:1.125rem}}@container game-shell (min-height: 75rem){.game-frame{--board-max:80rem;--panel-max:40rem;--gi-h:3.5rem;--pb-h:3.25rem;--tile-h:4.5rem;font-size:1.25rem}}}@property --outer-ring-color{syntax:"<color>";inherits:false;initial-value:#c9a961}.game-frame.border-effect--opponent-move-landed{animation:border-effect-opponent-move-landed 1.2s ease-in-out}@keyframes border-effect-opponent-move-landed{0%{--outer-ring-color:#c9a961;border-top-color:#c9a961}40%{--outer-ring-color:#f472b6;border-top-color:#f472b6}to{--outer-ring-color:#c9a961;border-top-color:#c9a961}}.game-frame.border-effect--card-play-by-opponent{animation:border-effect-card-play-by-opponent 1.6s ease-in-out}@keyframes border-effect-card-play-by-opponent{0%{--outer-ring-color:#c9a961;border-top-color:#c9a961}40%{--outer-ring-color:#a855f7;border-top-color:#a855f7}to{--outer-ring-color:#c9a961;border-top-color:#c9a961}}.debug-card-selector{left:10px;position:fixed;top:10px;z-index:10000}.debug-toggle-button{background:linear-gradient(135deg,#3d2817,#2c1810);border:1px solid #c9a961;border-radius:4px;box-shadow:0 2px 6px #00000080;color:#f4e4c1;cursor:pointer;font-family:Georgia,serif;font-size:10px;font-weight:700;opacity:.7;padding:4px 8px;text-shadow:0 1px 2px #000c;transition:all .2s ease}.debug-toggle-button:hover{background:linear-gradient(135deg,#4d3827,#3c2820);box-shadow:0 4px 10px #c9a96166;opacity:1;transform:translateY(-1px)}.debug-modal-overlay{align-items:center;animation:debug-fade-in .2s ease;backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes debug-fade-in{0%{opacity:0}to{opacity:1}}.debug-modal-content{animation:debug-slide-in .3s ease;background:linear-gradient(145deg,#2c1810,#1a0f08);border:3px solid #c9a961;border-radius:8px;box-shadow:0 0 40px #c9a9614d,inset 0 1px 0 #c9a96133;max-height:90vh;max-width:1200px;overflow-y:auto;padding:30px;width:90%}@keyframes debug-slide-in{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.debug-modal-header{border-bottom:2px solid #c9a961;margin-bottom:25px;padding-bottom:20px;position:relative}.debug-modal-header h2{color:#c9a961;font-family:Georgia,serif;font-size:28px;margin:0 0 10px;text-align:center;text-shadow:0 2px 4px #000c}.debug-warning{background:#c9a96133;border:1px solid #c9a961;border-radius:6px;color:#f4e4c1;font-size:14px;margin:10px 0;padding:10px}.debug-hand-status,.debug-warning{font-family:Georgia,serif;font-weight:700;text-align:center;text-shadow:0 1px 2px #0009}.debug-hand-status{color:#d4c5a9;font-size:16px;margin:10px 0 0}.debug-side-effect-selector{align-items:center;background:#c9a9611a;border:1px solid #c9a9614d;border-radius:8px;display:flex;gap:15px;justify-content:center;margin:20px 0;padding:15px 20px}.debug-side-effect-selector label{color:#c9a961;font-family:Georgia,serif;font-size:16px;font-weight:700;text-shadow:0 1px 2px #000c}.debug-side-effect-dropdown{background:linear-gradient(135deg,#f4e4c1,#e8d8b8);border:2px solid #c9a961;border-radius:6px;box-shadow:0 2px 4px #0000004d;color:#2c1810;cursor:pointer;font-family:Georgia,serif;font-size:14px;font-weight:700;min-width:250px;padding:8px 15px;transition:all .2s ease}.debug-side-effect-dropdown:hover{background:linear-gradient(135deg,#f8e8c8,#ecdcbc);box-shadow:0 4px 8px #c9a96166;transform:translateY(-1px)}.debug-side-effect-dropdown:focus{border-color:#d4b972;box-shadow:0 0 0 3px #c9a9614d;outline:none}.debug-close-button{background:#0000;border:none;color:#c9a961;cursor:pointer;font-size:32px;height:40px;line-height:40px;padding:0;position:absolute;right:0;top:0;transition:transform .2s ease;width:40px}.debug-close-button:hover{color:#d4b972;transform:rotate(90deg)}.debug-message{animation:debug-slide-down .3s ease;border-radius:8px;font-weight:700;margin-bottom:20px;padding:12px 20px;text-align:center}@keyframes debug-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.debug-message-success{background:#4a7c5933;border:2px solid #4a7c59;color:#6a9c7a;font-family:Georgia,serif}.debug-message-error{background:#8b451333;border:2px solid #8b4513;color:#c9a961;font-family:Georgia,serif}.debug-cards-container{display:flex;flex-direction:column;gap:30px}.debug-rarity-section{background:#c9a9610d;border:1px solid #c9a96133;border-radius:8px;padding:20px}.debug-rarity-title{border-radius:6px;display:inline-block;font-family:Georgia,serif;font-size:20px;font-weight:700;margin:0 0 15px;padding:10px 15px;text-shadow:0 1px 2px #000c}.debug-rarity-title.rarity-common{background:#8b735533;border:2px solid #8b7355;color:#8b7355}.debug-rarity-title.rarity-uncommon{background:#70809033;border:2px solid #708090;color:#708090}.debug-rarity-title.rarity-rare{background:#4169a033;border:2px solid #4169a0;color:#4169a0}.debug-rarity-title.rarity-legendary{background:#c9a96133;border:2px solid #c9a961;color:#c9a961}.debug-cards-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.debug-card{background:linear-gradient(135deg,#f4e4c1,#e8d8b8);border:2px solid #0000;border-radius:6px;box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff4d;display:flex;flex-direction:column;gap:10px;padding:15px;transition:all .2s ease}.debug-card:hover{background:linear-gradient(135deg,#f8e8c8,#ecdcbc);box-shadow:0 6px 16px #0006;transform:translateY(-4px)}.debug-card.rarity-common{border-color:#8b7355}.debug-card.rarity-uncommon{border-color:#708090}.debug-card.rarity-rare{border-color:#4169a0}.debug-card.rarity-legendary{border-color:#c9a961;box-shadow:0 0 20px #c9a9614d}.debug-card.recently-added{animation:highlightCard 1s ease}@keyframes highlightCard{0%,to{box-shadow:0 0 0 #4a7c5900}50%{box-shadow:0 0 30px #4a7c59cc}}.debug-card-header{align-items:start;display:flex;gap:10px;justify-content:space-between}.debug-card-header h4{color:#2c1810;flex:1 1;font-family:Georgia,serif;font-size:16px;margin:0;text-shadow:0 1px 1px #ffffff80}.debug-card-rarity{border-radius:4px;font-family:Georgia,serif;font-size:11px;font-weight:700;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.debug-card-rarity.rarity-common{background:#8b7355;color:#f4e4c1}.debug-card-rarity.rarity-uncommon{background:#708090;color:#f4e4c1}.debug-card-rarity.rarity-rare{background:#4169a0;color:#f4e4c1}.debug-card-rarity.rarity-legendary{background:#c9a961;color:#2c1810}.debug-card-description{color:#4a3829;flex:1 1;font-size:13px;line-height:1.4;margin:0;text-shadow:0 1px 0 #ffffff4d}.debug-add-button{background:linear-gradient(135deg,#4a7c59,#2d5a3a);border:2px solid #5a8c6a;border-radius:4px;color:#f4e4c1;cursor:pointer;font-family:Georgia,serif;font-size:13px;font-weight:700;padding:10px 15px;text-shadow:0 1px 2px #000c;transition:all .2s ease}.debug-add-button:hover:not(:disabled){border-color:#6a9c7a;box-shadow:0 4px 12px #5a8c6a66;transform:scale(1.05)}.debug-add-button:disabled{background:linear-gradient(135deg,#6b5845,#4a3829);border-color:#8b7355;cursor:not-allowed;opacity:.5}.debug-modal-content::-webkit-scrollbar{width:10px}.debug-modal-content::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.debug-modal-content::-webkit-scrollbar-thumb{background:#c9a961;border-radius:5px}.debug-modal-content::-webkit-scrollbar-thumb:hover{background:#d4b972}.debug-freeze-params{background:#87ceeb1a;border:2px solid #87ceeb4d;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;margin-top:15px;padding:15px}.debug-param-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:150px}.debug-param-group label{color:#87ceeb;text-shadow:0 1px 2px #000c}.debug-param-dropdown,.debug-param-group label{font-family:Georgia,serif;font-size:14px;font-weight:700}.debug-param-dropdown{background:linear-gradient(135deg,#f4e4c1,#e8d8b8);border:2px solid #87ceeb;border-radius:6px;box-shadow:0 2px 4px #0000004d;color:#2c1810;cursor:pointer;padding:8px 12px;transition:all .2s ease}.debug-param-dropdown:hover{background:linear-gradient(135deg,#f8e8c8,#ecdcbc);box-shadow:0 4px 8px #87ceeb66;transform:translateY(-1px)}.debug-param-dropdown:focus{border-color:#4682b4;box-shadow:0 0 0 3px #87ceeb4d;outline:none}.effect-badge{align-items:center;block-size:1.55em;border:.12em solid #fff8ecd9;border-radius:999px;box-shadow:0 0 0 1px #00000073,0 1px 3px #00000080;display:inline-flex;font-family:var(--font-serif);font-size:clamp(.625rem,1.7cqw,.875rem);font-weight:700;gap:.1em;justify-content:center;line-height:1;min-inline-size:1.55em;padding:0 .3em;pointer-events:none;position:absolute;z-index:20}.effect-badge-top-left{left:.15em;top:.15em}.effect-badge-top-right{right:.15em;top:.15em}.effect-badge-bottom-left{bottom:.15em;left:.15em}.effect-badge-bottom-right{bottom:.15em;right:.15em}.effect-badge-icon{align-items:center;display:flex;justify-content:center}.effect-badge-count{min-inline-size:.6em;text-align:center}.crown-overlay-indicator{-webkit-text-fill-color:#0000;-webkit-text-stroke:2px var(--color-gold);color:#0000;filter:brightness(1.1);font-size:clamp(.875rem,4cqw,2.25rem);left:50%;line-height:1;pointer-events:none;position:absolute;text-shadow:2px 2px 3px #5a2d0c99,-1px -1px 0 #fff3;top:-5%;transform:translateX(-50%);z-index:1}.resign-modal__text{color:var(--color-parchment-dim);line-height:1.5;margin:0 0 .75rem}.resign-modal__warning{color:var(--color-danger-text);font-size:var(--text-sm);font-weight:600;margin:0}.corr-chat{color:var(--color-parchment);font-family:var(--font-serif)}.corr-chat--inline{background:var(--gradient-panel);block-size:100%;display:flex;flex-direction:column;min-block-size:0}.corr-chat__header{align-items:center;border-bottom:1px solid #c9a9614d;color:var(--color-gold);display:flex;flex:none;font-size:var(--text-sm);font-weight:700;gap:.5rem;min-block-size:2.25rem;padding:.25rem .5rem .25rem .75rem}.corr-chat__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.corr-chat__count{color:var(--color-text-muted);flex:none;font-weight:400}.corr-chat__expand{align-items:center;background:#0000;border:1px solid var(--color-gold);border-radius:var(--radius-md);color:var(--color-gold);cursor:pointer;display:none;flex:none;font-family:var(--font-serif);font-size:var(--text-xs);font-weight:700;gap:.25rem;margin-inline-start:auto;min-block-size:2rem;padding:0 .625rem;position:relative}.corr-chat__expand:after{block-size:max(100%,var(--tap-min));content:"";inset-inline:0;position:absolute;top:50%;transform:translateY(-50%)}.corr-chat__log{display:flex;flex:1 1 auto;flex-direction:column;gap:.375rem;min-block-size:0;overflow-y:auto;padding:.5rem .75rem}.corr-chat--sheet .corr-chat__log{max-block-size:50dvh;min-block-size:8rem;padding:0 0 .5rem}.corr-chat__empty{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.corr-chat__message{align-items:flex-start;display:flex;flex-direction:column}.corr-chat__message.is-own{align-items:flex-end}.corr-chat__bubble{background:var(--color-parchment);border-radius:var(--radius-md);color:var(--color-ink);font-size:var(--text-sm);max-inline-size:85%;overflow-wrap:anywhere;padding:.375rem .75rem}.corr-chat__message.is-own .corr-chat__bubble{background:var(--color-gold)}.corr-chat__meta{color:var(--color-text-muted);font-size:var(--text-xs);max-inline-size:85%}.corr-chat__compose{flex:none;padding:.5rem .75rem}.corr-chat--sheet .corr-chat__compose{padding:0}.corr-chat__compose .chat-composer{background:var(--color-parchment);border-radius:var(--radius-md);padding:.375rem}.corr-chat__write{background:var(--gradient-panel);border:2px solid var(--color-border-muted);border-radius:var(--radius-md);color:var(--color-gold);cursor:pointer;font-family:var(--font-serif);font-size:var(--text-sm);font-weight:700;min-block-size:var(--tap-min);padding:0 .875rem}@container game-extra (max-height: 10rem){.corr-chat--inline .corr-chat__compose,.corr-chat--inline .corr-chat__log{display:none}.corr-chat--inline .corr-chat__expand{display:inline-flex}}.next-game-bar{background:linear-gradient(180deg,#2c1810fa,#1a0f08);border-top:2px solid var(--color-gold);color:var(--color-gold);flex:none;flex-wrap:wrap;font-family:var(--font-serif);font-size:var(--text-sm);gap:.25rem .75rem;padding:.375rem max(.75rem,env(safe-area-inset-left)) max(.375rem,env(safe-area-inset-bottom))}.next-game-bar,.next-game-bar__info{align-items:center;display:flex;justify-content:center}.next-game-bar__info{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap}.next-game-bar__item{align-items:center;display:inline-flex;flex:none;gap:.25rem;white-space:nowrap}.next-game-bar__item--opponent{flex:0 1 auto;min-width:0}.next-game-bar__name{color:var(--color-parchment);font-weight:700}.next-game-bar__item+.next-game-bar__item:before{color:var(--color-text-muted);content:"·";margin-inline:.375rem}.next-game-bar__item strong{color:var(--color-parchment)}.next-game-bar__done svg{color:#8fd19e}.next-game-bar__actions{align-items:center;display:flex;flex:none;flex-wrap:wrap;gap:.5rem;justify-content:center}.next-game-bar__count{font-weight:400}.next-game-bar__label-stack{display:inline-grid;font-variant-numeric:tabular-nums}.next-game-bar__label-stack>*{grid-area:1/1}.next-game-bar__label-stack>.is-hidden{visibility:hidden}.next-game-bar__kbd{border:1px solid;border-radius:3px;display:none;font-family:var(--font-numeric);font-size:var(--text-xs);line-height:1.4;opacity:.8;padding:0 .3em}@media (hover:hover) and (pointer:fine){.next-game-bar__kbd{display:inline-block}}.next-game-bar__auto{align-items:center;cursor:pointer;display:inline-flex;font-size:var(--text-xs);gap:.375rem;min-block-size:var(--tap-min);padding-inline:.25rem;-webkit-user-select:none;user-select:none}.next-game-bar__auto input{accent-color:var(--color-gold);block-size:1.125rem;cursor:pointer;inline-size:1.125rem}.next-game-bar__dismiss{padding-inline:.5rem}@media (max-width:40rem){.next-game-bar__info{flex-basis:100%}.next-game-bar__item--color,.next-game-bar__item--context{display:none}.next-game-bar__item--context+.next-game-bar__item:before{content:none}}.totem-modal-hero{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-block-end:.75rem}.totem-modal-icon{block-size:3.5rem;filter:drop-shadow(0 2px 8px rgba(244,214,138,.6));inline-size:3.5rem;object-fit:contain}.totem-modal-owner-badge{border-radius:var(--radius-sm);display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.totem-modal-owner-badge.white{background:#ffffffe6;color:var(--color-wood-900)}.totem-modal-owner-badge.black{background:#1e140fe6;border:1px solid #c9a96180;color:var(--color-parchment)}.totem-modal-description{background:#c9a9611a;color:var(--color-parchment-dim);font-size:var(--text-sm);line-height:1.55;margin:0 0 .75rem;padding:.625rem .75rem}.totem-modal-description,.totem-modal-details{border:1px solid #c9a96140;border-radius:var(--radius-sm)}.totem-modal-details{background:#c9a96114;margin:0;padding:.25rem .5rem}.totem-detail-row{align-items:baseline;display:flex;gap:.5rem;padding:.375rem .25rem}.totem-detail-row:not(:last-child){border-bottom:1px solid #c9a96126}.detail-label{color:var(--color-gold);font-size:var(--text-sm);font-weight:600;min-inline-size:4.5rem}.detail-value{color:var(--color-parchment-dim);flex:1 1;font-size:var(--text-sm);margin:0}.totem-display{align-items:center;cursor:pointer;display:flex;height:65%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .15s ease;width:65%;z-index:5}.totem-display:hover{transform:translate(-50%,-50%) scale(1.08)}.totem-icon{height:100%;object-fit:contain;width:100%}.totem-display.white-totem .totem-icon{filter:drop-shadow(1px 1px 2px rgba(0,0,0,.5))}.totem-display.black-totem .totem-icon{filter:drop-shadow(1px 0 0 rgba(0,0,0,.5)) drop-shadow(-1px 0 0 rgba(0,0,0,.5)) drop-shadow(0 1px 0 rgba(0,0,0,.5)) drop-shadow(0 -1px 0 rgba(0,0,0,.5)) drop-shadow(1px 2px 3px rgba(0,0,0,.4))}.portal-display{--portal-hue:270deg;align-items:center;cursor:pointer;display:flex;height:75%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .15s ease;width:75%;z-index:2}.portal-display:hover{transform:translate(-50%,-50%) scale(1.1)}.portal-icon{animation:portal-pulse 3s ease-in-out infinite;filter:hue-rotate(var(--portal-hue)) saturate(1.3) brightness(.9) drop-shadow(0 0 4px hsla(var(--portal-hue),80%,50%,.5));height:100%;object-fit:contain;opacity:.6;width:100%}@keyframes portal-pulse{0%,to{opacity:.6}50%{opacity:.45}}.portal-link-indicator{background:hsl(var(--portal-hue),70%,26%);border-radius:3px;bottom:-2px;color:#fff;font-size:clamp(.625rem,1.5cqw,.8125rem);font-weight:700;left:50%;line-height:1.3;padding:0 .25em;position:absolute;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap;z-index:3}.portal-link-text{text-shadow:0 0 2px #00000080}.portal-duration{background:hsl(var(--portal-hue),60%,20%);border-radius:3px;color:#fff;font-size:clamp(.625rem,1.5cqw,.8125rem);font-weight:700;line-height:1.3;padding:0 .25em;position:absolute;right:-2px;top:-2px;z-index:3}.portal-display.portal-targeting{cursor:crosshair}.portal-display.portal-targeting .portal-icon{animation:portal-target-pulse .5s ease-in-out infinite;opacity:.9}@keyframes portal-target-pulse{0%,to{filter:hue-rotate(var(--portal-hue)) saturate(1.5) brightness(1) drop-shadow(0 0 6px hsla(var(--portal-hue),80%,50%,.7))}50%{filter:hue-rotate(var(--portal-hue)) saturate(1.8) brightness(1.1) drop-shadow(0 0 8px hsla(50deg,90%,50%,.8))}}.chess-board-grid{background-color:var(--color-board-surface);block-size:100%;container:board/size;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));inline-size:100%;position:relative}.chess-square{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none}.chess-square.light{background-color:#f0d9b5}.chess-square.dark{background-color:#b58863}.chess-square:hover{filter:brightness(1.1)}.chess-square.selected{background-color:#f7ec74!important;box-shadow:inset 0 0 0 2px #f7e83b}@media (min-width:640px){.chess-square.selected{box-shadow:inset 0 0 0 3px #f7e83b}}.chess-square.highlight-move{background-color:#ffeb9c!important}.chess-square.highlight-card{background-color:#a78bfa99!important;box-shadow:inset 0 0 10px #8b5cf666}.chess-square.highlight-sacrifice{background-color:#ef444480!important;box-shadow:inset 0 0 15px #dc262699}.chess-square.highlight-summon{background-color:#86efac99!important;box-shadow:inset 0 0 10px #4ade8080}.chess-square.highlight-card.board-edge-top{box-shadow:inset 0 -10px 10px -10px #8b5cf666,inset 10px 0 10px -10px #8b5cf666,inset -10px 0 10px -10px #8b5cf666}.chess-square.highlight-card.board-edge-bottom{box-shadow:inset 0 10px 10px -10px #8b5cf666,inset 10px 0 10px -10px #8b5cf666,inset -10px 0 10px -10px #8b5cf666}.chess-square.highlight-card.board-edge-left{box-shadow:inset 0 10px 10px -10px #8b5cf666,inset 0 -10px 10px -10px #8b5cf666,inset -10px 0 10px -10px #8b5cf666}.chess-square.highlight-card.board-edge-right{box-shadow:inset 0 10px 10px -10px #8b5cf666,inset 0 -10px 10px -10px #8b5cf666,inset 10px 0 10px -10px #8b5cf666}.chess-square.highlight-card.board-edge-top.board-edge-left{box-shadow:inset 0 -10px 10px -10px #8b5cf666,inset -10px 0 10px -10px #8b5cf666}.chess-square.highlight-card.board-edge-top.board-edge-right{box-shadow:inset 0 -10px 10px -10px #8b5cf666,inset 10px 0 10px -10px #8b5cf666}.chess-square.highlight-card.board-edge-bottom.board-edge-left{box-shadow:inset 0 10px 10px -10px #8b5cf666,inset -10px 0 10px -10px #8b5cf666}.chess-square.highlight-card.board-edge-bottom.board-edge-right{box-shadow:inset 0 10px 10px -10px #8b5cf666,inset 10px 0 10px -10px #8b5cf666}.chess-square.highlight-sacrifice.board-edge-top{box-shadow:inset 0 -15px 15px -15px #dc262699,inset 15px 0 15px -15px #dc262699,inset -15px 0 15px -15px #dc262699}.chess-square.highlight-sacrifice.board-edge-bottom{box-shadow:inset 0 15px 15px -15px #dc262699,inset 15px 0 15px -15px #dc262699,inset -15px 0 15px -15px #dc262699}.chess-square.highlight-sacrifice.board-edge-left{box-shadow:inset 0 15px 15px -15px #dc262699,inset 0 -15px 15px -15px #dc262699,inset -15px 0 15px -15px #dc262699}.chess-square.highlight-sacrifice.board-edge-right{box-shadow:inset 0 15px 15px -15px #dc262699,inset 0 -15px 15px -15px #dc262699,inset 15px 0 15px -15px #dc262699}.chess-square.highlight-sacrifice.board-edge-top.board-edge-left{box-shadow:inset 0 -15px 15px -15px #dc262699,inset -15px 0 15px -15px #dc262699}.chess-square.highlight-sacrifice.board-edge-top.board-edge-right{box-shadow:inset 0 -15px 15px -15px #dc262699,inset 15px 0 15px -15px #dc262699}.chess-square.highlight-sacrifice.board-edge-bottom.board-edge-left{box-shadow:inset 0 15px 15px -15px #dc262699,inset -15px 0 15px -15px #dc262699}.chess-square.highlight-sacrifice.board-edge-bottom.board-edge-right{box-shadow:inset 0 15px 15px -15px #dc262699,inset 15px 0 15px -15px #dc262699}.chess-square.highlight-summon.board-edge-top{box-shadow:inset 0 -10px 10px -10px #4ade8080,inset 10px 0 10px -10px #4ade8080,inset -10px 0 10px -10px #4ade8080}.chess-square.highlight-summon.board-edge-bottom{box-shadow:inset 0 10px 10px -10px #4ade8080,inset 10px 0 10px -10px #4ade8080,inset -10px 0 10px -10px #4ade8080}.chess-square.highlight-summon.board-edge-left{box-shadow:inset 0 10px 10px -10px #4ade8080,inset 0 -10px 10px -10px #4ade8080,inset -10px 0 10px -10px #4ade8080}.chess-square.highlight-summon.board-edge-right{box-shadow:inset 0 10px 10px -10px #4ade8080,inset 0 -10px 10px -10px #4ade8080,inset 10px 0 10px -10px #4ade8080}.chess-square.highlight-summon.board-edge-top.board-edge-left{box-shadow:inset 0 -10px 10px -10px #4ade8080,inset -10px 0 10px -10px #4ade8080}.chess-square.highlight-summon.board-edge-top.board-edge-right{box-shadow:inset 0 -10px 10px -10px #4ade8080,inset 10px 0 10px -10px #4ade8080}.chess-square.highlight-summon.board-edge-bottom.board-edge-left{box-shadow:inset 0 10px 10px -10px #4ade8080,inset -10px 0 10px -10px #4ade8080}.chess-square.highlight-summon.board-edge-bottom.board-edge-right{box-shadow:inset 0 10px 10px -10px #4ade8080,inset 10px 0 10px -10px #4ade8080}.chess-square.valid-move{background-color:#90ee90!important}@media (hover:hover){.chess-square.valid-move:hover{background-color:#7fdd7f!important}}.chess-square.valid-move .chess-piece{cursor:pointer}.chess-piece{align-items:center;cursor:grab;display:flex;height:85%;justify-content:center;touch-action:none;width:85%;z-index:10}.piece-image{background-position:50%;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.5));height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}@media (hover:hover){.chess-piece:hover{transform:scale(1.1)}}.chess-piece.white{color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 3px #000c}.chess-piece.black{color:#2c2c2c;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 2px #fffc}.move-indicator{background-color:#00640099;border-radius:9999px;height:28%;pointer-events:none;position:absolute;width:28%;z-index:0}.chess-square.card-target{animation:cardTargetPulse 1.5s ease-in-out infinite;background-color:#9333ea80!important;box-shadow:inset 0 0 20px #9333ea99;cursor:crosshair}.chess-square.restricted-square{cursor:not-allowed;position:relative}.chess-square.restricted-square:after{content:"";pointer-events:none}.chess-square.first-target-selected{animation:firstTargetPulse 1s ease-in-out infinite;background-color:#3b82f6b3!important;border:3px solid #3b82f6;box-shadow:inset 0 0 25px #3b82f6cc}@keyframes cardTargetPulse{0%,to{box-shadow:inset 0 0 20px #9333ea99}50%{box-shadow:inset 0 0 30px #9333eae6}}@keyframes firstTargetPulse{0%,to{box-shadow:inset 0 0 25px #3b82f6cc}50%{box-shadow:inset 0 0 35px #3b82f6}}.chess-square.card-target.board-edge-bottom,.chess-square.card-target.board-edge-left,.chess-square.card-target.board-edge-right,.chess-square.card-target.board-edge-top{animation:none}.chess-square.card-target.board-edge-top{box-shadow:inset 0 -20px 20px -20px #9333ea99,inset 20px 0 20px -20px #9333ea99,inset -20px 0 20px -20px #9333ea99}.chess-square.card-target.board-edge-bottom{box-shadow:inset 0 20px 20px -20px #9333ea99,inset 20px 0 20px -20px #9333ea99,inset -20px 0 20px -20px #9333ea99}.chess-square.card-target.board-edge-left{box-shadow:inset 0 20px 20px -20px #9333ea99,inset 0 -20px 20px -20px #9333ea99,inset -20px 0 20px -20px #9333ea99}.chess-square.card-target.board-edge-right{box-shadow:inset 0 20px 20px -20px #9333ea99,inset 0 -20px 20px -20px #9333ea99,inset 20px 0 20px -20px #9333ea99}.chess-square.card-target.board-edge-top.board-edge-left{box-shadow:inset 0 -20px 20px -20px #9333ea99,inset -20px 0 20px -20px #9333ea99}.chess-square.card-target.board-edge-top.board-edge-right{box-shadow:inset 0 -20px 20px -20px #9333ea99,inset 20px 0 20px -20px #9333ea99}.chess-square.card-target.board-edge-bottom.board-edge-left{box-shadow:inset 0 20px 20px -20px #9333ea99,inset -20px 0 20px -20px #9333ea99}.chess-square.card-target.board-edge-bottom.board-edge-right{box-shadow:inset 0 20px 20px -20px #9333ea99,inset 20px 0 20px -20px #9333ea99}.chess-square.first-target-selected.board-edge-bottom,.chess-square.first-target-selected.board-edge-left,.chess-square.first-target-selected.board-edge-right,.chess-square.first-target-selected.board-edge-top{animation:none}.chess-square.first-target-selected.board-edge-top{box-shadow:inset 0 -25px 25px -25px #3b82f6cc,inset 25px 0 25px -25px #3b82f6cc,inset -25px 0 25px -25px #3b82f6cc}.chess-square.first-target-selected.board-edge-bottom{box-shadow:inset 0 25px 25px -25px #3b82f6cc,inset 25px 0 25px -25px #3b82f6cc,inset -25px 0 25px -25px #3b82f6cc}.chess-square.first-target-selected.board-edge-left{box-shadow:inset 0 25px 25px -25px #3b82f6cc,inset 0 -25px 25px -25px #3b82f6cc,inset -25px 0 25px -25px #3b82f6cc}.chess-square.first-target-selected.board-edge-right{box-shadow:inset 0 25px 25px -25px #3b82f6cc,inset 0 -25px 25px -25px #3b82f6cc,inset 25px 0 25px -25px #3b82f6cc}.chess-square.first-target-selected.board-edge-top.board-edge-left{box-shadow:inset 0 -25px 25px -25px #3b82f6cc,inset -25px 0 25px -25px #3b82f6cc}.chess-square.first-target-selected.board-edge-top.board-edge-right{box-shadow:inset 0 -25px 25px -25px #3b82f6cc,inset 25px 0 25px -25px #3b82f6cc}.chess-square.first-target-selected.board-edge-bottom.board-edge-left{box-shadow:inset 0 25px 25px -25px #3b82f6cc,inset -25px 0 25px -25px #3b82f6cc}.chess-square.first-target-selected.board-edge-bottom.board-edge-right{box-shadow:inset 0 25px 25px -25px #3b82f6cc,inset 25px 0 25px -25px #3b82f6cc}.square-coordinate{color:var(--color-ink);font-size:clamp(.625rem,2.2cqw,.875rem);font-weight:700;line-height:1;pointer-events:none;position:absolute;z-index:0}.square-coordinate--file{bottom:.15em;right:.2em}.square-coordinate--rank{left:.2em;top:.15em}.chess-square.drag-over{background-color:#87ceeb!important;box-shadow:inset 0 0 0 2px #4682b4}@media (min-width:640px){.chess-square.drag-over{box-shadow:inset 0 0 0 3px #4682b4}}.chess-piece.dragging{cursor:grabbing;opacity:.5}.chess-piece.drag-overlay{cursor:grabbing;height:100%;pointer-events:none;transform:scale(1.1);width:100%;z-index:var(--z-drag)}.chess-square.valid-move.drag-over{--drag-ring:2px;animation:board-drag-pulse .5s infinite;background-color:#32cd32!important;box-shadow:inset 0 0 0 var(--drag-ring) #228b22}@media (min-width:640px){.chess-square.valid-move.drag-over{--drag-ring:3px}}@keyframes board-drag-pulse{0%,to{box-shadow:inset 0 0 0 var(--drag-ring) #228b22}50%{box-shadow:inset 0 0 0 calc(var(--drag-ring) + 2px) #32cd32}}.chess-square.king-in-check{animation:board-check-pulse 1.5s ease-in-out infinite;background-color:#ef44444d!important;box-shadow:inset 0 0 15px #ef444466}@keyframes board-check-pulse{0%,to{box-shadow:inset 0 0 15px #ef444466}50%{box-shadow:inset 0 0 25px #ef444499}}.chess-square.checkmate-king{animation:checkmatePulse 1.5s ease-in-out infinite;background-color:#dc2626!important;box-shadow:inset 0 0 30px #dc2626cc,0 0 20px #dc262699;z-index:5}.chess-square.checkmate-king .chess-piece{animation:pieceShake .5s ease-in-out;filter:brightness(1.2)}.chess-square.victory-king{animation:board-victory-pulse 1.5s ease-in-out infinite;background-color:#16a34a!important;box-shadow:inset 0 0 30px #16a34acc,0 0 20px #16a34a99;z-index:5}.chess-square.victory-king .chess-piece{animation:victoryBounce 1s ease-in-out;filter:brightness(1.3) drop-shadow(0 0 10px rgba(255,215,0,.8))}@keyframes checkmatePulse{0%,to{box-shadow:inset 0 0 30px #dc2626cc,0 0 20px #dc262699}50%{box-shadow:inset 0 0 40px #dc2626,0 0 30px #dc2626e6}}@keyframes board-victory-pulse{0%,to{box-shadow:inset 0 0 30px #16a34acc,0 0 20px #ffd70099}50%{box-shadow:inset 0 0 40px #16a34a,0 0 30px #ffd700e6}}@keyframes pieceShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-3px)}20%,40%,60%,80%{transform:translateX(3px)}}@keyframes victoryBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-10px) scale(1.1)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-5px) scale(1.05)}}.chess-square.sacrifice-candidate{animation:sacrificeCandidatePulse 1.5s ease-in-out infinite;background-color:#ffa50066!important;box-shadow:inset 0 0 20px #ffa50099;cursor:pointer}.chess-square.sacrifice-selected{animation:sacrificeSelectedPulse 1s ease-in-out infinite;background-color:#ef444499!important;border:3px solid #ef4444;box-shadow:inset 0 0 30px #ef4444e6;cursor:pointer}@keyframes sacrificeCandidatePulse{0%,to{box-shadow:inset 0 0 20px #ffa50099}50%{box-shadow:inset 0 0 30px #ffa500e6}}@keyframes sacrificeSelectedPulse{0%,to{border-color:#ef4444;box-shadow:inset 0 0 30px #ef4444e6}50%{border-color:#ff5252;box-shadow:inset 0 0 40px #ef4444}}@media (hover:hover) and (pointer:fine){.chess-square:hover{filter:brightness(1.1)}.chess-piece:hover{cursor:grab}.chess-piece:active{cursor:grabbing}}@media (hover:none) and (pointer:coarse){.chess-square:hover{filter:none}.chess-square:active{filter:brightness(.95);transition:filter .1s ease}.chess-piece:active{transform:scale(1.05);transition:transform .1s ease}}.join-room-modal .modal__title{text-align:center}.join-room-body{gap:1rem}.join-room-body,.join-room-form{display:flex;flex-direction:column}.join-room-form{gap:.75rem}.join-room-facts{background:var(--gradient-panel);border:2px solid var(--color-border-muted);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:.25rem 1.25rem;justify-content:center;margin:0;padding:.5rem .75rem}.join-room-fact{display:flex;gap:.375rem;white-space:nowrap}.join-room-fact dt{color:var(--color-gold)}.join-room-fact dt:after{content:":"}.join-room-fact dd{color:var(--color-parchment);font-weight:700;margin:0}@media (max-height:30rem){.join-room-body,.join-room-form{gap:.5rem}}.status-screen{align-items:center;display:flex;flex-direction:column;gap:.75rem;text-align:center}.status-screen__title{color:var(--color-parchment);font-size:var(--text-lg);font-weight:700;margin:0}.status-screen--error .status-screen__title{color:var(--color-danger-text)}.status-screen__message{color:var(--color-text-muted);font-size:var(--text-sm)}.status-screen__actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-block-start:.25rem}.svg-composer__grid{display:grid;flex:1 1;gap:1.25rem;grid-template-columns:minmax(0,1fr)}.svg-composer__canvas{aspect-ratio:1;inline-size:min(400px,100%)}.svg-composer__canvas>svg{block-size:100%;inline-size:100%}.svg-composer__controls{inline-size:min(400px,100%)}@media (min-width:66rem){.svg-composer__grid{grid-template-columns:18.75rem minmax(0,1fr) 18.75rem}.svg-composer__panel{max-block-size:calc(100vh - 200px);overflow-y:auto}}.not-found{align-items:center;display:flex;flex-direction:column;text-align:center}.not-found__code{color:var(--color-gold);font-size:clamp(4rem,2rem + 12vmin,7.5rem);font-weight:700;line-height:1;margin:0}.not-found__title{color:var(--color-parchment);font-size:clamp(1.5rem,1.25rem + 1.5vmin,2rem);font-weight:400;line-height:1.2;margin:0 0 1rem}.not-found__text{color:var(--color-parchment-dim);font-size:var(--text-lg);line-height:1.6;margin:0 0 2rem;max-inline-size:25rem}@media (max-height:30rem){.not-found__title{margin-block-end:.5rem}.not-found__text{margin-block-end:1rem}}.challenge-list-box{container:challenge-list/inline-size}.challenge-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.challenge-row{align-items:center;background:#1a0f0880;border:2px solid var(--color-border-muted);border-radius:var(--radius-md);column-gap:.375rem;display:grid;grid-template-areas:"name action" "terms action";grid-template-columns:minmax(0,1fr) auto;padding:.5rem;row-gap:.125rem}.challenge-row.is-own{background:#c9a96114;border-color:var(--color-gold)}.challenge-row__name{align-items:center;display:flex;gap:.375rem;grid-area:name;min-width:0}.challenge-row__creator{color:var(--color-parchment);font-weight:700}.challenge-row__you{color:var(--color-text-muted);flex:none;font-size:var(--text-xs)}@container challenge-list not (min-width: 36rem){.challenge-row__you{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}}.challenge-row__terms{align-items:baseline;color:var(--color-gold);display:flex;font-size:var(--text-sm);grid-area:terms;min-width:0;overflow:hidden;white-space:nowrap}.challenge-row__term+.challenge-row__term:before{color:var(--color-text-muted);content:"·";margin-inline:.375rem}.challenge-row__color,.challenge-row__time{flex:none}.challenge-row__age{color:var(--color-text-muted);font-size:var(--text-xs);min-width:0;overflow:hidden;text-overflow:ellipsis}.challenge-row__action{display:flex;grid-area:action;justify-content:flex-end}.challenge-row__signin svg,.challenge-row__signin-long{display:none}@container challenge-list (min-width: 44rem){.challenge-row__signin svg,.challenge-row__signin-long{display:inline}.challenge-row__signin-short{display:none}}@container challenge-list (min-width: 36rem){.challenge-list{column-gap:1rem;display:grid;grid-template-columns:minmax(0,1fr) repeat(3,auto) auto}.challenge-row{column-gap:1rem;grid-column:1/-1;grid-template-areas:none;grid-template-columns:subgrid;padding-inline:.75rem}.challenge-row__action,.challenge-row__age,.challenge-row__color,.challenge-row__name,.challenge-row__time{grid-area:auto;grid-row:1}.challenge-row__name{grid-column:1}.challenge-row__terms{display:contents}.challenge-row__time{grid-column:2}.challenge-row__color,.challenge-row__time{color:var(--color-gold);font-size:var(--text-sm)}.challenge-row__color{grid-column:3}.challenge-row__age{grid-column:4}.challenge-row__term+.challenge-row__term:before{content:none}.challenge-row__action{grid-column:5}}.corr-create{display:flex;flex-direction:column;gap:1rem}.corr-create__custom{align-items:center;color:var(--color-gold);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:.5rem;margin-block-start:.5rem}.corr-create__number{inline-size:5rem}.corr-create__help{margin-block-start:.375rem}.corr-create__signin{text-wrap:balance}.corr-create__created{color:#8fd19e;font-size:var(--text-sm);margin:0}.mini-board{block-size:var(--mini-board-size,6rem);border:2px solid var(--color-border-muted);border-radius:3px;box-shadow:0 2px 6px #00000080;display:grid;flex:none;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));inline-size:var(--mini-board-size,6rem);overflow:hidden}.mini-board>div{background-repeat:no-repeat;background-size:100% 100%}.game-row{background:#1a0f0880;border:2px solid var(--color-border-muted);border-radius:var(--radius-md);container:game-row/inline-size;cursor:pointer;min-width:0;padding:.5rem;transition:border-color .15s ease,background .15s ease}.game-row.is-my-turn{border-color:var(--color-gold)}.game-row.is-busy{cursor:wait;opacity:.7}@media (hover:hover){.game-row:hover{background:#3d2817b3}}.game-row__layout{column-gap:.75rem;display:grid;grid-template-areas:"board ." "board top" "board meta" "board status" "board .";grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr;row-gap:.25rem}.game-row__board{--mini-board-size:clamp(5rem,3.5rem + 4vw,7rem);grid-area:board}.game-row__top{align-items:center;display:flex;gap:.5rem;grid-area:top;min-width:0}.game-row__status{grid-area:status}.game-row__opponent{align-items:center;display:flex;flex:1 1;gap:.25rem;min-width:0}.game-row__name{color:var(--color-parchment);font-weight:700}.game-row__muted{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:400}.game-row__badge{border-radius:6px;flex:none;font-size:var(--text-xs);font-weight:700;line-height:1.5;padding:.125rem .5rem;white-space:nowrap}.game-row__badge--your-move{background:var(--color-gold);color:var(--color-wood-900)}.game-row__badge--pick{background:#4169a0;color:var(--color-parchment)}.game-row__badge--their-move{background:var(--color-wood-700);box-shadow:inset 0 0 0 1px var(--color-border-muted);color:var(--color-gold)}.game-row__badge--won{background:#2f6b3a;color:var(--color-parchment)}.game-row__badge--lost{background:#7f1d1d;color:var(--color-parchment)}.game-row__badge--draw{background:var(--color-wood-500);color:var(--color-parchment)}.game-row__meta{color:var(--color-gold);font-size:var(--text-xs);grid-area:meta}.game-row__deadline{font-size:var(--text-sm);font-weight:600}.game-row__deadline--safe{color:var(--color-gold)}.game-row__deadline--warning{color:#e0a030}.game-row__deadline--critical{color:var(--color-danger-text)}@container game-row (max-width: 24rem){.game-row__layout{grid-template-areas:"top top" "board ." "board badge" "board meta" "board status" "board .";grid-template-rows:auto 1fr auto auto auto 1fr}.game-row__top{display:contents}.game-row__opponent{grid-area:top}.game-row__badge{grid-area:badge;justify-self:start}}.games-list{gap:1.25rem}.games-list,.games-section{display:flex;flex-direction:column}.games-section{gap:.5rem}.games-section__title{color:var(--color-gold);font-size:var(--text-sm);font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.games-section__count{color:var(--color-text-muted)}.games-section__rows{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr))}.frame.corr-page{--frame-w:64rem}.corr-page__top,.frame.corr-page{display:flex;flex-direction:column;gap:1rem}.corr-page__header{text-align:center}.corr-page__title{color:var(--color-parchment);font-size:clamp(1.5rem,1.25rem + 1.25vw,1.875rem);font-weight:700;line-height:1.2;margin:0;text-shadow:2px 2px 0 var(--color-wood-900)}.corr-page__subtitle{color:var(--color-gold);font-size:var(--text-sm);margin:.25rem 0 0}.corr-tabs{background:var(--color-wood-900);border-bottom:2px solid var(--color-border-muted);border-radius:6px 6px 0 0;display:flex}.corr-tab{align-items:center;background:#0000;border:0;border-bottom:3px solid #0000;color:var(--color-gold);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-serif);font-size:var(--text-base);gap:.5rem;justify-content:center;min-block-size:max(var(--tap-min),2.75rem);padding:.5rem .75rem}.corr-tab.is-active{background:var(--gradient-gold);border-bottom-color:var(--color-gold)}.corr-tab.is-active,.corr-tab__count{color:var(--color-wood-900);font-weight:700}.corr-tab__count{background:var(--color-gold);border-radius:999px;font-size:var(--text-xs);line-height:1.25rem;min-inline-size:1.25rem;padding-inline:.375rem}.corr-tab.is-active .corr-tab__count{background:var(--color-wood-900);color:var(--color-gold)}.corr-panel{container:corr-panel/inline-size;display:flex;flex-direction:column;gap:1rem}.corr-section-title{color:var(--color-parchment);font-size:var(--text-lg);font-weight:700;margin:0 0 .5rem}.corr-challenges{display:flex;flex-direction:column;gap:1rem}.corr-new__title{display:none}.corr-new__chevron{transition:transform .2s ease}.corr-new.is-open .corr-new__chevron{transform:rotate(180deg)}.corr-new__body{display:none}.corr-new.is-open .corr-new__body{background:#1a0f0859;border:2px solid var(--color-border-muted);border-radius:var(--radius-md);display:block;margin-block-start:.75rem;padding:1rem}@container corr-panel (min-width: 48rem){.corr-challenges{align-items:start;display:grid;gap:2rem;grid-template-columns:minmax(17rem,20rem) minmax(0,1fr)}.corr-new__title{display:block}.corr-new__toggle{display:none}.corr-new .corr-new__body,.corr-new.is-open .corr-new__body{background:none;border:0;display:block;margin:0;padding:0}}@media (max-height:30rem){.frame.corr-page{gap:.5rem}.corr-page__subtitle{display:none}.corr-page__title{font-size:1.375rem}.corr-challenges,.corr-panel{gap:.5rem}.corr-section-title{font-size:var(--text-base);margin-block-end:.25rem}.corr-open>.corr-section-title{clip:rect(0,0,0,0);block-size:1px;inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}}@media (max-height:30rem) and (min-width:40rem){.corr-page__top{align-items:center;flex-direction:row;gap:1rem;justify-content:space-between}.corr-page__header{text-align:start}}.marketing-page{--marketing-w:40rem}.marketing-page--wide{--marketing-w:80rem}.marketing-page .page-shell__header{inline-size:100%;margin-inline:auto;max-inline-size:var(--marketing-w)}.marketing-logo{color:var(--color-gold);font-size:var(--text-xl);font-weight:700;text-decoration:none;text-shadow:2px 2px 0 var(--color-wood-900)}.marketing-nav{column-gap:1.25rem;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.marketing-footer__link,.marketing-nav__link{color:var(--color-gold);text-decoration:underline;text-decoration-color:#c9a96180;text-underline-offset:3px}.marketing-nav__link{font-size:var(--text-base)}.marketing-footer__link:hover,.marketing-logo:hover,.marketing-nav__link:hover{color:var(--color-parchment)}.marketing-footer{align-items:center;display:flex;flex-direction:column;gap:.25rem;text-align:center}.marketing-footer__links{column-gap:1rem;display:flex;flex-wrap:wrap;justify-content:center}.marketing-footer__link{font-size:var(--text-sm)}.marketing-footer__tagline{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.frame.marketing{--frame-w:var(--marketing-w);color:var(--color-parchment);font-size:1.0625rem;line-height:1.7}.marketing h1{color:var(--color-parchment);font-size:clamp(1.75rem,1.4rem + 1.8vw,2.5rem);line-height:1.2;margin:0 0 1rem;text-shadow:3px 3px 0 var(--color-wood-900)}.marketing h2{color:var(--color-gold);font-size:clamp(1.375rem,1.2rem + .9vw,1.75rem);line-height:1.25;margin:2rem 0 .75rem;text-shadow:2px 2px 0 var(--color-wood-900)}.marketing h3{color:var(--color-gold);font-size:var(--text-xl);line-height:1.3;margin:1.25rem 0 .5rem}.marketing p,.marketing ul{margin:0 0 1rem;max-inline-size:30em}.marketing ul{list-style:disc;padding-inline-start:1.5rem}.marketing li::marker{color:var(--color-gold)}.marketing li+li{margin-block-start:.5rem}.marketing a{color:var(--color-gold);font-weight:700;text-decoration:underline;text-underline-offset:3px}.spell-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr));margin-block-end:1rem}.spell-card{background:var(--gradient-panel);border:2px solid var(--spell-accent,var(--color-border-muted));border-radius:var(--radius-md);box-shadow:0 4px 8px #0006;padding:1rem}.spell-card__header{align-items:baseline;display:flex;flex-wrap:wrap;gap:.25rem .75rem;justify-content:space-between;margin-block-end:.5rem}.marketing .spell-card__name{color:var(--color-parchment);font-size:var(--text-lg);margin:0}.spell-card__rarity{color:var(--spell-text,var(--color-gold));font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.marketing .spell-card__description{color:var(--color-parchment-dim);font-size:.9375rem;line-height:1.6;margin:0;max-inline-size:none}@media (max-height:480px){.marketing h1{font-size:1.5rem;margin-block-end:.5rem}.marketing h2{font-size:1.25rem;margin-block-start:1.25rem}}
/*# sourceMappingURL=main.9caf26f4.css.map*/