/*! 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}.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{color:#fff;background:repeating-linear-gradient(45deg,#846cc4,#846cc4 5px,#6c55af 5px,#6c55af 10px);border:3px solid #d7caff;border-radius:9px;place-items:center;width:58px;height:76px;display:grid;position:relative;box-shadow:-5px 5px #403477,-9px 9px #2d2759,0 13px 24px #05071888}.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}.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}.table-arena{min-height:620px}.ring-player{transform:rotate(var(--seat-angle)) translate(235px) rotate(var(--seat-counter-angle))}}@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}}@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}