/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.hidden{display:none}.table{display:table}.min-h-dvh{min-height:100dvh}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color:#f7f5ff;font-synthesis:none;background:#0b1028;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #d8b4fe}.bg-app{background:radial-gradient(circle at 75% 25%,#24215c 0,#111837 34%,#0b1028 72%)}.app-header{align-items:center;gap:12px;max-width:1200px;height:72px;margin:auto;padding:0 24px;display:flex}.brand-mark{color:#17122f;background:#ff796c;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid;transform:rotate(-4deg)}.brand-name{letter-spacing:-.02em;font-weight:750}.app-nav{gap:14px;margin-left:20px;display:flex}.app-nav a{color:#c8c7db;text-decoration:none}.app-nav a:hover{color:#fff}.account-grid{gap:16px;display:grid}.account-grid h2{margin:0}.form-stack input{color:#fff;background:#0b1028;border:1px solid #ffffff24;border-radius:12px;min-height:48px;padding:0 14px}.connection-status{color:#bbb9d5;align-items:center;gap:7px;margin-left:auto;font-size:.85rem;display:flex}.skip-link{z-index:20;color:#111837;background:#fff;border-radius:8px;padding:10px 14px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:12px}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:72px;max-width:1200px;min-height:calc(100dvh - 72px);margin:auto;padding:56px 24px 96px;display:grid}.eyebrow{color:#ff9a8f;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800}h1{letter-spacing:-.055em;max-width:760px;margin:12px 0 22px;font-size:clamp(2.7rem,6vw,5.8rem);line-height:.97}.hero-lead{color:#c8c7db;max-width:620px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin:32px 0;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-weight:750;display:inline-flex}.button-primary{color:#17122f;background:#ff796c;box-shadow:0 12px 30px #ff796c2c}.button-secondary{color:#f7f5ff;background:#ffffff0a;border-color:#ffffff24}.trust-list{color:#bbb9d5;flex-wrap:wrap;gap:24px;padding:0;font-size:.9rem;list-style:none;display:flex}.trust-list li{align-items:center;gap:8px;display:flex}.trust-list svg{color:#c7a7ff}.table-preview{aspect-ratio:1.15;background:radial-gradient(circle,#384080 0,#222959 45%,#191e45 70%);border:1px solid #ffffff1a;border-radius:48%;position:relative;box-shadow:inset 0 0 80px #090c22aa,0 28px 80px #05071899}.table-preview>p{text-align:center;color:#8f91b7;text-transform:uppercase;letter-spacing:.2em;width:100%;font-size:.65rem;position:absolute;bottom:16%}.playing-card,.deck{aspect-ratio:.7;border-radius:13px;flex-direction:column;width:112px;padding:11px;font-size:1.25rem;font-weight:850;display:flex;position:absolute;box-shadow:0 18px 34px #080b22aa}.playing-card{color:#1c2246;background:#fffdf7}.card-one{color:#d95454;top:31%;left:32%;transform:rotate(-8deg)}.card-two{top:29%;left:45%;transform:rotate(7deg)}.deck{color:#fff;background:repeating-linear-gradient(45deg,#846cc4,#846cc4 4px,#6c55af 4px,#6c55af 8px);border:4px solid #d7caff;justify-content:center;align-items:center;top:34%;right:13%}.avatar{border:3px solid #111837;border-radius:18px;place-items:center;width:54px;height:54px;font-weight:900;display:grid;position:absolute}.avatar-lilac{color:#272048;background:#c7a7ff;top:4%;left:44%}.avatar-coral{color:#371c2b;background:#ff796c;bottom:4%;left:44%}.form-page,.lobby-page{max-width:1100px;margin:auto;padding:72px 24px 100px}.form-page{max-width:720px}.form-page h1,.lobby-page h1{font-size:clamp(2.6rem,7vw,5rem)}.panel{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;padding:22px}.form-stack{gap:22px;display:grid}.form-stack label,fieldset{border:0;gap:8px;padding:0;display:grid}.form-stack input[type=text],.form-stack input:not([type]){color:#fff;background:#0b1028;border:1px solid #ffffff24;border-radius:12px;min-height:48px;padding:0 14px}.role-grid{gap:20px;display:flex}.lobby-page{grid-template-columns:1fr 280px;gap:32px;display:grid}.member-grid{gap:10px;margin:28px 0;display:grid}.member{align-items:center;gap:14px;padding:14px;display:flex}.member p{color:#aaa9c4;margin:3px 0 0}.avatar-inline{color:#272048;background:#c7a7ff;border-radius:14px;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.ready,.waiting{margin-left:auto;font-size:.82rem}.ready{color:#8ce2bb}.waiting,.muted{color:#aaa9c4}.settings h2{margin-top:0}.settings dl div{border-bottom:1px solid #ffffff12;justify-content:space-between;padding:10px 0;display:flex}.settings dd{margin:0}.countdown{color:#8ce2bb;font-weight:800}@media(max-width:800px){.lobby-page{grid-template-columns:1fr}.settings{order:-1}}.setup-page{max-width:1000px;margin:auto;padding:60px 24px 130px}.setup-page h1{font-size:clamp(2.5rem,7vw,5rem)}.card-section{margin:30px 0}.card-row{gap:12px;padding:8px 3px 18px;display:flex;overflow-x:auto}.game-card{aspect-ratio:.7;color:#1c2246;text-align:left;cursor:pointer;background:#fffdf7;border:3px solid #0000;border-radius:13px;flex-direction:column;flex:0 0 112px;padding:10px;font-size:1.25rem;font-weight:850;display:flex;box-shadow:0 12px 24px #05071877}.game-card .suit{margin:auto;font-size:2rem}.red-card{color:#c5444d}.selected-card{border-color:#ff796c;transform:translateY(-7px)}.card-back{color:#fff;background:repeating-linear-gradient(45deg,#846cc4,#846cc4 5px,#6c55af 5px,#6c55af 10px);border-color:#d7caff;justify-content:center;align-items:center}.sticky-actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111837ed;border:1px solid #ffffff1a;border-radius:18px;justify-content:flex-end;gap:12px;padding:14px;display:flex;position:sticky;bottom:12px}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:48px;padding-top:38px}.table-preview{width:min(100%,520px);margin:auto}.brand-name{font-size:.9rem}.playing-card,.deck{width:82px}.trust-list{gap:12px;display:grid}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.match-page{max-width:1200px;margin:auto;padding:42px 24px 130px}.match-heading{justify-content:space-between;align-items:end;display:flex}.match-heading h1{margin-bottom:0;font-size:clamp(2.8rem,7vw,5rem)}.opponents{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:30px 0;display:grid}.mini-cards{gap:4px;display:flex;overflow:hidden}.mini-cards .game-card{pointer-events:none;flex-basis:52px;padding:5px;font-size:.8rem}.shared-table{min-height:240px;margin:26px 0}.own-area{margin-top:34px}.brand-link{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.nav-toggle{color:#fff;background:#ffffff0a;border:1px solid #ffffff24;border-radius:12px;place-items:center;width:44px;height:44px;margin-left:auto;display:none}.action-feedback{z-index:50;background:#142b2aee;border:1px solid #8ce2bb66;border-radius:14px;align-items:center;gap:9px;max-width:min(380px,100vw - 32px);padding:13px 16px;animation:.22s ease-out feedback-in;display:flex;position:fixed;top:84px;right:24px;box-shadow:0 18px 50px #05071899}.action-feedback.error{background:#351d2bee;border-color:#ff796c88}.invite-panel{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.invite-panel p{margin:4px 0}.settings-form{gap:15px;display:grid}.settings-form label{color:#c8c7db;gap:7px;font-size:.9rem;display:grid}.settings-form input,.settings-form select{color:#fff;background:#0b1028;border:1px solid #ffffff24;border-radius:11px;width:100%;min-height:44px;padding:0 11px}.settings-form .check-row{grid-template-columns:auto 1fr;align-items:center}.settings-form .check-row input{width:20px;min-height:20px}@keyframes feedback-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.app-header{height:64px;padding:0 16px;position:relative}.brand-name{max-width:132px;line-height:1.05}.nav-toggle{display:grid}.connection-status{margin-left:0}.connection-status span:last-child{display:none}.app-nav{z-index:40;opacity:0;pointer-events:none;background:#111837f5;border:1px solid #ffffff1f;border-radius:16px;gap:4px;margin:0;padding:10px;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:calc(100% + 8px);left:16px;right:16px;transform:translateY(-8px)scale(.98);box-shadow:0 24px 60px #050718cc}.app-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.app-nav a{border-radius:10px;min-height:46px;padding:12px 14px}.app-nav a:hover{background:#ffffff0d}.hero,.form-page,.lobby-page,.setup-page,.match-page{padding-left:16px;padding-right:16px}.hero{padding-top:28px;padding-bottom:72px}.form-page,.lobby-page{padding-top:42px}.setup-page,.match-page{padding-top:32px}.form-page h1,.lobby-page h1,h1{margin-top:9px;margin-bottom:18px;line-height:1.02}.hero-lead{line-height:1.55}.panel{border-radius:17px;padding:17px}.invite-panel{flex-direction:column;align-items:stretch}.invite-panel .button{justify-content:center}.member{align-items:flex-start}.member .ready,.member .waiting{text-align:right;margin-left:auto}.sticky-actions{flex-wrap:wrap;padding:10px}.sticky-actions .button{flex:140px;justify-content:center}.action-feedback{top:76px;left:16px;right:16px}.match-heading{flex-direction:column;align-items:flex-start;gap:10px}}.button:disabled{cursor:not-allowed;opacity:.45}.countdown.panel{color:#f7f5ff;gap:12px;margin:16px 0;display:grid}.turn-timer{width:min(390px,78vw)}.timer-copy{color:#c8c7db;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:.8rem;display:flex}.timer-copy strong{color:#fff;font-variant-numeric:tabular-nums;font-size:1rem}.timer-track{background:#090d22;border:2px solid #ffffff24;border-radius:999px;height:15px;overflow:hidden;box-shadow:inset 0 2px 8px #0009,0 0 0 1px #0005}.timer-fill{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#55d99a,#a4f0c7);width:100%;height:100%;transition:transform .5s linear,background .25s;display:block;box-shadow:0 0 16px #55d99aaa}.turn-timer.warning .timer-fill{background:linear-gradient(90deg,#ffb648,#ffe08a);box-shadow:0 0 18px #ffb648aa}.turn-timer.critical .timer-fill{background:linear-gradient(90deg,#ef405e,#ff796c);animation:.65s ease-in-out infinite alternate timer-pulse;box-shadow:0 0 22px #ef405ecc}.turn-timer.compact{width:min(310px,100%)}.turn-panel{background:#080d22aa;border:1px solid #ffffff16;border-radius:16px;justify-items:end;gap:8px;padding:14px 16px;display:grid}.turn-panel p{margin:0}.your-turn{color:#8ce2bb;letter-spacing:.04em;text-transform:uppercase;font-weight:900}.player-identity{color:#aaa9c4;margin:9px 0 0}.player-identity strong{color:#fff}.opponent{transition:border-color .25s,transform .25s,box-shadow .25s}.opponent p{color:#aaa9c4}.active-opponent{border-color:#ffb64899;transform:translateY(-3px);box-shadow:0 0 0 1px #ffb64833,0 16px 38px #05071866}.own-area{border:1px solid #0000;border-radius:22px;padding:22px;transition:border-color .25s,background .25s}.own-area.own-turn{background:#8ce2bb08;border-color:#8ce2bb55;box-shadow:inset 0 0 30px #8ce2bb08}.own-title,.table-title,.setup-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.own-title span{color:#102b25;letter-spacing:.1em;background:#8ce2bb;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:950;animation:.8s both turn-pop}.table-title h2,.own-title h2{margin:0}.deck-pile strong{z-index:2;background:#111837dd;border-radius:99px;padding:3px 7px;font-size:.8rem}.deck-drawing:after{content:"";background:inherit;border-radius:7px;animation:.75s ease-out deck-to-hand;position:absolute;top:0;right:0;bottom:0;left:0}.table-effect{color:#ded0ff;background:#c7a7ff10;border:1px solid #c7a7ff55;border-radius:10px;width:fit-content;margin:4px 0 0;padding:9px 12px;font-size:.9rem}.special-toast{z-index:55;text-align:center;background:linear-gradient(135deg,#3b2039f2,#161b3df2);border:1px solid #ffb64888;border-radius:18px;width:min(520px,100vw - 32px);padding:18px 22px;font-size:clamp(1rem,3vw,1.3rem);font-weight:850;animation:4.4s both special-pop;position:fixed;top:18%;left:50%;transform:translate(-50%);box-shadow:0 24px 80px #050718cc,0 0 35px #ff796c33}.special-toast span{color:#ff796c;font-size:2rem;display:block}.game-card{transition:transform .18s,border-color .18s,filter .18s}.game-card:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-4px)rotate(-1deg)}.selected-card:hover{transform:translateY(-9px)rotate(0)}.card-play{animation:.65s cubic-bezier(.2,.8,.2,1) card-to-table}.card-draw{animation:.7s ease-out card-from-deck}.card-collect{animation:.65s ease-in card-to-hand}.card-swap{animation:1s ease-in-out infinite alternate card-swap}.table-collecting .table-cards{animation:.65s ease-in both table-scoop}.game-motion{z-index:45;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.game-motion i{aspect-ratio:.7;background:#6c55af;border:2px solid #d7caff;border-radius:7px;width:52px;position:absolute;top:48%;left:50%;box-shadow:0 10px 25px #0008}.motion-play i{animation:.7s ease-out both motion-play}.motion-draw i{animation:.75s ease-out both motion-draw}.motion-collect i{animation:.75s ease-in both motion-collect}.game-motion i:nth-child(2){animation-delay:70ms}.game-motion i:nth-child(3){animation-delay:.14s}.swap-lane{color:#aaa9c4;justify-content:center;align-items:center;gap:18px;width:min(430px,100%);margin:22px auto;display:flex}.swap-lane i{color:#ff9a8f;font-size:1.8rem;font-style:normal}.swap-in-progress .swap-lane i{animation:.45s ease-in-out infinite alternate swap-arrow}@keyframes timer-pulse{to{filter:brightness(1.5)}}@keyframes turn-pop{0%{opacity:0;transform:scale(.7)}55%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes special-pop{0%{opacity:0;transform:translate(-50%,-25px)scale(.8)rotate(-2deg)}10%,82%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-12px)scale(.96)}}@keyframes card-to-table{0%{opacity:.4;transform:translateY(90px)scale(1.18)rotate(-9deg)}to{opacity:1;transform:none}}@keyframes card-from-deck{0%{opacity:0;transform:translate(170px,-120px)rotate(18deg)scale(.8)}to{opacity:1;transform:none}}@keyframes card-to-hand{to{opacity:0;transform:translateY(150px)scale(.6)}}@keyframes card-swap{to{filter:drop-shadow(0 0 12px #c7a7ff);transform:translateY(-12px)rotate(3deg)}}@keyframes table-scoop{to{opacity:0;transform:translateY(70px)scale(.55)}}@keyframes deck-to-hand{to{opacity:0;transform:translate(-230px,180px)rotate(-25deg)}}@keyframes motion-play{0%{opacity:0;transform:translate(-240px,220px)rotate(-20deg)}to{opacity:0;transform:translate(-50%,-50%)rotate(3deg)}}@keyframes motion-draw{0%{opacity:1;transform:translate(230px,-110px)rotate(20deg)}to{opacity:0;transform:translate(-180px,340px)rotate(-10deg)}}@keyframes motion-collect{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-190px,360px)scale(.65)}}@keyframes swap-arrow{to{filter:drop-shadow(0 0 8px #ff796c);transform:scale(1.25)rotate(5deg)}}@media(max-width:700px){.turn-panel{justify-items:stretch;width:100%}.turn-timer{width:100%}.setup-heading{flex-direction:column;align-items:flex-start}.setup-heading .turn-timer{width:100%}.own-area{padding:14px 8px}.special-toast{top:12%}.deck-pile{width:48px;height:64px}}.card-section h2 small{color:#8f91b7;font-size:.85rem;font-weight:500}.draggable-card{touch-action:pan-x;flex:0 0 112px}.ace-overlay{z-index:80;-webkit-backdrop-filter:blur(9px)saturate(.7);backdrop-filter:blur(9px)saturate(.7);background:#020617c9;place-items:center;padding:24px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.ace-modal{background:radial-gradient(circle at 85% 0,#25245c 0,#0000 35%),linear-gradient(145deg,#111a3af8,#09132dfb);border:1px solid #8174e177;border-radius:24px;width:min(1040px,96vw);max-height:calc(100dvh - 48px);padding:24px;overflow:auto;box-shadow:0 35px 120px #000c,inset 0 1px #ffffff12}.ace-modal-header{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;display:grid}.ace-modal-header h2{margin:2px 0 4px;font-size:1.55rem}.ace-modal-header p{color:#aaa9c4;margin:0}.ace-modal-header .eyebrow{color:#a99aff;font-size:.68rem}.ace-symbol{color:#d8ceff;background:linear-gradient(145deg,#6b57df,#31247e);border-radius:18px;place-items:center;width:58px;height:58px;display:grid;position:relative;box-shadow:0 12px 30px #6b57df44}.ace-symbol span{font-size:2rem}.ace-symbol svg{color:#fff;position:absolute;top:-5px;right:-5px}.ace-close{color:#d7d6e7;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1c;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.ace-steps{color:#777b9b;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:12px;margin:26px 8px 20px;display:grid}.ace-steps span{white-space:nowrap;align-items:center;gap:8px;display:flex}.ace-steps b{border:1px solid #586083;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.ace-steps i{background:#343b65;height:2px}.ace-steps .done,.ace-steps .active{color:#f3f0ff}.ace-steps .done b,.ace-steps .active b{background:linear-gradient(145deg,#8576ff,#5142c9);border-color:#0000;box-shadow:0 0 16px #7565eb55}.ace-steps .active b{outline:4px solid #7666e52b}.ace-warning{color:#ffc66d;text-align:center;background:#ffb6480c;border:1px solid #ffb64833;border-radius:12px;margin-bottom:16px;padding:12px 15px}.ace-modal-grid{grid-template-columns:1.1fr .9fr;gap:14px;display:grid}.ace-main,.ace-preview{background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;padding:16px}.ace-main h3,.ace-preview h3{margin:0 0 5px}.ace-main p,.ace-preview p{color:#aaa9c4;margin:0;font-size:.88rem}.ace-section-title{justify-content:space-between;gap:15px;margin-bottom:14px;display:flex}.ace-section-title .turn-timer{flex:0 0 180px;width:180px}.ace-targets{gap:8px;display:grid}.ace-targets button{color:#fff;cursor:pointer;text-align:left;background:#0b1430;border:1px solid #ffffff16;border-radius:12px;grid-template-columns:auto 1fr auto 28px;align-items:center;gap:12px;min-height:62px;padding:8px 12px;display:grid}.ace-targets button small{color:#9f9cbd}.ace-targets button i{border:1px solid #777c9e;border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;display:grid}.ace-targets button.selected{background:#6957dd1e;border-color:#8d7cff;box-shadow:inset 0 0 24px #6957dd10}.ace-targets button.selected i{background:#7665e8;border-color:#0000}.ace-confirm{background:linear-gradient(100deg,#ff6258,#ff7b69);justify-content:center;width:100%;margin-top:12px}.ace-preview ul{gap:7px;margin:14px 0 0;padding:0;list-style:none;display:grid}.ace-preview li,.ace-responses button{color:#fff;text-align:left;background:#ffffff05;border:1px solid #ffffff12;border-radius:11px;grid-template-columns:46px 1fr;align-items:center;gap:10px;min-height:58px;padding:8px;display:grid}.ace-preview li>b,.ace-responses button>b{color:#151a35;background:#f8f4ed;border-radius:8px;place-items:center;width:42px;height:42px;font-size:1.15rem;display:grid}.ace-preview li span,.ace-responses button span{gap:3px;display:grid}.ace-preview small,.ace-responses small{color:#9397b4}.ace-responses{gap:8px;display:grid}.ace-responses button{cursor:pointer;width:100%}.ace-responses button:hover{background:#7665e814;border-color:#8d7cff77}.ace-table-preview{background:radial-gradient(circle,#273267 0,#111a3a 68%);border:1px solid #ffffff14;border-radius:15px;place-items:center;gap:7px;min-height:86px;margin-top:14px;padding:12px;display:grid}.ace-table-preview>span{color:#b9b8cf;font-size:.8rem}.ace-table-preview div{justify-content:center;display:flex}.ace-table-preview i{color:#cf4650;background:#fffdf7;border-radius:6px;place-items:center;width:46px;height:60px;margin-left:-8px;font-size:1.1rem;font-style:normal;font-weight:900;display:grid;box-shadow:0 8px 16px #05071888}@media(max-width:700px){.ace-overlay{align-items:end;padding:0}.ace-modal{border-radius:28px 28px 0 0;width:100%;max-height:88dvh;padding:18px 16px 28px}.ace-modal:before{content:"";background:#777cb6;border-radius:99px;width:70px;height:6px;margin:-6px auto 15px;display:block}.ace-modal-header{grid-template-columns:auto 1fr auto}.ace-symbol{width:48px;height:48px}.ace-modal-header h2{font-size:1.35rem}.ace-modal-header>div:nth-child(2)>p:last-child{display:none}.ace-steps{gap:6px;margin:20px 0 16px;font-size:.75rem}.ace-steps span{justify-items:center;gap:5px;display:grid}.ace-warning{order:3}.ace-modal-grid{grid-template-columns:1fr}.ace-section-title{display:grid}.ace-section-title .turn-timer{width:100%}.ace-preview{margin-top:0}.ace-targets button{grid-template-columns:auto 1fr auto 25px}.ace-table-preview{display:none}}.player-avatar{--avatar-hue:250;border:2px solid hsl(var(--avatar-hue) 70% 68% / .72);background:linear-gradient(145deg,hsl(var(--avatar-hue) 72% 62%),hsl(calc(var(--avatar-hue) + 45) 65% 36%));color:#fff;border-radius:35%;flex:none;place-items:center;font-weight:900;display:grid;overflow:hidden;box-shadow:0 8px 22px #05071877}.player-avatar img{object-fit:cover;width:100%;height:100%}.avatar-small{width:34px;height:34px}.avatar-medium{width:48px;height:48px}.avatar-large{border-radius:40%;width:66px;height:66px}.create-room-form{gap:8px;width:min(620px,100%);margin-top:26px;display:grid}.create-room-form label{color:#c8c7db;font-size:.9rem;font-weight:700}.create-room-form>div{gap:10px;display:flex}.create-room-form input{color:#fff;background:#090f28;border:1px solid #ffffff24;border-radius:14px;flex:1;min-width:0;min-height:50px;padding:0 15px}.create-room-form .button{white-space:nowrap}.setup-zones{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.setup-zones .card-section{min-width:0;margin:12px 0 30px}.setup-zones .card-section h2{margin-top:0}.setup-zones .card-row{min-height:190px}.role-selector{grid-template-columns:1fr 1fr;gap:12px;display:grid}.role-selector label{cursor:pointer;background:#0b1028;border:2px solid #ffffff18;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:112px;padding:16px;transition:border-color .2s,background .2s,transform .2s;display:grid;position:relative}.role-selector label:hover{border-color:#8d7cff66;transform:translateY(-2px)}.role-selector label.selected{background:#7665e815;border-color:#8d7cff;box-shadow:0 0 24px #7665e817}.role-selector input{opacity:0;pointer-events:none;position:absolute}.role-selector label>span:nth-of-type(2){gap:5px;display:grid}.role-selector small{color:#9795b2;line-height:1.35}.role-selector i{border:1px solid #777c9e;border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.role-selector .selected i{background:#7665e8;border-color:#0000}.role-icon{color:#aa9cff;background:#7665e820;border-radius:12px;place-items:center;width:43px;height:43px;font-size:1.35rem;display:grid}.game-board{grid-template-columns:minmax(0,1fr) 285px;align-items:stretch;gap:18px;margin:24px 0 34px;display:grid}.table-arena{background:radial-gradient(#263269 0,#151d46 43%,#0a112d 75%);border:1px solid #ffffff12;border-radius:42%;min-height:680px;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #030719aa}.opponent-ring{position:absolute;top:50%;right:50%;bottom:50%;left:50%}.ring-player{--seat-angle:0deg;--seat-counter-angle:0deg;width:205px;min-height:112px;transform:rotate(var(--seat-angle)) translate(clamp(220px,28vw,310px)) rotate(var(--seat-counter-angle));margin:-56px 0 0 -102px;padding:12px;position:absolute}.opponent-head{align-items:center;gap:10px;display:flex}.opponent-head p{margin:4px 0 0;font-size:.75rem}.ring-player .mini-cards{margin:9px 0 0 58px}.ring-player .mini-cards .game-card{border-radius:6px;flex-basis:39px}.arena-center{z-index:2;background:#0b1430e8;width:min(390px,47%);min-height:280px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 22px 70px #030719aa}.arena-center .table-title small{color:#8f91b7}.arena-center .table-cards{flex-direction:row;overflow-x:auto}.arena-center .table-cards .game-card{flex-basis:86px}.arena-center .table-cards .game-card:first-child{border-color:#ff796c;box-shadow:0 0 22px #ff796c33}.event-history{max-height:680px;overflow:auto}.event-history h2{margin:4px 0 18px}.event-history ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.event-history li{border-bottom:1px solid #ffffff0e;grid-template-columns:10px 1fr;gap:10px;padding:13px 0;display:grid}.event-history li p{color:#aaa9c4;margin:4px 0 0;font-size:.82rem;line-height:1.4}.event-history li b{color:#ff9a8f}.event-dot{background:#7665e8;border-radius:50%;width:9px;height:9px;margin-top:5px;box-shadow:0 0 10px}.event-cards-played{background:#ff796c}.event-table-collected{background:#8ce2bb}.own-player{align-items:center;gap:12px;margin:15px 0 4px;display:flex}.own-title small{color:#8f91b7}.peeked-card-half{color:#1c2246;cursor:pointer;background:#191e45;border:3px solid #8d7cff;border-radius:13px 13px 5px 5px;flex:0 0 112px;height:92px;position:relative;overflow:hidden;box-shadow:0 0 25px #7665e855}.peek-label{z-index:2;color:#fff;letter-spacing:.12em;background:#7665e8;border-radius:99px;padding:3px 8px;font-size:.58rem;font-weight:900;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.peek-card-face{text-align:left;background:#fffdf7;border-radius:8px;justify-content:space-between;height:150px;padding:9px;font-size:1.25rem;display:flex;position:absolute;top:5px;left:5px;right:5px}.peek-card-face i{font-size:1.7rem;font-style:normal}.peeked-card-half.red-card .peek-card-face{color:#c5444d}@media(max-width:900px){.game-board{grid-template-columns:1fr}.event-history{max-height:none}}@media(max-width:700px){.create-room-form>div{display:grid}.create-room-form .button{justify-content:center}.role-selector{grid-template-columns:1fr}.game-board{display:grid}.table-arena{border-radius:28px;min-height:570px;margin-top:170px;overflow:visible}.opponent-ring{gap:10px;padding:4px;display:flex;inset:-160px 0 auto;overflow-x:auto}.ring-player{flex:0 0 205px;min-height:140px;margin:0;position:static;transform:none}.arena-center{width:calc(100% - 24px)}.event-history{max-height:320px}.own-title{align-items:flex-start}.own-title>div{gap:4px;display:grid}}.table-arena{border-radius:34px;gap:18px;min-height:0;padding:20px;display:grid;overflow:visible}.opponent-ring{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid;position:static}.ring-player{width:auto;min-height:150px;margin:0;padding:13px;position:static;transform:none}.current-table-player{border-color:#8ce2bb55}.player-table-zones{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.player-table-zones small{color:#9496b5;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.66rem;display:block}.hidden-hand-count{color:#a9a8c2;grid-column:1/-1;font-size:.7rem}.ring-player .mini-cards{min-height:48px;margin:0;overflow:visible}.ring-player .mini-cards .game-card{pointer-events:auto;width:42px;min-width:42px;height:58px;padding:4px}.ring-player .mini-cards .game-card .suit{font-size:1rem}.ring-player .face-down-stack .game-card{pointer-events:none}.arena-center{width:min(520px,100%);min-height:245px;margin:auto;position:static;transform:none}.table-card-stack{min-height:155px;margin-top:12px;position:relative}.table-card-stack>span{transform:translate(calc(-50% + var(--stack-x)),var(--stack-y)) rotate(var(--stack-r));position:absolute;top:4px;left:50%}.table-card-stack .game-card{width:94px}.table-card-stack .card-tooltip{top:8px;bottom:auto;left:calc(100% + 10px);transform:none}.card-with-tooltip{flex:none;display:inline-block;position:relative}.card-tooltip{z-index:80;color:#eeeaff;opacity:0;pointer-events:none;background:#080d22f5;border:1px solid #c7a7ff55;border-radius:9px;width:190px;padding:8px 10px;font-size:.73rem;line-height:1.35;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)translateY(5px);box-shadow:0 12px 28px #0009}.card-with-tooltip:hover .card-tooltip,.card-with-tooltip:focus-within .card-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.hand-fan{justify-content:center;align-items:flex-start;min-height:205px;padding:18px 70px 25px;display:flex;overflow:visible}.hand-fan>span{width:clamp(45px,8vw,78px);transform:translateY(var(--fan-y)) rotate(var(--fan-angle));transform-origin:50% 170%;transition:transform .18s}.hand-fan>span:hover,.hand-fan>span:focus-within{z-index:20;transform:translateY(-12px)rotate(0)}.hand-fan .game-card{width:112px}.covered-hand{justify-content:center;gap:12px;min-height:190px;padding:12px;display:flex}.peeked-card{position:relative;overflow:hidden}.peek-corner{z-index:2;color:#1c2246;background:#fffdf7;border-radius:8px;justify-items:center;padding:5px 7px;line-height:1;display:grid;position:absolute;top:5px;left:6px;box-shadow:0 3px 12px #0007}.peek-corner i{margin-top:3px;font-size:1.15rem;font-style:normal}.peeked-card.red-card .peek-corner{color:#c5444d}.peek-shimmer{background:linear-gradient(105deg,#0000 20%,#ffffff28 42%,#0000 60%);animation:2.2s ease-in-out infinite peek-glimpse;position:absolute;top:0;right:0;bottom:0;left:0}@keyframes peek-glimpse{0%,30%,to{transform:translate(-120%)}60%{transform:translate(120%)}}@media(max-width:700px){.setup-zones{grid-template-columns:1fr}.table-arena{min-height:0;margin-top:0;padding:12px}.opponent-ring{grid-template-columns:1fr;padding:0;display:grid;position:static;overflow:visible}.ring-player{width:auto;min-height:145px}.arena-center{width:100%}.hand-fan{justify-content:flex-start;padding-inline:12px 80px;overflow-x:auto}.card-tooltip{left:0;transform:translateY(5px)}.card-with-tooltip:hover .card-tooltip,.card-with-tooltip:focus-within .card-tooltip{transform:none}}.table-arena{background:radial-gradient(at 50% 46%,#122c5b 0,#0a2048 38%,#071936 68%,#06142e);border:1px solid #263865;border-radius:42px;min-height:900px;padding:0;display:block;position:relative;overflow:visible;box-shadow:inset 0 0 110px #01091dcc,0 24px 70px #02071977}.table-arena:before{content:"";pointer-events:none;border:1px solid #5870a926;border-radius:34px;position:absolute;top:18px;right:18px;bottom:18px;left:18px}.table-filigree{color:#6778d166;align-items:end;gap:18px;font-size:2rem;display:flex;position:absolute;bottom:28px;left:28px;transform:rotate(-8deg)}.table-filigree:before,.table-filigree:after{content:"";border-top:1px solid #6e7ed13d;border-radius:50%;width:300px;height:70px;position:absolute;bottom:-10px;right:-40px}.table-filigree:after{width:360px;bottom:-24px}.opponent-ring{z-index:3;pointer-events:none;display:block;position:absolute;top:0;right:0;bottom:0;left:0}.ring-player{pointer-events:auto;background:linear-gradient(145deg,#0d2348ed,#091a39ed);width:184px;min-height:126px;margin:0;padding:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 12px 35px #02071988}.ring-player .opponent-head{gap:8px}.ring-player .opponent-head p{font-size:.68rem}.ring-player .player-table-zones{margin-top:6px}.ring-player .mini-cards .game-card{width:34px;min-width:34px;height:47px;font-size:.68rem}.ring-player .mini-cards .card-with-tooltip{width:24px;margin-right:-14px}.arena-center{z-index:4;background:linear-gradient(145deg,#102850ee,#091b3dee);width:270px;min-height:220px;margin:0;padding:16px;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.arena-center .table-title{align-items:flex-start}.arena-center .table-card-stack{min-height:132px}.current-seat{z-index:6;background:linear-gradient(#0d2349f2,#071936fa);border-color:#6076b05c;width:min(560px,100% - 40px);min-height:275px;padding:13px 18px 10px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 18px 55px #010719bb}.current-seat.own-turn{border-color:#8ce2bb99;box-shadow:0 0 0 1px #8ce2bb33,0 18px 55px #010719bb}.current-seat-head{align-items:center;gap:10px;display:flex}.current-seat-head p{color:#979dbd;margin:3px 0 0;font-size:.72rem}.current-seat-head>div+span{color:#102b25;letter-spacing:.08em;background:#8ce2bb;border-radius:999px;margin-left:auto;padding:5px 9px;font-size:.65rem;font-weight:900}.current-seat .player-table-zones{width:155px;margin:0;position:absolute;top:48px;right:15px}.current-seat .hidden-hand-count{display:none}.current-seat .covered-hand,.current-seat .current-playable{justify-content:center;min-height:145px;padding:10px 170px 4px 10px}.table-actions{position:absolute;bottom:13px;right:15px}.table-actions .button{min-height:42px}.setup-waiting{place-items:center;min-height:calc(100dvh - 72px);display:grid}.waiting-panel{text-align:center;justify-items:center;width:min(650px,100%);padding:48px 34px;display:grid}.waiting-panel h1{margin:8px 0 18px;font-size:clamp(2.1rem,6vw,4rem)}.waiting-panel .turn-timer{margin-top:24px}.waiting-spinner{border:4px solid #ffffff1c;border-top-color:#8d7cff;border-radius:50%;width:52px;height:52px;margin-bottom:18px;animation:.85s linear infinite waiting-spin}@keyframes waiting-spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.game-board{grid-template-columns:1fr}.table-arena{min-height:960px}.event-history{max-height:320px}.ring-player{width:170px}}@media(max-width:700px){.table-arena{border-radius:28px;gap:12px;min-height:auto;padding:12px;display:grid}.table-arena:before,.table-filigree{display:none}.opponent-ring{pointer-events:auto;order:1;gap:10px;padding:0 0 5px;display:flex;position:static;overflow-x:auto}.ring-player{flex:0 0 175px;min-height:126px;position:static;transform:none}.arena-center{order:2;width:100%;min-height:215px;position:static;transform:none}.current-seat{order:3;width:100%;min-height:310px;position:static;transform:none}.current-seat .player-table-zones{width:auto;margin-top:8px;position:static}.current-seat .hand-fan{justify-content:flex-start;min-height:165px;padding:12px 70px 5px 8px;overflow-x:auto}.current-seat .covered-hand,.current-seat .current-playable{padding:10px 5px 60px}.table-actions{bottom:12px;right:12px}}.table-arena{box-shadow:none;background:radial-gradient(at 50% 46%,#122c5b 0,#0a2048 40%,#071936 72%,#0000);border:0;border-radius:0}.table-arena:before{display:none}.player-table-zones{grid-template-columns:1fr;gap:5px;display:grid}.player-table-zones>div:first-child{order:1}.player-table-zones>div:nth-child(2){order:2}.player-table-zones .hidden-hand-count{order:3;grid-column:auto}.ring-player{min-height:174px}.ring-player .player-table-zones{grid-template-columns:1fr}.ring-player .mini-cards{min-height:35px}.current-seat .player-table-zones{width:132px}.table-arena{min-height:1050px}.current-seat{min-height:300px;padding-bottom:14px}.current-seat .player-table-zones{top:14px;right:16px}.current-seat .hand-fan{min-height:175px;margin-top:34px;padding:10px 115px 8px 18px}.current-seat .hand-fan>span{width:clamp(38px,5.2vw,58px)}.current-seat .hand-fan .game-card{width:84px}.current-seat .hand-fan:has(>span:nth-child(8))>span{width:40px}.current-seat .hand-fan:has(>span:nth-child(8)) .game-card{width:78px;padding:7px}.current-seat .hand-fan:has(>span:nth-child(8)) .game-card .suit{align-self:flex-start;margin:2px 0 0;font-size:1.15rem;line-height:1}.current-seat .hand-fan:has(>span:nth-child(11))>span{width:31px}.current-seat .hand-fan:has(>span:nth-child(11)) .game-card{width:72px}.current-seat .hand-fan:has(>span:nth-child(14))>span{width:25px}.current-seat .hand-fan:has(>span:nth-child(14)) .game-card{width:68px;font-size:1.05rem}.current-seat .hand-fan:has(>span:nth-child(8))>span:hover,.current-seat .hand-fan:has(>span:nth-child(8))>span:focus-within{width:72px}.current-seat .covered-hand,.current-seat .current-playable{padding-right:155px}.collect-table-action{z-index:35;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111837ed;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #02071999}.current-seat .current-playable,.current-seat .covered-hand{grid-template-columns:repeat(3,96px);justify-content:center;gap:12px;width:fit-content;min-height:0;margin:16px auto 54px;padding:0;display:grid;overflow:visible}.current-seat .current-playable .card-with-tooltip,.current-seat .covered-hand .game-card,.current-seat .current-playable .game-card{width:96px}@media(max-width:700px){html,body,#root{max-width:100%;overflow-x:hidden}.match-page{padding-inline:14px}.table-arena{background:radial-gradient(at 50% 45%,#122c5b 0,#081b3d 68%,#0000);border-radius:0;min-height:auto}.ring-player{min-height:172px}.current-seat{min-width:0;padding-inline:12px}.current-seat .player-table-zones{grid-template-columns:1fr;width:auto}.current-seat .hand-fan{margin-top:8px;padding:12px 70px 60px 4px}.current-seat .hand-fan>span{width:48px}.current-seat .hand-fan .game-card{width:82px}.current-seat .covered-hand,.current-seat .current-playable{padding-right:5px}.app-header{padding-inline:14px}.brand-name{display:none}.app-nav{gap:10px;margin-left:4px}}@media(max-width:380px){.current-seat .current-playable,.current-seat .covered-hand{grid-template-columns:repeat(3,82px);gap:8px}.current-seat .current-playable .card-with-tooltip,.current-seat .current-playable .game-card,.current-seat .covered-hand .game-card{width:82px}}.ace-response-option{background:#ffffff05;border:1px solid #ffffff12;border-radius:11px;grid-template-columns:46px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:72px;padding:8px;display:grid}.ace-response-option>b{color:#151a35;background:#f8f4ed;border-radius:8px;place-items:center;width:42px;height:42px;font-size:1.15rem;display:grid}.ace-response-option>span{gap:3px;display:grid}.ace-response-option small{color:#9397b4}.ace-card-quantity{grid-template-columns:30px 24px 30px;place-items:center;gap:3px;display:grid}.ace-card-quantity button{color:#fff;cursor:pointer;background:#0b1430;border:1px solid #ffffff20;border-radius:8px;place-items:center;width:30px;min-height:30px;padding:0;display:grid}.ace-card-quantity button:disabled{opacity:.35}.ace-play-response{grid-template-columns:1fr!important;width:auto!important;min-height:38px!important;padding-inline:13px!important}@media(max-width:700px){.ace-response-option{grid-template-columns:42px minmax(0,1fr)}.ace-card-quantity{grid-column:1/2}.ace-play-response{grid-column:2/3;width:100%!important}}.game-table-page{background:radial-gradient(at 50% 42%,#142d5c 0,#091a3a 42%,#060d24 78%);min-height:100dvh;overflow:hidden}.game-header{z-index:45;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071127ed;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:62px;padding:0 clamp(14px,2vw,28px);display:flex;position:relative;box-shadow:0 12px 36px #02071955}.game-icon-button{color:#d9d9e9;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1c;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;padding:0;display:grid;position:relative}.game-icon-button:hover{color:#fff;background:#ffffff10;border-color:#8d7cff66}.game-icon-button svg{width:18px}.game-brand{white-space:nowrap;align-items:center;gap:10px;display:flex}.game-brand>span{color:#17122f;background:#ff796c;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:950;display:grid;transform:rotate(-4deg)}.game-brand strong{font-size:.9rem}.game-room-meta{color:#a7aac4;text-transform:uppercase;letter-spacing:.08em;border-left:1px solid #ffffff18;align-items:center;gap:8px;min-width:0;padding-left:12px;font-size:.7rem;display:flex}.game-room-meta b{color:#8ce2bb;background:#8ce2bb0d;border:1px solid #8ce2bb25;border-radius:99px;padding:5px 8px}.game-turn-summary{background:#ffffff07;border:1px solid #ffffff13;border-radius:13px;grid-template-columns:auto 128px;align-items:center;gap:12px;min-width:260px;margin-left:auto;padding:5px 7px 5px 12px;display:grid}.game-turn-summary.is-own{border-color:#8ce2bb55;box-shadow:0 0 22px #55d99a14}.game-turn-summary p{color:#bdc0d5;white-space:nowrap;margin:0;font-size:.76rem}.game-turn-summary.is-own p{color:#8ce2bb;font-weight:850}.game-turn-summary .turn-timer{background:0 0;border:0;width:128px;padding:0}.game-turn-summary .timer-copy{justify-content:flex-end}.game-turn-summary .timer-copy span:empty{display:none}.game-turn-summary .timer-copy strong{font-size:.82rem}.game-turn-summary .timer-track{height:3px;margin-top:3px}.game-header .connection-status{background:#ffffff07;border-radius:99px;margin-left:2px;padding:6px 9px;font-size:.72rem}.game-history-button span{color:#17122f;background:#ff796c;border:2px solid #071127;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.58rem;font-weight:950;display:grid;position:absolute;top:-5px;right:-5px}.game-menu{position:relative}.game-menu summary{list-style:none}.game-menu summary::-webkit-details-marker{display:none}.game-menu>div{z-index:60;background:#0b1430f7;border:1px solid #ffffff20;border-radius:14px;gap:4px;width:220px;padding:8px;display:grid;position:absolute;top:46px;right:0;box-shadow:0 20px 55px #020719bb}.game-menu>div button{color:#e7e7f2;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;min-height:40px;padding:0 10px;display:flex}.game-menu>div button:hover{background:#ffffff0a}.game-menu>div button:disabled{opacity:.45;cursor:default}.game-menu>div svg{width:16px}.game-rules-summary>summary{color:#e7e7f2;cursor:pointer;border-radius:9px;align-items:center;gap:9px;min-height:40px;padding:0 10px;display:flex}.game-rules-summary>summary:hover{background:#ffffff0a}.game-rules-summary p{color:#aeb3ca;border-left:2px solid #8d7cff55;margin:0 8px 8px;padding:8px;font-size:.64rem;line-height:1.45}.spectator-banner{z-index:8;color:#d9ccff;background:#171438dd;border:1px solid #c7a7ff40;border-radius:99px;padding:7px 12px;font-size:.72rem;position:absolute;top:72px;left:50%;transform:translate(-50%)}.game-stage{grid-template-columns:minmax(0,1fr);gap:14px;padding:12px clamp(12px,1.5vw,24px) 14px;display:grid;position:relative}.game-stage.with-history{grid-template-columns:minmax(0,1fr) 300px}.game-arena{background:radial-gradient(at 50% 44%,#193766 0,#0d2954 38%,#071d41 72%,#061630);border:1px solid #31446c66;border-radius:34px;grid-template:"top top top"minmax(122px,.58fr)"left table right"minmax(220px,1fr)"bottom bottom bottom"minmax(250px,1.08fr)/minmax(154px,190px) minmax(430px,1fr) minmax(154px,190px);gap:clamp(14px,1.5vw,22px);min-width:0;height:calc(100dvh - 88px);min-height:690px;padding:clamp(14px,1.4vw,22px);display:grid;box-shadow:inset 0 0 120px #01091d99,0 20px 60px #02071966}.game-opponents-rail{display:contents}.game-seat-zone{gap:clamp(10px,1.2vw,18px);min-width:0;display:flex}.game-seat-top{grid-area:top;justify-content:center;align-items:start}.game-seat-left{flex-direction:column;grid-area:left;justify-content:center;align-items:end}.game-seat-right{flex-direction:column;grid-area:right;justify-content:center;align-items:start}.opponent-seat{background:linear-gradient(145deg,#102952f2,#091b3aed);border:1px solid #ffffff18;border-radius:16px;width:clamp(150px,12vw,180px);min-width:0;min-height:118px;padding:10px;transition:border-color .2s,box-shadow .2s;position:relative;box-shadow:0 10px 28px #02071970}.opponent-seat.is-active{border-color:#8ce2bb99;box-shadow:0 0 0 1px #8ce2bb26,0 0 24px #55d99a22,0 10px 28px #02071970}.opponent-seat-head{align-items:center;gap:7px;min-width:0;display:flex}.opponent-seat-head .player-avatar{border-radius:11px;width:32px;height:32px}.opponent-seat-head>div{min-width:0}.opponent-seat-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;display:block;overflow:hidden}.opponent-seat-head p{color:#969db9;align-items:center;gap:4px;margin:3px 0 0;font-size:.59rem;display:flex}.player-presence{background:#55d99a;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #55d99a}.turn-indicator{color:#102b25;text-transform:uppercase;letter-spacing:.06em;background:#8ce2bb;border-radius:99px;margin-left:auto;padding:3px 5px;font-size:.48rem;font-weight:950}.public-face-up{grid-template-columns:repeat(3,37px);justify-content:center;gap:7px;min-height:54px;margin-top:6px;display:grid}.public-card,.public-card-placeholder{width:37px;height:52px}.public-card .card-with-tooltip,.public-card .game-card{width:37px;min-width:37px;height:52px}.public-card .game-card{pointer-events:none;border-width:1px;border-radius:7px;padding:4px;font-size:.67rem}.public-card .game-card .suit{margin:auto;font-size:.9rem}.public-card-placeholder{color:#68718d;border:1px dashed #ffffff1b;border-radius:7px;place-items:center;font-style:normal;display:grid}.public-card .card-tooltip{display:none}.total-card-badge{color:#cbc4f5;background:#121c3d;border:1px solid #8d7cff35;border-radius:99px;padding:3px 7px;font-size:.56rem;font-weight:800;position:absolute;bottom:-8px;right:8px}.shared-game-table{background:radial-gradient(#173969 0,#102b56 46%,#0a2148 75%);border:1px solid #8295cc42;border-radius:42%/28%;grid-area:table;grid-template-rows:auto 1fr;place-self:stretch stretch;min-height:220px;padding:clamp(14px,1.5vw,20px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 55px #06142eaa,0 18px 45px #01091d77}.shared-game-table:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff0b;position:absolute;top:9px;right:9px;bottom:9px;left:9px}.shared-table-copy{z-index:2;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.shared-table-copy>span{color:#9aa4c2;letter-spacing:.15em;text-transform:uppercase;font-size:.6rem;font-weight:850}.shared-table-copy strong{color:#f1eff8;background:#ffffff0b;border-radius:99px;padding:4px 8px;font-size:.68rem}.shared-table-copy small{color:#ffbd79;font-size:.62rem}.table-playing-area{z-index:2;justify-content:center;align-items:center;gap:clamp(38px,7vw,84px);display:flex;position:relative}.deck-pile{color:#fff;background:repeating-linear-gradient(45deg,#745eb7,#745eb7 5px,#5d479b 5px,#5d479b 10px);border:3px solid #cfbdff;border-radius:10px;place-items:center;width:67px;height:94px;display:grid;position:relative;box-shadow:0 14px 30px #02071988}.deck-pile:before,.deck-pile:after,.deck-pile>i{content:"";z-index:-1;background:#4c3b85;border:1px solid #aa98df;border-radius:10px;position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;transform:translate(4px,-4px)}.deck-pile:after{transform:translate(8px,-8px)}.deck-pile b{font-size:1.05rem}.deck-pile small{color:#9ca4c0;text-transform:uppercase;letter-spacing:.1em;font-size:.58rem;font-weight:800;position:absolute;top:calc(100% + 7px)}.played-stack{width:92px;height:132px;position:relative}.played-stack>span{transform:translate(var(--stack-x),var(--stack-y)) rotate(var(--stack-r));position:absolute;top:0;left:0}.played-stack .card-with-tooltip,.played-stack .game-card{width:85px}.played-stack .game-card{pointer-events:none}.played-stack>p{color:#8f98b8;text-align:center;width:100%;margin-top:54px;font-size:.68rem}.played-stack .card-tooltip{display:none}.table-count-badge{z-index:80;color:#d9dbeb;white-space:nowrap;background:#080f27e8;border-radius:99px;padding:4px 7px;font-size:.57rem;position:absolute;bottom:-5px;right:-8px}.banished-target{z-index:2;color:#8a91ac;opacity:.35;font-size:.5rem;position:absolute;top:50%;right:20px;transform:rotate(90deg)}.local-player-dock{background:linear-gradient(#102a56f2,#071a3af8);border:1px solid #6378b35c;border-radius:22px;grid-area:bottom;grid-template-rows:42px 76px minmax(138px,1fr) 42px;grid-template-columns:minmax(0,1fr);place-self:end center;row-gap:5px;width:min(780px,100%);min-height:334px;padding:12px 14px;display:grid;box-shadow:0 16px 45px #01071999}.local-player-dock.is-active{border-color:#8ce2bb99;box-shadow:0 0 0 1px #8ce2bb26,0 0 36px #55d99a1d,0 16px 45px #01071999}.local-player-head{grid-row:1;align-items:center;gap:9px;display:flex}.local-player-head .player-avatar{border-radius:12px;width:36px;height:36px}.local-player-head strong{font-size:.8rem}.local-player-head strong span{color:#a6acc5;font-weight:600}.local-player-head p{color:#969db8;margin:3px 0 0;font-size:.62rem}.local-player-head>b{color:#102b25;text-transform:uppercase;letter-spacing:.08em;background:#8ce2bb;border-radius:99px;margin-left:auto;padding:5px 8px;font-size:.56rem}.local-public-zones{grid-row:2;grid-template-rows:repeat(2,35px);justify-self:center;gap:4px;display:grid}.local-public-zones>div{grid-template-columns:64px repeat(3,42px);align-items:center;gap:4px;display:grid}.local-public-zones small{color:#9199b6;text-align:right;text-transform:uppercase;letter-spacing:.08em;font-size:.55rem;font-weight:800}.local-face-up,.local-face-down{display:contents}.local-face-up>span,.local-face-down>button,.local-face-down>.game-card,.local-face-up>i,.local-face-down>i{width:42px;height:35px}.local-face-up .card-with-tooltip,.local-face-up .game-card{width:42px;min-width:42px;height:35px}.local-face-up .game-card,.local-face-down .game-card{border-width:1px;border-radius:6px;padding:3px;font-size:.62rem}.local-face-up .game-card .suit{margin:auto;font-size:.82rem}.local-face-up .card-tooltip{display:none}.local-face-up>i,.local-face-down>i{color:#68718d;border:1px dashed #ffffff1b;border-radius:6px;place-items:center;font-style:normal;display:grid}.private-hand-fan{grid-row:3;justify-content:center;align-items:flex-start;width:100%;min-width:0;min-height:120px;padding:10px 12px 0;display:flex;overflow:visible}.private-hand-fan>span{width:min(53px,calc((100% - 78px) / var(--fan-divisor)));transform:translateY(var(--fan-y)) rotate(var(--fan-angle));transform-origin:bottom;flex:none;transition:transform .18s;position:relative}.private-hand-fan>span:hover,.private-hand-fan>span:focus-within,.private-hand-fan>span.is-selected{transform:translateY(-8px)rotate(0)scale(1.05);z-index:40!important}.private-hand-fan .card-with-tooltip,.private-hand-fan .game-card{width:78px}.private-hand-fan .game-card{padding:7px;font-size:1rem}.private-hand-fan .game-card .suit{font-size:1.45rem}.local-actions{grid-row:4;grid-template-columns:repeat(2,minmax(140px,190px));justify-self:center;gap:8px;display:grid}.local-actions .button{border-radius:11px;justify-content:center;min-height:40px;padding:0 12px;font-size:.72rem}.local-actions .button:disabled{opacity:.42;cursor:not-allowed}.game-event-log{background:#0a1430ee;border:1px solid #ffffff18;border-radius:20px;grid-template-rows:auto 1fr;min-width:0;height:calc(100dvh - 88px);padding:16px;display:none;overflow:hidden;box-shadow:0 18px 50px #02071977}.game-event-log.is-open{display:grid}.event-log-head{border-bottom:1px solid #ffffff10;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.event-log-head span{color:#ff9a8f;text-transform:uppercase;letter-spacing:.12em;font-size:.57rem;font-weight:850}.event-log-head h2{margin:3px 0 0;font-size:1rem}.event-log-head .game-icon-button{width:34px;height:34px}.game-event-log ol{align-content:start;gap:0;min-height:0;margin:0;padding:5px 0;list-style:none;display:grid;overflow-y:auto}.game-event-log li{border-bottom:1px solid #ffffff0d;grid-template-columns:9px 1fr;gap:9px;padding:12px 0;display:grid}.game-event-log li strong{font-size:.7rem}.game-event-log li p{color:#a7adc4;margin:3px 0;font-size:.67rem;line-height:1.35}.game-event-log li b{color:#ff9a8f}.game-event-log time{color:#68718f;font-size:.55rem}.empty-events{color:#939bb7;font-size:.75rem}.event-log-backdrop{display:none}.card-movement-layer{z-index:42;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.movement-card{--motion-from-x:50vw;--motion-from-y:50vh;--motion-to-x:50vw;--motion-to-y:50vh;width:34px;height:48px;animation:game-card-move .72s cubic-bezier(.2,.72,.18,1) var(--motion-delay) both;background:#f7f2e9;border:2px solid #fff9;border-radius:6px;position:absolute;top:0;left:0;box-shadow:0 8px 20px #02071988}.movement-draw{background:repeating-linear-gradient(45deg,#745eb7,#745eb7 4px,#5d479b 4px,#5d479b 8px)}.movement-collect{animation-name:game-card-collect}.movement-banish{animation-name:game-card-banish}@keyframes game-card-move{0%{opacity:0;transform:translate(calc(var(--motion-from-x) - 17px),calc(var(--motion-from-y) - 24px)) scale(.78) rotate(-7deg)}15%{opacity:1}to{opacity:0;transform:translate(calc(var(--motion-to-x) - 17px),calc(var(--motion-to-y) - 24px)) scale(1) rotate(2deg)}}@keyframes game-card-collect{0%{opacity:1;transform:translate(calc(var(--motion-from-x) - 17px),calc(var(--motion-from-y) - 24px)) scale(1)}to{opacity:0;transform:translate(calc(var(--motion-to-x) - 17px),calc(var(--motion-to-y) - 24px)) scale(.65) rotate(8deg)}}@keyframes game-card-banish{0%{opacity:1;filter:blur();transform:translate(calc(var(--motion-from-x) - 17px),calc(var(--motion-from-y) - 24px)) scale(1)}to{opacity:0;filter:blur(5px);transform:translate(calc(var(--motion-to-x) - 17px),calc(var(--motion-to-y) - 24px)) scale(.2) rotate(20deg)}}@media(max-width:1365px){.game-stage.with-history{grid-template-columns:minmax(0,1fr)}.game-event-log{z-index:58;border-radius:20px 0 0 20px;width:min(320px,100vw - 42px);height:calc(100dvh - 62px);transition:transform .22s;position:fixed;top:62px;right:0;transform:translate(100%)}.game-event-log.is-open{display:grid;transform:translate(0)}.event-log-backdrop{z-index:57;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0207198c;border:0;display:block;position:fixed;top:62px;right:0;bottom:0;left:0}}@media(max-width:1023px){.game-brand strong,.game-room-meta span{display:none}.game-room-meta{padding-left:8px}.game-turn-summary{grid-template-columns:auto 105px;min-width:220px}.game-turn-summary .turn-timer{width:105px}.game-stage{padding-inline:10px}.game-arena{grid-template-columns:150px minmax(390px,1fr) 150px;padding:14px}.opponent-seat{width:150px}.local-player-dock{width:min(720px,100%)}}@media(max-width:700px){.game-table-page{min-height:100dvh;overflow:visible}.game-header{gap:7px;height:58px;padding-inline:10px;position:sticky;top:0}.game-brand,.game-room-meta,.game-header .connection-status{display:none}.game-turn-summary{flex:1;grid-template-columns:minmax(0,1fr) 82px;gap:7px;min-width:0;margin-left:0;padding-left:8px}.game-turn-summary p{text-overflow:ellipsis;overflow:hidden}.game-turn-summary .turn-timer{width:82px}.game-history-button{margin-left:auto}.spectator-banner{width:fit-content;margin:8px auto 0;position:static;transform:none}.game-stage,.game-stage.with-history{padding:8px 8px 90px;display:block}.game-arena{border-radius:24px;flex-direction:column;gap:12px;width:100%;height:auto;min-height:0;padding:10px;display:flex}.game-opponents-rail{scroll-snap-type:x proximity;order:1;gap:9px;padding:2px 1px 10px;display:flex;overflow-x:auto}.game-seat-zone{display:contents}.opponent-seat{scroll-snap-align:center;flex:0 0 154px;width:154px}.shared-game-table{border-radius:34%/22%;order:2;width:100%;min-height:240px}.shared-table-copy{flex-wrap:wrap}.shared-table-copy small{text-align:center;width:100%}.table-playing-area{gap:55px}.local-player-dock{order:3;grid-template-rows:auto 76px minmax(145px,auto) auto;gap:7px;width:100%;min-height:360px;padding:12px}.local-public-zones{justify-self:center}.private-hand-fan{justify-content:center;width:100%;min-height:145px;padding:10px 26px 10px 16px;overflow:visible}.private-hand-fan>span{width:min(45px,calc((100% - 68px) / var(--fan-divisor)));transform:translateY(var(--fan-y)) rotate(clamp(-8deg,var(--fan-angle),8deg))}.private-hand-fan .card-with-tooltip,.private-hand-fan .game-card{width:68px}.private-hand-fan .game-card{padding:5px;font-size:.9rem}.private-hand-fan .game-card .suit{font-size:1.2rem}.local-actions{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#091631ed;border:1px solid #ffffff1b;border-radius:14px;grid-template-columns:1fr 1fr;align-self:auto;width:100%;padding:8px;position:sticky;bottom:8px}.local-actions .button{min-height:44px}.game-event-log{border-radius:24px 24px 0 0;width:100%;height:min(70dvh,560px);top:auto;bottom:0;right:0;transform:translateY(100%)}.game-event-log.is-open{transform:translateY(0)}.event-log-backdrop{top:58px;right:0;bottom:0;left:0}}@media(prefers-reduced-motion:reduce){.card-movement-layer{display:none}}.page-container{width:min(1180px,100% - 48px);margin-inline:auto}.page-heading{max-width:820px;margin-bottom:34px}.page-heading h1{margin-bottom:16px;font-size:clamp(2.7rem,6vw,5.3rem)}.page-heading>p:last-child{color:#b9b9cf;max-width:700px;font-size:1.05rem;line-height:1.65}.home-hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(40px,7vw,84px);min-height:calc(100dvh - 72px);padding-block:clamp(48px,8vw,100px);display:grid}.home-hero h1{font-size:clamp(3.4rem,7vw,6.8rem)}.hero-microcopy{color:#aaa9c4;margin-top:22px;font-size:.88rem}.text-cta{color:#d9ccff;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;min-height:44px;margin-top:8px;padding:0;font-weight:800;display:inline-flex}.text-cta:hover{color:#fff}.home-section{padding-block:clamp(64px,9vw,112px)}.home-section h2,.home-feature-band h2{letter-spacing:-.045em;max-width:720px;margin:8px 0 18px;font-size:clamp(2.2rem,4vw,4rem);line-height:1.02}.home-section p,.home-feature-band article>p:last-child{color:#b9b9cf;max-width:660px;line-height:1.65}.home-intro{border-top:1px solid #ffffff12;grid-template-columns:90px minmax(0,1fr);align-items:start;gap:30px;display:grid}.home-intro>svg{color:#ff8f84;background:#ff796c16;border-radius:22px;width:72px;height:72px;padding:17px}.special-card-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:36px;display:grid}.special-rule{background:linear-gradient(155deg,#ffffff0d,#ffffff04);border:1px solid #ffffff19;border-radius:22px;min-height:210px;padding:24px 20px}.special-rule strong{color:#c74450;background:#fffdf7;border-radius:11px;place-items:center;width:62px;height:84px;font-size:1.35rem;display:grid;transform:rotate(-3deg);box-shadow:0 14px 30px #03061577}.special-rule p{margin-top:22px;font-size:.9rem}.home-feature-band{background:#080e25aa;border-block:1px solid #ffffff10;padding-block:clamp(70px,9vw,110px)}.home-feature-grid{grid-template-columns:1fr 1fr;gap:clamp(34px,7vw,90px);display:grid}.home-feature-grid article>svg{color:#c7a7ff;width:44px;height:44px;margin-bottom:24px}.home-feature-grid article+article{border-left:1px solid #ffffff14;padding-left:clamp(30px,5vw,70px)}.home-final-cta{justify-content:space-between;align-items:center;gap:24px;padding-block:70px 90px;display:flex}.home-final-cta p{letter-spacing:-.03em;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:850}.lobby-page{grid-template-columns:minmax(0,1fr) minmax(420px,.75fr);max-width:1240px}.settings-heading{margin-bottom:18px}.settings-heading h2{margin:4px 0;font-size:1.8rem}.preset-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.preset-card{color:#f7f5ff;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff20;border-radius:18px;min-height:164px;padding:18px;position:relative}.preset-card:hover{border-color:#c7a7ff66}.preset-card.is-selected{background:#ff796c0b;border-color:#ff8f84;box-shadow:0 0 0 2px #ff796c25}.preset-card strong{padding-right:26px;font-size:1.05rem;display:block}.preset-card p{color:#aeadc3;min-height:38px;margin:7px 0 14px;font-size:.78rem;line-height:1.45}.preset-check{opacity:.35;border:1px solid #ffffff30;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:13px;right:13px}.preset-check svg{width:13px}.preset-card.is-selected .preset-check{color:#17122f;opacity:1;background:#ff796c;border-color:#ff796c}.preset-facts{color:#c9c8db;flex-wrap:wrap;gap:5px 9px;font-size:.68rem;display:flex}.preset-facts span{align-items:center;gap:4px;display:flex}.preset-facts svg{width:13px}.preset-summary{background:#8ce2bb0c;border-left:3px solid #8ce2bb;border-radius:8px 14px 14px 8px;margin-top:14px;padding:15px 17px}.preset-summary p{color:#bbb9ce;margin:5px 0;font-size:.85rem;line-height:1.45}.preset-summary>span{color:#9fa2bc;align-items:center;gap:6px;font-size:.75rem;display:flex}.preset-summary svg{width:15px}.custom-settings{margin-top:12px;overflow:hidden}.custom-settings>h3{margin:18px 0 4px;font-size:1.2rem}.custom-settings>p{color:#aaa9c4;margin:0 0 18px;font-size:.85rem}.custom-groups{gap:12px;display:grid}.custom-groups fieldset{background:#070d22a8;border:1px solid #ffffff14;border-radius:16px;grid-template-columns:1fr 1fr;gap:14px;padding:18px;display:grid}.custom-groups legend{color:#ff9a8f;text-transform:uppercase;letter-spacing:.09em;grid-column:1/-1;margin-bottom:4px;padding:0;font-size:.72rem;font-weight:850}.setting-field{min-width:0}.setting-field>span:first-child{color:#e4e1ef;font-size:.8rem;font-weight:750}.setting-field>small{color:#898ba6;min-height:30px;font-size:.67rem;line-height:1.35}.setting-field.is-disabled{opacity:.45}.number-with-unit{position:relative}.number-with-unit span{color:#8e90ab;pointer-events:none;font-size:.68rem;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.number-with-unit input{padding-right:58px}.field-error{color:#ff9b95;margin:3px 0;font-size:.78rem;line-height:1.4}.settings-save{justify-content:center;margin-top:4px}.settings-skeleton{grid-template-columns:1fr 1fr;gap:10px;display:grid}.settings-skeleton span,.dashboard-skeleton div,.account-skeleton>*{background:linear-gradient(100deg,#ffffff08 20%,#fff1,#ffffff08 70%) 0 0/240% 100%;border-radius:18px;min-height:160px;animation:1.4s infinite skeleton-wave}.preset-error{background:#ff796c0b;border:1px solid #ff796c55;border-radius:16px;padding:18px}.preset-error p{color:#c9c5d7;margin-bottom:0}.history-page,.account-page{padding-block:64px 110px}.history-filters{z-index:8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1430e8;border:1px solid #ffffff17;border-radius:16px;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding:12px;display:flex;position:sticky;top:12px}.history-filters label{color:#9fa0b8;text-transform:uppercase;letter-spacing:.07em;gap:5px;font-size:.68rem;font-weight:750;display:grid}.history-filters select,.settings-mobile-nav select{color:#fff;background:#080e24;border:1px solid #fff2;border-radius:10px;min-height:40px;padding:0 34px 0 11px}.guest-history,.history-empty{text-align:center;padding:clamp(26px,5vw,52px)}.guest-history h2,.history-empty h2{margin:0 0 10px;font-size:clamp(1.7rem,4vw,2.6rem)}.guest-history p,.history-empty p{color:#aaa9c4;max-width:600px;margin:0 auto 24px;line-height:1.6}.kpi-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.kpi-card{background:linear-gradient(150deg,#ffffff0b,#ffffff05);border:1px solid #ffffff16;border-radius:17px;min-width:0;padding:18px}.kpi-card>div{color:#aaa9c4;justify-content:space-between;align-items:start;gap:5px;min-height:36px;font-size:.73rem;display:flex}.kpi-card>strong{font-variant-numeric:tabular-nums;margin-top:10px;font-size:clamp(1.8rem,3vw,2.7rem);display:block}.kpi-card>small{color:#8ce2bb;font-size:.67rem}.tooltip-wrap{position:relative}.tooltip-wrap button{color:#83859e;cursor:help;background:0 0;border:0;place-items:center;width:22px;height:22px;padding:0;display:grid}.tooltip-wrap svg{width:14px}.tooltip-wrap [role=tooltip]{z-index:12;color:#e5e3ef;opacity:0;pointer-events:none;background:#050a1c;border:1px solid #ffffff20;border-radius:9px;width:210px;padding:9px;font-size:.7rem;line-height:1.35;position:absolute;bottom:calc(100% + 7px);right:0;box-shadow:0 10px 30px #0008}.tooltip-wrap:hover [role=tooltip],.tooltip-wrap:focus-within [role=tooltip]{opacity:1}.charts-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.chart-panel{background:#ffffff07;border:1px solid #ffffff16;border-radius:20px;min-width:0;padding:clamp(20px,3vw,28px)}.chart-panel.chart-wide{grid-column:1/-1}.chart-panel header h2{margin:3px 0 7px;font-size:1.35rem}.chart-panel header>p:last-child{color:#9798b1;margin:0 0 24px;font-size:.82rem}.chart-layout{grid-template-columns:180px 1fr;align-items:center;gap:26px;display:grid}.donut-chart{aspect-ratio:1;border-radius:50%;place-items:center;width:178px;display:grid}.donut-chart:before{content:"";aspect-ratio:1;background:#11172f;border-radius:50%;grid-area:1/1;width:62%}.donut-chart>span{z-index:1;text-align:center;grid-area:1/1;font-size:1.7rem;font-weight:850;display:grid}.donut-chart small{color:#8f91aa;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;font-weight:650}.chart-legend{gap:11px;margin:0;padding:0;list-style:none;display:grid}.chart-legend li{grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:.78rem;display:grid}.chart-legend i{border-radius:2px;width:9px;height:9px}.timeline-bars{border-bottom:1px solid #ffffff18;border-left:1px solid #ffffff18;align-items:end;gap:8px;height:210px;padding:18px 8px 28px 30px;display:flex}.chart-y-label{color:#73768f;font-size:.6rem;position:absolute;transform:translate(-28px,-164px)rotate(-90deg)}.timeline-column{flex-direction:column;flex:1;justify-content:end;align-items:stretch;gap:8px;min-width:28px;height:100%;display:flex}.timeline-column>div{background:repeating-linear-gradient(135deg,#8d7cff,#8d7cff 5px,#735fd4 5px,#735fd4 9px);border-radius:6px 6px 2px 2px;min-height:8px;position:relative}.timeline-column>div span{font-size:.65rem;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)}.timeline-column time{color:#85879f;text-align:center;white-space:nowrap;font-size:.57rem}.inline-legend{color:#9294ad;margin-top:12px;font-size:.7rem}.inline-legend i{background:#8d7cff;border-radius:2px;width:16px;height:8px;margin-right:5px;display:inline-block}.action-bars{gap:14px;display:grid}.action-bar{grid-template-columns:minmax(150px,230px) 1fr;align-items:center;gap:15px;font-size:.78rem;display:grid}.action-bar>div{background:#ffffff08;border-radius:6px;height:25px;position:relative}.action-bar i{border-radius:inherit;background:repeating-linear-gradient(135deg,#ff796c,#ff796c 6px,#dc5f61 6px,#dc5f61 10px);min-width:3px;height:100%;display:block}.action-bar strong{font-size:.7rem;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.chart-empty{color:#9294ad;text-align:center;place-items:center;min-height:160px;display:grid}.match-history{margin-top:54px}.match-history>header h2{margin:4px 0 20px;font-size:clamp(1.8rem,4vw,2.8rem)}.history-table-wrap{border:1px solid #ffffff16;border-radius:18px;overflow-x:auto}.history-table-wrap table{border-collapse:collapse;width:100%;font-size:.78rem}.history-table-wrap th{color:#9395ae;text-align:left;text-transform:uppercase;letter-spacing:.07em;font-size:.65rem}.history-table-wrap th,.history-table-wrap td{white-space:nowrap;border-bottom:1px solid #ffffff0d;padding:14px 12px}.history-table-wrap tbody tr:last-child td{border-bottom:0}.history-table-wrap a,.history-mobile-cards a{color:#d9ccff;font-weight:750}.outcome-badge{background:#ffffff0c;border-radius:99px;padding:5px 8px}.outcome-finished{color:#8ce2bb}.outcome-loser{color:#ff8c91}.outcome-retired{color:#f7c56c}.outcome-abandoned{color:#afb2c4}.history-mobile-cards{display:none}.settings-shell{grid-template-columns:240px minmax(0,720px);align-items:start;gap:clamp(34px,6vw,74px);display:grid}.settings-nav{background:#ffffff06;border:1px solid #ffffff13;border-radius:17px;gap:5px;padding:7px;display:grid;position:sticky;top:24px}.settings-nav button{color:#aaaac0;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:22px 1fr;align-items:center;gap:10px;min-height:50px;padding:0 12px;display:grid;position:relative}.settings-nav button:hover{color:#fff;background:#ffffff08}.settings-nav button.is-active{color:#fff;background:#ff796c10;border-color:#ff796c36}.settings-nav svg{width:18px}.settings-nav i{background:#f7c56c;border-radius:50%;width:7px;height:7px;position:absolute;right:10px}.settings-mobile-nav{display:none}.settings-content{min-width:0}.settings-content>header{border-bottom:1px solid #ffffff14;padding-bottom:22px}.settings-content>header h2{margin:0 0 7px;font-size:2rem}.settings-content>header p{color:#aaa9c4;margin:0;line-height:1.55}.section-form,.section-stack,.privacy-section{gap:22px;margin-top:28px;display:grid}.section-form label{color:#d9d7e6;gap:8px;font-size:.86rem;font-weight:700;display:grid}.section-form input:not([type=radio]):not([type=checkbox]):not([type=range]),.section-stack input{color:#fff;background:#080e24;border:1px solid #fff2;border-radius:11px;min-height:48px;padding:0 13px}.section-form input:disabled{color:#898ba4}.section-form fieldset{gap:10px;display:grid}.section-form legend,.section-form h3,.section-stack h3,.privacy-section h3{margin:0 0 10px;font-size:1.05rem;font-weight:800}.choice-list{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.choice-list label{background:#ffffff05;border:1px solid #ffffff16;border-radius:13px;grid-template-columns:auto 1fr;align-items:start;padding:14px;display:grid}.choice-list label:has(input:checked){background:#ff796c0b;border-color:#ff796c77}.choice-list small{color:#8f90a8;margin-top:5px;font-size:.68rem;font-weight:500;line-height:1.35;display:block}.avatar-editor{grid-template-columns:78px auto 1fr;align-items:center;gap:14px;display:grid}.account-avatar{color:#282047;background:#c7a7ff;border:2px solid #c7a7ff55;border-radius:24px;place-items:center;width:78px;height:78px;font-size:1.3rem;font-weight:900;display:grid;overflow:hidden}.account-avatar img{object-fit:cover;width:100%;height:100%}.avatar-editor small,.section-form>small{color:#888aa3;font-size:.72rem}.form-actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1028e8;border:1px solid #ffffff15;border-radius:14px;justify-content:flex-end;padding:11px;display:flex;position:sticky;bottom:12px}.form-success{color:#8ce2bb;background:#8ce2bb10;border-radius:10px;padding:10px 12px;font-size:.8rem}.identity-details{gap:2px;margin:0;display:grid}.identity-details div{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:20px;padding:12px 0;display:flex}.identity-details dt{color:#9193aa}.identity-details dd{margin:0}.section-stack section{border-bottom:1px solid #ffffff12;padding-bottom:22px}.preference-row{border-bottom:1px solid #ffffff0f;align-items:center;min-height:60px;padding-bottom:12px;grid-template-columns:1fr auto!important}.preference-row input{accent-color:#ff796c;width:42px;height:22px}.privacy-section section{border-bottom:1px solid #ffffff12;padding:22px 0}.privacy-section p{color:#aaa9c4;line-height:1.6}.privacy-note{background:#ffffff06;border-radius:12px;padding:16px;font-size:.78rem}.auth-gateway>div:first-child{max-width:720px;margin-bottom:30px}.auth-gateway>div:first-child h2{font-size:clamp(1.7rem,4vw,3rem)}.auth-gateway>div:first-child p:last-child{color:#aaa9c4}.account-skeleton{grid-template-columns:240px minmax(0,720px);gap:60px;display:grid}.account-skeleton>*{min-height:420px}.dashboard-skeleton{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.dashboard-skeleton div{min-height:130px}@keyframes skeleton-wave{to{background-position:-140% 0}}@media(max-width:1050px){.kpi-grid,.special-card-grid{grid-template-columns:repeat(3,1fr)}.special-rule:last-child{grid-column:2}.lobby-page{grid-template-columns:minmax(0,1fr)}.settings{order:initial}.settings-shell{grid-template-columns:220px minmax(0,1fr);gap:32px}}@media(max-width:700px){.app-nav{visibility:hidden}.app-nav.is-open{visibility:visible}.page-container{width:min(100% - 32px,1180px)}.home-hero{grid-template-columns:1fr;min-height:auto;padding-block:42px 70px}.home-hero h1{font-size:clamp(3rem,14vw,4.5rem)}.home-hero .table-preview{margin-top:18px}.home-intro{grid-template-columns:1fr}.home-intro>svg{width:58px;height:58px}.special-card-grid{grid-template-columns:1fr 1fr}.special-rule{min-height:190px;padding:18px}.special-rule:last-child{grid-column:auto}.home-feature-grid{grid-template-columns:1fr}.home-feature-grid article+article{border-top:1px solid #ffffff14;border-left:0;padding:38px 0 0}.home-final-cta{flex-direction:column;align-items:stretch}.home-final-cta .button{justify-content:center}.lobby-page{padding-top:34px}.preset-grid{grid-template-columns:1fr}.preset-card{min-height:146px}.custom-groups fieldset{grid-template-columns:1fr}.settings-save{z-index:4;position:sticky;bottom:10px}.history-page,.account-page{padding-block:38px 80px}.history-filters{grid-template-columns:1fr 1fr;display:grid;position:static}.history-filters label:first-child{grid-column:1/-1}.history-filters select{width:100%}.kpi-grid{grid-template-columns:1fr 1fr}.kpi-card{padding:15px}.charts-grid{grid-template-columns:1fr}.chart-panel.chart-wide{grid-column:auto}.chart-layout{grid-template-columns:1fr;justify-items:center}.chart-legend{width:100%}.action-bar{grid-template-columns:1fr;gap:6px}.history-table-wrap{display:none}.history-mobile-cards{gap:10px;display:grid}.history-mobile-cards article{background:#ffffff06;border:1px solid #ffffff16;border-radius:16px;padding:17px}.history-mobile-cards header{justify-content:space-between;gap:10px;display:flex}.history-mobile-cards dl{grid-template-columns:1fr 1fr;gap:12px;display:grid}.history-mobile-cards dl div{min-width:0}.history-mobile-cards dt{color:#85879f;text-transform:uppercase;font-size:.65rem}.history-mobile-cards dd{margin:3px 0 0;font-size:.85rem}.dashboard-skeleton{grid-template-columns:1fr 1fr}.settings-shell{display:block}.settings-nav{display:none}.settings-mobile-nav{color:#9fa0b8;gap:6px;margin-bottom:24px;font-size:.72rem;display:grid}.settings-mobile-nav select{width:100%}.settings-content>header h2{font-size:1.7rem}.choice-list{grid-template-columns:1fr}.avatar-editor{grid-template-columns:68px 1fr}.account-avatar{width:68px;height:68px}.avatar-editor small{grid-column:1/-1}.form-actions{bottom:8px}.account-skeleton{grid-template-columns:1fr;gap:14px}.account-skeleton aside{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}