.login-modal{--text:#faf6ff;--accent:#b87cff;--accent-soft:#d8b9ff;--ease:cubic-bezier(.22,1,.36,1);--surface-bg:rgba(35,21,47,.66);--surface-line:rgba(245,232,255,.2);color:#faf6ff;font-family:Dongyuan Song One,Songti SC,"Noto Serif CJK SC",serif;font-size:calc(16 * var(--ui-px, 1px));line-height:normal}.login-modal *,.login-modal *:before,.login-modal *:after{box-sizing:border-box}.login-modal button,.login-modal a{font-family:inherit;font-weight:400;letter-spacing:normal;line-height:normal}.login-modal a{text-decoration:none}.login-panel{scrollbar-gutter:stable}body.is-modal-open{overflow:hidden}.login-modal{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:calc(28 * var(--ui-px, 1px));visibility:hidden;opacity:0;pointer-events:none;transition:visibility 0s linear .42s,opacity .28s ease}.login-modal.is-open{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}.login-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#030207c2;backdrop-filter:blur(calc(14 * var(--ui-px, 1px))) saturate(.76);-webkit-backdrop-filter:blur(calc(14 * var(--ui-px, 1px))) saturate(.76);cursor:default}.login-panel{--login-tilt-x: 0deg;--login-tilt-y: 0deg;position:relative;display:grid;grid-template-columns:minmax(calc(270 * var(--ui-px, 1px)),.88fr) minmax(calc(390 * var(--ui-px, 1px)),1.12fr);width:min(calc(880 * var(--ui-px, 1px)),calc(100vw - calc(56 * var(--ui-px, 1px))));min-height:calc(560 * var(--ui-px, 1px));overflow:hidden;border:calc(1 * var(--ui-px, 1px)) solid rgba(216,185,255,.22);border-radius:calc(28 * var(--ui-px, 1px));background:#100b18f5;box-shadow:0 calc(36 * var(--ui-px, 1px)) calc(120 * var(--ui-px, 1px)) #000000b8,0 0 calc(58 * var(--ui-px, 1px)) #8b4fda21;opacity:0;outline:none;transform:perspective(calc(1400 * var(--ui-px, 1px))) translateY(calc(26 * var(--ui-px, 1px))) scale(.975) rotateX(var(--login-tilt-x)) rotateY(var(--login-tilt-y));transform-style:preserve-3d;will-change:transform;transition:opacity .26s ease,transform .38s var(--ease),box-shadow .38s var(--ease)}.login-modal.is-open .login-panel{opacity:1;transform:perspective(calc(1400 * var(--ui-px, 1px))) translateY(0) scale(1) rotateX(var(--login-tilt-x)) rotateY(var(--login-tilt-y))}.login-panel__close{position:absolute;z-index:4;top:calc(20 * var(--ui-px, 1px));right:calc(20 * var(--ui-px, 1px));width:calc(38 * var(--ui-px, 1px));height:calc(38 * var(--ui-px, 1px));padding:0;border:calc(1 * var(--ui-px, 1px)) solid rgba(255,255,255,.11);border-radius:50%;background:#110c199e;cursor:pointer;transition:border-color .22s ease,background .22s ease,transform .35s var(--ease)}.login-panel__close:hover{border-color:#d8b9ff73;background:#4d306d94;transform:rotate(90deg)}.login-panel__close span:before,.login-panel__close span:after{position:absolute;top:calc(18 * var(--ui-px, 1px));left:calc(11 * var(--ui-px, 1px));width:calc(15 * var(--ui-px, 1px));height:calc(1 * var(--ui-px, 1px));background:#f8f2ff;content:""}.login-panel__close span:before{transform:rotate(45deg)}.login-panel__close span:after{transform:rotate(-45deg)}.login-panel__art{position:relative;min-height:calc(560 * var(--ui-px, 1px));overflow:hidden}.login-panel__art picture{display:block;width:100%;height:100%}.login-panel__art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.88) brightness(.72);transform:scale(1.035)}.login-panel__art-shade{position:absolute;inset:0;background:linear-gradient(180deg,#09060e0d 24%,#0a0610eb)}.login-panel__content{display:flex;flex-direction:column;justify-content:center;padding:calc(56 * var(--ui-px, 1px)) calc(64 * var(--ui-px, 1px)) calc(44 * var(--ui-px, 1px))}.login-panel__brand{display:flex;gap:calc(10 * var(--ui-px, 1px));align-items:center;margin-bottom:calc(35 * var(--ui-px, 1px));color:#a99bb5;font-size:calc(9 * var(--ui-px, 1px));letter-spacing:.19em}.login-panel__brand img{width:calc(32 * var(--ui-px, 1px));height:calc(32 * var(--ui-px, 1px));object-fit:contain}.login-panel__eyebrow{color:var(--accent);font-size:calc(10 * var(--ui-px, 1px));letter-spacing:.24em}.login-panel__content h2{margin:calc(9 * var(--ui-px, 1px)) 0 0;font-size:calc(38 * var(--ui-px, 1px));font-weight:400;letter-spacing:.02em}.login-panel__intro{margin:calc(10 * var(--ui-px, 1px)) 0 calc(30 * var(--ui-px, 1px));color:#9e93aa;font-size:calc(13 * var(--ui-px, 1px))}.login-form{display:flex;flex-direction:column;gap:calc(20 * var(--ui-px, 1px))}.login-field{display:flex;gap:calc(9 * var(--ui-px, 1px));flex-direction:column;color:#d4cbdc;font-size:calc(12 * var(--ui-px, 1px))}.login-field__control{display:flex;height:calc(50 * var(--ui-px, 1px));align-items:center;border:calc(1 * var(--ui-px, 1px)) solid rgba(255,255,255,.11);border-radius:calc(13 * var(--ui-px, 1px));background:#ffffff09;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease}.login-field__control:focus-within{border-color:#b87cffa8;background:#b87cff0e;box-shadow:0 0 0 calc(3 * var(--ui-px, 1px)) #b87cff14}.login-field__control>svg{width:calc(18 * var(--ui-px, 1px));height:calc(18 * var(--ui-px, 1px));margin-left:calc(16 * var(--ui-px, 1px));fill:none;stroke:#82768e;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.login-field input{min-width:0;flex:1;height:100%;padding:0 calc(14 * var(--ui-px, 1px));border:0;outline:0;color:var(--text);background:transparent;font:calc(13 * var(--ui-px, 1px))/1 sans-serif}.login-field input::placeholder{color:#6f6678}.login-field__reveal{display:grid;width:calc(46 * var(--ui-px, 1px));height:100%;place-items:center;padding:0;border:0;color:#82768e;background:transparent;cursor:pointer}.login-field__reveal svg{width:calc(18 * var(--ui-px, 1px));fill:none;stroke:currentColor;stroke-width:1.5}.login-field__reveal[aria-pressed=true]{color:var(--accent-soft)}.login-form__options{display:flex;align-items:center;justify-content:space-between;margin-top:calc(-4 * var(--ui-px, 1px));font-size:calc(11 * var(--ui-px, 1px))}.login-check{display:flex;gap:calc(8 * var(--ui-px, 1px));align-items:center;color:#978d9f;cursor:pointer}.login-check input{position:absolute;width:calc(1 * var(--ui-px, 1px));height:calc(1 * var(--ui-px, 1px));opacity:0}.login-check span{display:grid;width:calc(15 * var(--ui-px, 1px));height:calc(15 * var(--ui-px, 1px));place-items:center;border:calc(1 * var(--ui-px, 1px)) solid #62596b;border-radius:calc(4 * var(--ui-px, 1px))}.login-check input:checked+span{border-color:var(--accent);background:var(--accent)}.login-check input:checked+span:after{width:calc(6 * var(--ui-px, 1px));height:calc(3 * var(--ui-px, 1px));border-bottom:calc(1.5 * var(--ui-px, 1px)) solid #fff;border-left:calc(1.5 * var(--ui-px, 1px)) solid #fff;content:"";transform:translateY(calc(-1 * var(--ui-px, 1px))) rotate(-45deg)}.login-check input:focus-visible+span{outline:calc(2 * var(--ui-px, 1px)) solid var(--accent-soft);outline-offset:calc(3 * var(--ui-px, 1px))}.login-form__text-button,.login-panel__register button{padding:0;border:0;color:var(--accent-soft);background:none;font-size:inherit;cursor:pointer}.login-form__text-button:hover,.login-panel__register button:hover{color:#fff}.login-form__submit{display:flex;height:calc(52 * var(--ui-px, 1px));align-items:center;justify-content:space-between;padding:0 calc(20 * var(--ui-px, 1px));border:calc(1 * var(--ui-px, 1px)) solid rgba(224,200,255,.32);border-radius:calc(13 * var(--ui-px, 1px));color:#fff;background:linear-gradient(100deg,#7c42c6,#b366ee);box-shadow:0 calc(12 * var(--ui-px, 1px)) calc(34 * var(--ui-px, 1px)) #7f3cc847;cursor:pointer;transition:filter .22s ease,transform .35s var(--ease),box-shadow .35s var(--ease)}.login-form__submit:hover{filter:brightness(1.08);transform:translateY(calc(-2 * var(--ui-px, 1px)));box-shadow:0 calc(17 * var(--ui-px, 1px)) calc(40 * var(--ui-px, 1px)) #7f3cc866}.login-form__status{min-height:calc(17 * var(--ui-px, 1px));margin:calc(-8 * var(--ui-px, 1px)) 0 0;color:#b99ecb;font-size:calc(11 * var(--ui-px, 1px));line-height:1.5}.login-panel__register{margin:calc(14 * var(--ui-px, 1px)) 0 0;color:#817789;font-size:calc(11 * var(--ui-px, 1px));text-align:center}@media(max-width:600px){.login-modal{padding:calc(14 * var(--ui-px, 1px))}.login-panel{grid-template-columns:minmax(0,1fr);width:min(calc(430 * var(--ui-px, 1px)),calc(100vw - calc(28 * var(--ui-px, 1px))));min-width:0;min-height:0;max-height:calc(100vh - calc(28 * var(--ui-px, 1px)));overflow-x:hidden;overflow-y:auto;border-radius:calc(22 * var(--ui-px, 1px))}.login-panel__art{min-height:calc(122 * var(--ui-px, 1px))}.login-panel__art picture{height:calc(180 * var(--ui-px, 1px))}.login-panel__art img{object-position:50% 50%}.login-panel__content{min-width:0;padding:calc(30 * var(--ui-px, 1px)) calc(24 * var(--ui-px, 1px)) calc(28 * var(--ui-px, 1px))}.login-form,.login-field,.login-field__control{min-width:0;width:100%}.login-panel__brand{display:none}.login-panel__content h2{font-size:calc(31 * var(--ui-px, 1px))}.login-panel__intro{margin-bottom:calc(24 * var(--ui-px, 1px))}.login-panel__close{top:calc(12 * var(--ui-px, 1px));right:calc(12 * var(--ui-px, 1px))}}@media(max-width:600px){.login-panel{max-height:calc(100dvh - calc(24 * var(--ui-px, 1px)))}.login-panel__art{display:block;min-height:0;height:clamp(calc(90 * var(--ui-px, 1px)),20dvh,calc(180 * var(--ui-px, 1px)))}.login-panel__art picture{height:100%}.login-panel__content{padding:calc(28 * var(--ui-px, 1px)) calc(22 * var(--ui-px, 1px)) calc(20 * var(--ui-px, 1px))}.login-panel__intro{margin-bottom:calc(16 * var(--ui-px, 1px))}.login-form{gap:calc(12 * var(--ui-px, 1px))}}@media(max-width:600px)and (max-height:650px){.login-panel__content{padding:calc(16 * var(--ui-px, 1px)) calc(20 * var(--ui-px, 1px))}.login-panel__content h2{font-size:calc(26 * var(--ui-px, 1px))}.login-panel__intro{margin:calc(6 * var(--ui-px, 1px)) 0 calc(12 * var(--ui-px, 1px))}.login-field__control{height:calc(42 * var(--ui-px, 1px))}.login-panel__register{margin-top:calc(8 * var(--ui-px, 1px))}}.login-panel [hidden]{display:none!important}.login-panel{max-height:calc(100dvh - calc(28 * var(--ui-px, 1px)));overflow-y:auto}.login-panel .account-logout{display:block;margin:calc(18 * var(--ui-px, 1px)) auto 0}.login-form__submit:disabled{opacity:.55;cursor:wait}.login-panel[data-auth-mode=register] .login-panel__intro{margin-bottom:calc(12 * var(--ui-px, 1px))}@media(max-width:600px){.login-panel[data-auth-mode=register] .login-panel__art,.login-panel[data-auth-mode=profile] .login-panel__art{height:calc(90 * var(--ui-px, 1px))}}.login-email-code{display:flex;gap:calc(8 * var(--ui-px, 1px));align-items:center}.login-email-code .login-field__control{flex:1;min-width:0}.login-code-send{flex-shrink:0;border:calc(1 * var(--ui-px, 1px)) solid var(--surface-line);border-radius:calc(12 * var(--ui-px, 1px));padding:calc(12 * var(--ui-px, 1px));background:var(--surface-bg);color:#caa1ff;cursor:pointer;font:inherit}.login-code-send:disabled{opacity:.55;cursor:default}[data-test-mailbox]{color:#caa1ff;font-size:calc(12 * var(--ui-px, 1px))}.login-panel[data-auth-mode=register] .login-panel__content{padding-top:calc(24 * var(--ui-px, 1px));padding-bottom:calc(24 * var(--ui-px, 1px))}.login-panel[data-auth-mode=register] .login-panel__brand{display:none}.login-field__reveal{flex-shrink:0}.login-field input{user-select:text;-webkit-user-select:text;touch-action:auto;cursor:text}.login-field input::selection{background:#8054ae;color:#fff}.login-field input::-ms-reveal{display:none}.login-modal{z-index:150}@media(prefers-reduced-motion:reduce){.login-modal,.login-modal *{transition-duration:.01ms!important;scroll-behavior:auto!important}}.login-field__error{color:#f0a8b7;font:calc(12 * var(--ui-px, 1px))/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}.login-field.has-error .login-field__control{border-color:#ef9db0;box-shadow:0 0 0 calc(2 * var(--ui-px, 1px)) #ef9db01f}.account-scene{--surface-bg:rgba(35,21,47,.66);--surface-line:rgba(245,232,255,.2);--surface-blur:calc(12 * var(--ui-px, 1px));--account-nav-height:calc(72 * var(--ui-px, 1px));--account-clip-overlap:calc(12 * var(--ui-px, 1px));position:fixed;inset:0;z-index:120;isolation:isolate;color:#faf6ff;background:transparent;font-family:Dongyuan Song One,Songti SC,"Noto Serif CJK SC",serif}.account-scene *,.account-scene *:before,.account-scene *:after{box-sizing:border-box}.account-scene button{font-family:inherit}.account-scene__backdrop{position:absolute;z-index:-1;inset:0;pointer-events:none;background:#0302076b;backdrop-filter:blur(calc(14 * var(--ui-px, 1px))) saturate(.9);-webkit-backdrop-filter:blur(calc(14 * var(--ui-px, 1px))) saturate(.9)}.account-scene__header{position:absolute;inset:0 0 auto;height:calc(var(--account-nav-height) + env(safe-area-inset-top,0px));padding:calc(calc(8 * var(--ui-px, 1px)) + env(safe-area-inset-top,0px)) calc(28 * var(--ui-px, 1px)) calc(8 * var(--ui-px, 1px));display:flex;align-items:center;justify-content:space-between;gap:calc(16 * var(--ui-px, 1px))}.account-scene__back{display:inline-flex;gap:calc(11 * var(--ui-px, 1px));align-items:center;padding:0;border:0;color:#faf6ff;background:transparent;cursor:pointer;text-align:left}.account-scene__back>img{width:calc(50 * var(--ui-px, 1px));height:calc(50 * var(--ui-px, 1px));object-fit:contain}.account-scene__back>span{display:grid;gap:calc(1 * var(--ui-px, 1px))}.account-scene__back small{color:#a994bd;font-size:calc(9 * var(--ui-px, 1px));letter-spacing:.17em}.account-scene__back strong{font-size:calc(17 * var(--ui-px, 1px));font-weight:400;letter-spacing:.09em}.account-scene__back:focus-visible{outline:calc(2 * var(--ui-px, 1px)) solid #b87cff;outline-offset:calc(5 * var(--ui-px, 1px));border-radius:calc(6 * var(--ui-px, 1px))}.account-scene .profile-placeholder:disabled{cursor:default;opacity:1}.account-scene__viewport{position:absolute;inset:calc(var(--account-nav-height) - var(--account-clip-overlap) + env(safe-area-inset-top,0px)) 0 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.account-scene__content{width:calc(100% - calc(64 * var(--ui-px, 1px)));max-width:calc(1440 * var(--ui-px, 1px));margin:0 auto;padding:calc(calc(16 * var(--ui-px, 1px)) + var(--account-clip-overlap)) 0 calc(52 * var(--ui-px, 1px))}.account-scene h1{margin:0;text-align:center;color:#fff;font-size:clamp(calc(32 * var(--ui-px, 1px)),4vw,calc(58 * var(--ui-px, 1px)));font-weight:400;line-height:normal;position:relative;outline:none}.account-scene h1>span{position:absolute;bottom:100%;left:0;right:0;display:block;margin-bottom:calc(5 * var(--ui-px, 1px));font-size:calc(16 * var(--ui-px, 1px));line-height:1;letter-spacing:.08em}.account-scene__cards{display:grid;grid-template-columns:repeat(2,calc(320 * var(--ui-px, 1px)));justify-content:center;gap:calc(34 * var(--ui-px, 1px));margin-top:calc(58 * var(--ui-px, 1px));perspective:calc(1200 * var(--ui-px, 1px))}.account-scene__card{--card-rotate-x:0deg;--card-rotate-y:0deg;--card-light-x:50%;--card-light-y:35%;position:relative;width:calc(320 * var(--ui-px, 1px));height:calc(470 * var(--ui-px, 1px));min-width:0;border:calc(1 * var(--ui-px, 1px)) solid var(--surface-line);border-radius:calc(25 * var(--ui-px, 1px));background:var(--surface-bg);backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));box-shadow:inset 0 calc(1 * var(--ui-px, 1px)) 0 #f5e8ff1f,0 calc(24 * var(--ui-px, 1px)) calc(50 * var(--ui-px, 1px)) #0000003d;animation:account-card-enter-left .76s cubic-bezier(.22,1.17,.36,1) .11s backwards;transition:border-color .26s ease,box-shadow .32s ease,transform .16s ease-out}.account-scene__card:nth-child(2){animation-name:account-card-enter-right;animation-delay:.17s}.account-scene__card-heading{position:absolute;top:calc(-30 * var(--ui-px, 1px));left:calc(-22 * var(--ui-px, 1px));color:#fff}.account-scene__card-heading h2{margin:0;font-size:calc(32 * var(--ui-px, 1px));line-height:1.1;font-weight:400}.account-scene__card-heading>span{display:block;font-size:calc(25 * var(--ui-px, 1px));line-height:1.1}.account-scene__card-content{position:absolute;inset:calc(64 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px))}@keyframes account-card-enter-left{0%{opacity:0;translate:calc(-150 * var(--ui-px, 1px)) 0}to{opacity:1;translate:0 0}}@keyframes account-card-enter-right{0%{opacity:0;translate:calc(150 * var(--ui-px, 1px)) 0}to{opacity:1;translate:0 0}}@media(hover:hover)and (pointer:fine){.account-scene__card:hover{transform:translateY(calc(-4 * var(--ui-px, 1px))) rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y)) scale(1.018);border-color:#cf9eff52;box-shadow:0 0 0 calc(1 * var(--ui-px, 1px)) #b87cff0d,0 0 calc(12 * var(--ui-px, 1px)) #b87cff12,0 calc(24 * var(--ui-px, 1px)) calc(50 * var(--ui-px, 1px)) #0000005c}}@media(max-width:760px){.account-scene__cards{grid-template-columns:repeat(2,minmax(0,calc(320 * var(--ui-px, 1px))));gap:calc(24 * var(--ui-px, 1px))}.account-scene__card{width:100%}}@media(max-width:600px){.account-scene{--account-nav-height:calc(60 * var(--ui-px, 1px));--account-clip-overlap:0px}.account-scene__header{padding:calc(calc(6 * var(--ui-px, 1px)) + env(safe-area-inset-top,0px)) calc(12 * var(--ui-px, 1px)) calc(6 * var(--ui-px, 1px));gap:calc(8 * var(--ui-px, 1px))}.account-scene__back{gap:calc(6 * var(--ui-px, 1px))}.account-scene__back>img{width:calc(36 * var(--ui-px, 1px));height:calc(36 * var(--ui-px, 1px))}.account-scene__back small{display:none}.account-scene__back strong{font-size:calc(14 * var(--ui-px, 1px))}.account-scene__content{width:calc(100% - calc(40 * var(--ui-px, 1px)));display:flex;flex-direction:column;height:calc(100dvh - var(--account-nav-height) - env(safe-area-inset-top,0px));min-height:calc(590 * var(--ui-px, 1px));padding:calc(20 * var(--ui-px, 1px)) 0 max(calc(12 * var(--ui-px, 1px)),env(safe-area-inset-bottom,0px))}.account-scene h1{flex-shrink:0;font-size:calc(30 * var(--ui-px, 1px));line-height:1.2}.account-scene h1>span{font-size:calc(11 * var(--ui-px, 1px))}.account-scene__cards{flex:1;min-height:0;grid-template-columns:1fr;grid-template-rows:minmax(calc(125 * var(--ui-px, 1px)),.8fr) minmax(calc(218 * var(--ui-px, 1px)),1.2fr) calc(44 * var(--ui-px, 1px));gap:calc(25 * var(--ui-px, 1px));margin-top:calc(26 * var(--ui-px, 1px));perspective:none}.account-scene__card{height:auto;border-radius:calc(18 * var(--ui-px, 1px))}.account-scene__card-heading{top:calc(-17 * var(--ui-px, 1px));left:calc(-8 * var(--ui-px, 1px))}.account-scene__card-heading h2{font-size:calc(23 * var(--ui-px, 1px))}.account-scene__card-heading>span{font-size:calc(16 * var(--ui-px, 1px))}.account-scene__card-content{inset:calc(44 * var(--ui-px, 1px)) calc(14 * var(--ui-px, 1px)) calc(14 * var(--ui-px, 1px))}}@media(prefers-reduced-motion:reduce){.account-scene__card{animation:none;transition:none}.account-scene__card:hover{transform:none}}.account-scene__card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--card-light-x) var(--card-light-y),rgba(255,255,255,.025),transparent 85%);opacity:0;transition:opacity .32s ease}@media(hover:hover)and (pointer:fine){.account-scene__card:hover:after{opacity:1}}@media(min-width:1000px)and (max-height:740px){.account-scene h1{font-size:calc(34 * var(--ui-px, 1px))}.account-scene__cards{margin-top:calc(44 * var(--ui-px, 1px))}}@media(min-width:601px)and (max-width:860px){.account-scene{--account-nav-height:calc(64 * var(--ui-px, 1px))}.account-scene__back>img{width:calc(43 * var(--ui-px, 1px));height:calc(43 * var(--ui-px, 1px))}.account-scene__back small{display:none}.account-scene__back strong{font-size:calc(15 * var(--ui-px, 1px))}}@media(max-width:600px)and (max-height:700px){.account-scene__cards{gap:calc(20 * var(--ui-px, 1px));margin-top:calc(23 * var(--ui-px, 1px));grid-template-rows:minmax(calc(118 * var(--ui-px, 1px)),.7fr) minmax(calc(216 * var(--ui-px, 1px)),1.3fr) calc(40 * var(--ui-px, 1px))}}@media(max-width:360px){.account-scene__header{padding-left:calc(8 * var(--ui-px, 1px));padding-right:calc(8 * var(--ui-px, 1px));gap:calc(6 * var(--ui-px, 1px))}.account-scene__back>img{width:calc(30 * var(--ui-px, 1px));height:calc(30 * var(--ui-px, 1px))}.account-scene__back strong{font-size:calc(12 * var(--ui-px, 1px))}}.account-scene__card-content[data-account-settings]{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:calc(10 * var(--ui-px, 1px))}.account-scene__logout{width:100%;max-width:calc(244 * var(--ui-px, 1px));min-height:calc(44 * var(--ui-px, 1px));padding:calc(10 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px));border:calc(1 * var(--ui-px, 1px)) solid rgba(255,159,174,.38);border-radius:calc(14 * var(--ui-px, 1px));color:#fff0f2;background:linear-gradient(110deg,#813a55,#a6465c);font-size:calc(18 * var(--ui-px, 1px));cursor:pointer;transition:filter .16s ease}.account-scene__logout:hover{filter:brightness(1.1)}.account-scene__logout:focus-visible{outline:calc(2 * var(--ui-px, 1px)) solid #ffadbd;outline-offset:calc(4 * var(--ui-px, 1px))}.account-scene__logout:disabled{opacity:.6;cursor:wait}.account-scene__status{margin:0;color:#ffbcc8;font-size:calc(14 * var(--ui-px, 1px));text-align:center}.account-scene__status:empty{display:none}@media(max-width:600px){.account-scene__logout{min-height:calc(40 * var(--ui-px, 1px));font-size:calc(16 * var(--ui-px, 1px));padding:calc(8 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px))}}.account-scene__card-content[data-account-settings]{justify-content:flex-start}.account-scene__settings{display:flex;flex-direction:column;align-items:center;gap:calc(14 * var(--ui-px, 1px));width:100%;flex:1;min-height:0}.account-scene__avatar{width:calc(82 * var(--ui-px, 1px));height:calc(82 * var(--ui-px, 1px));border-radius:50%;object-fit:cover;border:calc(1 * var(--ui-px, 1px)) solid var(--surface-line)}.account-scene__action{width:100%;max-width:calc(244 * var(--ui-px, 1px));min-height:calc(42 * var(--ui-px, 1px));padding:calc(8 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px));color:#f5e8ff;border:calc(1 * var(--ui-px, 1px)) solid var(--surface-line);border-radius:calc(14 * var(--ui-px, 1px));background:var(--surface-bg);font-size:calc(17 * var(--ui-px, 1px));cursor:pointer}.account-scene__action:hover{border-color:#b87cff80}.account-scene__action:focus-visible{outline:calc(2 * var(--ui-px, 1px)) solid #b87cff;outline-offset:calc(3 * var(--ui-px, 1px))}.account-editor{--ease:cubic-bezier(.22,1,.36,1);--surface-bg:rgba(35,21,47,.66);--surface-line:rgba(245,232,255,.2);--surface-blur:calc(12 * var(--ui-px, 1px));position:fixed;inset:0;z-index:130;display:flex;align-items:center;justify-content:center;padding:calc(28 * var(--ui-px, 1px)) calc(20 * var(--ui-px, 1px));overflow-y:auto;overscroll-behavior:contain;background:#0302073d;backdrop-filter:blur(calc(12 * var(--ui-px, 1px)));-webkit-backdrop-filter:blur(calc(12 * var(--ui-px, 1px)));color:#faf6ff;font-family:Dongyuan Song One,Songti SC,"Noto Serif CJK SC",serif}.account-editor *,.account-editor *:before,.account-editor *:after{box-sizing:border-box}.account-editor__panel{position:relative;flex-shrink:0;display:flex;flex-direction:column;gap:calc(15 * var(--ui-px, 1px));width:min(100%,calc(420 * var(--ui-px, 1px)));margin:auto;padding:calc(34 * var(--ui-px, 1px)) calc(28 * var(--ui-px, 1px)) calc(28 * var(--ui-px, 1px));border:calc(1 * var(--ui-px, 1px)) solid var(--surface-line);border-radius:calc(24 * var(--ui-px, 1px));background:var(--surface-bg);backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));box-shadow:0 calc(20 * var(--ui-px, 1px)) calc(60 * var(--ui-px, 1px)) #00000040}.account-editor button,.account-editor input{font:inherit}.account-editor__eyebrow{margin:0;color:#c9a1ff;font-size:calc(12 * var(--ui-px, 1px));letter-spacing:.12em}.account-editor h2{margin:0 0 calc(6 * var(--ui-px, 1px));font-size:calc(30 * var(--ui-px, 1px));font-weight:400}.account-editor__field{display:grid;gap:calc(7 * var(--ui-px, 1px));font-size:calc(17 * var(--ui-px, 1px))}.account-editor__control{display:flex;width:100%;min-height:calc(46 * var(--ui-px, 1px));overflow:hidden;border:calc(1 * var(--ui-px, 1px)) solid var(--surface-line);border-radius:calc(12 * var(--ui-px, 1px));background:var(--surface-bg)}.account-editor__control:focus-within{outline:calc(2 * var(--ui-px, 1px)) solid #b87cff;outline-offset:calc(2 * var(--ui-px, 1px))}.account-editor__control input{min-width:0;width:100%;padding:calc(10 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px));border:0;outline:0;background:transparent;color:#fff;font-family:system-ui,sans-serif;font-size:calc(16 * var(--ui-px, 1px));user-select:text;-webkit-user-select:text}.account-editor__control input::selection{background:#8052ac}.account-editor__control button{flex-shrink:0;width:calc(44 * var(--ui-px, 1px));padding:calc(10 * var(--ui-px, 1px));color:#c9afd9;border:0;background:transparent;cursor:pointer}.account-editor__control svg{width:calc(22 * var(--ui-px, 1px));height:calc(22 * var(--ui-px, 1px));fill:none;stroke:currentColor;stroke-width:1.5}.account-editor__save,.account-editor__choose{display:block;min-height:calc(44 * var(--ui-px, 1px));padding:calc(10 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px));color:#fff;text-align:center;border:calc(1 * var(--ui-px, 1px)) solid rgba(220,184,255,.4);border-radius:calc(14 * var(--ui-px, 1px));background:linear-gradient(110deg,#7844b3,#ad5ce0);font-size:calc(18 * var(--ui-px, 1px));cursor:pointer}.account-editor__choose{position:relative;align-self:center;background:var(--surface-bg)}.account-editor__choose input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.account-editor button:focus-visible,.account-editor__choose:focus-within{outline:calc(2 * var(--ui-px, 1px)) solid #b87cff;outline-offset:calc(3 * var(--ui-px, 1px))}.account-editor__save:disabled{opacity:.55;cursor:wait}.account-editor__preview{display:block;align-self:center;width:calc(144 * var(--ui-px, 1px));height:calc(144 * var(--ui-px, 1px));object-fit:cover;border-radius:50%;border:calc(1 * var(--ui-px, 1px)) solid var(--surface-line)}.account-editor__help{margin:0;text-align:center;font-size:calc(14 * var(--ui-px, 1px));line-height:1.6;color:#c3b0d0}.account-editor__status{margin:0;color:#f3bdcd;font-size:calc(15 * var(--ui-px, 1px));line-height:1.5}.account-editor__status:empty{display:none}@media(max-width:600px){.account-scene__cards{grid-template-rows:minmax(calc(260 * var(--ui-px, 1px)),.9fr) minmax(calc(218 * var(--ui-px, 1px)),1.1fr) calc(44 * var(--ui-px, 1px))}.account-scene__settings{display:grid;grid-template-columns:calc(56 * var(--ui-px, 1px)) 1fr;grid-template-rows:calc(40 * var(--ui-px, 1px)) calc(40 * var(--ui-px, 1px));align-content:start;gap:calc(9 * var(--ui-px, 1px)) calc(14 * var(--ui-px, 1px))}.account-scene__avatar{width:calc(56 * var(--ui-px, 1px));height:calc(56 * var(--ui-px, 1px));grid-row:1 / 3;align-self:center}.account-scene__action{min-height:calc(40 * var(--ui-px, 1px));font-size:calc(16 * var(--ui-px, 1px))}.account-editor{padding:max(calc(20 * var(--ui-px, 1px)),env(safe-area-inset-top,0px)) calc(16 * var(--ui-px, 1px)) max(calc(20 * var(--ui-px, 1px)),env(safe-area-inset-bottom,0px))}.account-editor__panel{padding:calc(30 * var(--ui-px, 1px)) calc(20 * var(--ui-px, 1px)) calc(22 * var(--ui-px, 1px));gap:calc(13 * var(--ui-px, 1px));border-radius:calc(20 * var(--ui-px, 1px))}.account-editor h2{font-size:calc(26 * var(--ui-px, 1px))}}.account-scene__account-id{position:absolute;top:calc(40 * var(--ui-px, 1px));left:calc(18 * var(--ui-px, 1px));right:calc(18 * var(--ui-px, 1px));margin:0;color:#d5c5df;font-size:calc(13 * var(--ui-px, 1px));line-height:1.4}.account-scene__identity{display:contents}.account-scene__nickname{display:none;margin:0;width:100%;text-align:center;color:#faf6ff;font-size:calc(19 * var(--ui-px, 1px));line-height:1.4;overflow-wrap:anywhere}@media(min-width:601px){.account-scene__card-content[data-account-settings]{inset:calc(68 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px));gap:calc(10 * var(--ui-px, 1px))}.account-scene__settings{display:contents}.account-scene__identity{display:grid;flex:1;min-height:0;width:100%;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:calc(8 * var(--ui-px, 1px));padding-bottom:calc(4 * var(--ui-px, 1px))}.account-scene__avatar{width:auto;height:100%;max-height:calc(180 * var(--ui-px, 1px));max-width:100%;aspect-ratio:1;align-self:center}.account-scene__nickname{display:block;max-height:calc(54 * var(--ui-px, 1px));overflow-y:auto}.account-scene__action,.account-scene__logout{flex-shrink:0;width:100%;max-width:calc(244 * var(--ui-px, 1px));height:calc(44 * var(--ui-px, 1px));min-height:calc(44 * var(--ui-px, 1px));padding:calc(8 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px));font-size:calc(18 * var(--ui-px, 1px));line-height:1.4}}@media(max-width:600px){.account-scene__account-id{top:calc(34 * var(--ui-px, 1px));left:calc(14 * var(--ui-px, 1px));right:calc(14 * var(--ui-px, 1px));font-size:calc(12 * var(--ui-px, 1px))}.account-scene__card-content[data-account-settings]{top:calc(60 * var(--ui-px, 1px))}}.profile-placeholder{--surface-bg:rgba(35,21,47,.66);--surface-line:rgba(245,232,255,.2);position:relative;display:inline-flex;flex-shrink:0;min-height:calc(46 * var(--ui-px, 1px));gap:calc(9 * var(--ui-px, 1px));align-items:center;padding:calc(4 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px)) calc(4 * var(--ui-px, 1px)) calc(5 * var(--ui-px, 1px));color:#d8cede;background:var(--surface-bg);border:calc(1 * var(--ui-px, 1px)) solid var(--surface-line);border-radius:calc(999 * var(--ui-px, 1px));cursor:pointer;font:inherit;line-height:1.5}.profile-placeholder:disabled{cursor:wait}.profile-placeholder:focus-visible{outline:calc(2 * var(--ui-px, 1px)) solid #b87cff;outline-offset:calc(3 * var(--ui-px, 1px))}.profile-avatar{display:grid;flex-shrink:0;width:calc(36 * var(--ui-px, 1px));height:calc(36 * var(--ui-px, 1px));place-items:center;color:#d8b9ff;background:linear-gradient(145deg,#b87cff38,#5f338c5c),var(--surface-bg);border:calc(1 * var(--ui-px, 1px)) solid rgba(216,185,255,.28);border-radius:50%}.profile-avatar svg{width:calc(21 * var(--ui-px, 1px));height:calc(21 * var(--ui-px, 1px));fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.5}.profile-name{display:inline-block;max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(13 * var(--ui-px, 1px));letter-spacing:.08em}.profile-placeholder .connection-dot{position:absolute;right:calc(2 * var(--ui-px, 1px));bottom:calc(2 * var(--ui-px, 1px));width:calc(8 * var(--ui-px, 1px));height:calc(8 * var(--ui-px, 1px));border:calc(2 * var(--ui-px, 1px)) solid #100b18;border-radius:50%;background:#6d3341}.profile-placeholder .connection-dot.online{background:#36d6a0;box-shadow:0 0 calc(10 * var(--ui-px, 1px)) #36d6a080}@media(max-width:860px){.profile-placeholder{min-width:calc(44 * var(--ui-px, 1px));min-height:calc(44 * var(--ui-px, 1px));padding:calc(3 * var(--ui-px, 1px))}.profile-name{font-size:calc(12 * var(--ui-px, 1px))}}@media(max-width:600px){.profile-placeholder{min-height:calc(34 * var(--ui-px, 1px));padding:calc(3 * var(--ui-px, 1px)) calc(7 * var(--ui-px, 1px)) calc(3 * var(--ui-px, 1px)) calc(3 * var(--ui-px, 1px));gap:calc(5 * var(--ui-px, 1px))}.profile-avatar{width:calc(28 * var(--ui-px, 1px));height:calc(28 * var(--ui-px, 1px))}.profile-name{max-width:6ch;font-size:calc(11 * var(--ui-px, 1px));letter-spacing:0}}@media(max-width:380px){.profile-avatar{width:calc(24 * var(--ui-px, 1px));height:calc(24 * var(--ui-px, 1px))}.profile-name{max-width:5ch;font-size:calc(10 * var(--ui-px, 1px))}}.profile-avatar{overflow:hidden}.profile-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.profile-avatar svg[hidden]{display:none}:root{font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#f3ead4;background:#07070e;font-synthesis:none;--bg: #07070e;--panel: #11111f;--panel-2: #17172a;--line: rgba(196, 148, 55, .32);--gold: #e3b85c;--gold-strong: #ffc954;--muted: #948e82;--danger: #f06f6f;--card-slide-ease: cubic-bezier(.22,1.17,.36,1);--scroll-thumb: #b87cff}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;min-width:calc(320 * var(--ui-px, 1px));min-height:100vh;background-color:var(--bg);background-image:linear-gradient(#05060cc9,#05050ce6),url(/backgrounds/ygo-desktop-wallpaper.jpg);background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(218,171,75,.035) calc(1 * var(--ui-px, 1px)),transparent calc(1 * var(--ui-px, 1px))),linear-gradient(90deg,rgba(218,171,75,.035) calc(1 * var(--ui-px, 1px)),transparent calc(1 * var(--ui-px, 1px)));background-size:calc(48 * var(--ui-px, 1px)) calc(48 * var(--ui-px, 1px));-webkit-mask-image:radial-gradient(circle at 50% 35%,black,transparent 84%);mask-image:radial-gradient(circle at 50% 35%,black,transparent 84%)}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:calc(62 * var(--ui-px, 1px));padding:0 calc(28 * var(--ui-px, 1px));border-bottom:calc(1 * var(--ui-px, 1px)) solid var(--line);background:#07070ee6;-webkit-backdrop-filter:blur(calc(14 * var(--ui-px, 1px)));backdrop-filter:blur(calc(14 * var(--ui-px, 1px)))}.brand{color:var(--gold);letter-spacing:.18em;font-family:Georgia,serif;font-weight:700}.brand span{color:var(--gold-strong)}.topbar-actions{display:flex;align-items:center;gap:calc(12 * var(--ui-px, 1px))}.room-chip,.mode-badge,.tag{padding:calc(5 * var(--ui-px, 1px)) calc(9 * var(--ui-px, 1px));border:calc(1 * var(--ui-px, 1px)) solid var(--line);border-radius:calc(999 * var(--ui-px, 1px));color:var(--gold);font-size:calc(12 * var(--ui-px, 1px))}.connection-dot,.status-dot{width:calc(9 * var(--ui-px, 1px));height:calc(9 * var(--ui-px, 1px));display:inline-block;border-radius:50%;background:#6d3341}.connection-dot.online,.status-dot.online{background:#36d6a0;box-shadow:0 0 calc(10 * var(--ui-px, 1px)) #36d6a080}.connection-banner{position:sticky;top:calc(62 * var(--ui-px, 1px));z-index:19;padding:calc(10 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px));text-align:center;color:#ffe4b0;background:#6f2a2af5;border-bottom:calc(1 * var(--ui-px, 1px)) solid rgba(240,111,111,.55)}.text-button,.back,.row-action,.text-danger{color:var(--gold);background:none;border:0;cursor:pointer}.text-danger{color:var(--danger);display:block;margin:calc(4 * var(--ui-px, 1px)) auto calc(20 * var(--ui-px, 1px))}.page{width:calc(100% - calc(40 * var(--ui-px, 1px)));max-width:calc(1420 * var(--ui-px, 1px));margin:0 auto;padding:calc(54 * var(--ui-px, 1px)) 0 calc(90 * var(--ui-px, 1px));position:relative}.page.narrow{max-width:calc(780 * var(--ui-px, 1px))}.hero{padding:9vh 0 calc(45 * var(--ui-px, 1px));text-align:center}.hero h1,.page-title,.complete-hero h1{font-family:Georgia,"Noto Serif SC",serif;color:#f2ce79;font-weight:500}.hero h1{font-size:clamp(calc(38 * var(--ui-px, 1px)),7vw,calc(72 * var(--ui-px, 1px)));margin:calc(16 * var(--ui-px, 1px)) 0;line-height:1.16;overflow-wrap:anywhere}.hero p,.complete-hero p{color:var(--muted);font-size:calc(17 * var(--ui-px, 1px));line-height:1.65;overflow-wrap:anywhere}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:calc(13 * var(--ui-px, 1px))}.page-title{font-size:clamp(calc(32 * var(--ui-px, 1px)),5vw,calc(48 * var(--ui-px, 1px)));margin:calc(18 * var(--ui-px, 1px)) 0 calc(30 * var(--ui-px, 1px))}.back{padding:0;font-size:calc(16 * var(--ui-px, 1px))}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(18 * var(--ui-px, 1px))}.choice-card{min-height:calc(190 * var(--ui-px, 1px));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(10 * var(--ui-px, 1px));color:#efe5cb;background:linear-gradient(145deg,#19192cf2,#0c0c17f2);border:calc(1 * var(--ui-px, 1px)) solid var(--line);border-radius:calc(10 * var(--ui-px, 1px));cursor:pointer;transition:.2s ease}.choice-card:hover{transform:translateY(calc(-3 * var(--ui-px, 1px)));border-color:var(--gold);box-shadow:0 calc(16 * var(--ui-px, 1px)) calc(45 * var(--ui-px, 1px)) #00000059}.choice-card strong{font-family:Georgia,serif;font-size:calc(25 * var(--ui-px, 1px));color:#f2ce79}.choice-card small{color:var(--muted)}.choice-icon{font-size:calc(30 * var(--ui-px, 1px));color:var(--gold)}.home-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(18 * var(--ui-px, 1px));margin-top:calc(18 * var(--ui-px, 1px))}.home-info-card{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) calc(132 * var(--ui-px, 1px));gap:calc(18 * var(--ui-px, 1px));align-items:center;padding:calc(22 * var(--ui-px, 1px));color:var(--muted);background:#10101deb;border:calc(1 * var(--ui-px, 1px)) solid var(--line);border-radius:calc(10 * var(--ui-px, 1px))}.home-info-card h2{margin:calc(9 * var(--ui-px, 1px)) 0;color:#f2ce79;font-family:Georgia,"Noto Serif SC",serif;font-weight:500}.home-info-card p{margin:calc(5 * var(--ui-px, 1px)) 0 0;line-height:1.55}.qr-frame.compact{width:calc(160 * var(--ui-px, 1px));height:calc(160 * var(--ui-px, 1px))}.home-info-card .qr-frame.compact{width:calc(132 * var(--ui-px, 1px));height:calc(132 * var(--ui-px, 1px))}.group-qr-frame{width:calc(132 * var(--ui-px, 1px));aspect-ratio:1;justify-self:end;overflow:hidden;background:#242321;border:calc(1 * var(--ui-px, 1px)) solid rgba(196,148,55,.24);border-radius:calc(9 * var(--ui-px, 1px))}.group-qr-frame img{display:block;width:100%;height:100%;object-fit:cover}.form-card,.panel,.pool-section{background:#10101deb;border:calc(1 * var(--ui-px, 1px)) solid var(--line);border-radius:calc(10 * var(--ui-px, 1px));padding:calc(28 * var(--ui-px, 1px))}.form-card{display:grid;gap:calc(24 * var(--ui-px, 1px))}.field{display:grid;gap:calc(9 * var(--ui-px, 1px));color:var(--gold)}.field input,.field select{width:100%;padding:calc(17 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px));color:#fff6e0;background:#1a1a30;border:calc(1 * var(--ui-px, 1px)) solid rgba(196,148,55,.38);border-radius:calc(7 * var(--ui-px, 1px));outline:none}.field input:focus,.field select:focus{border-color:var(--gold-strong);box-shadow:0 0 0 calc(2 * var(--ui-px, 1px)) #ffc9541f}.code-input{text-transform:uppercase;letter-spacing:.22em}.mode-note{margin-top:calc(-10 * var(--ui-px, 1px));padding:calc(13 * var(--ui-px, 1px)) calc(15 * var(--ui-px, 1px));color:#b8ae98;background:#e3b85c12;border-left:calc(2 * var(--ui-px, 1px)) solid var(--gold);line-height:1.55}.primary,.secondary,.wide-outline{min-height:calc(48 * var(--ui-px, 1px));border-radius:calc(6 * var(--ui-px, 1px));cursor:pointer;transition:.16s ease}.primary{color:#171105;background:linear-gradient(135deg,#e7bb5b,#a97925);border:calc(1 * var(--ui-px, 1px)) solid #eacb81;font-family:Georgia,"Noto Serif SC",serif;font-size:calc(17 * var(--ui-px, 1px));letter-spacing:.08em;font-weight:700}.primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(calc(-1 * var(--ui-px, 1px)))}.primary:disabled{opacity:.35;cursor:not-allowed}.secondary{padding:calc(10 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px));color:var(--gold);background:transparent;border:calc(1 * var(--ui-px, 1px)) solid var(--line)}.danger-button{min-height:calc(48 * var(--ui-px, 1px));padding:calc(10 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px));color:#ffd6d6;background:#a42f3a33;border:calc(1 * var(--ui-px, 1px)) solid rgba(240,111,111,.65);border-radius:calc(6 * var(--ui-px, 1px));cursor:pointer;transition:.16s ease}.danger-button:hover{background:#be344157;border-color:var(--danger)}.wide{width:100%}.wide-outline{width:100%;margin:calc(18 * var(--ui-px, 1px)) 0 calc(8 * var(--ui-px, 1px));color:var(--gold);background:#0c0c16b3;border:calc(1 * var(--ui-px, 1px)) solid var(--line)}.wide-outline:disabled{opacity:.35}.page-heading-row{display:flex;justify-content:space-between;align-items:end;gap:calc(20 * var(--ui-px, 1px))}.heading-actions{display:flex;align-items:center;gap:calc(10 * var(--ui-px, 1px));margin-bottom:calc(30 * var(--ui-px, 1px))}.panel{margin-bottom:calc(18 * var(--ui-px, 1px));padding:0;overflow:hidden}.panel-title{padding:calc(20 * var(--ui-px, 1px)) calc(26 * var(--ui-px, 1px));color:var(--gold);font-family:Georgia,serif;font-size:calc(19 * var(--ui-px, 1px));letter-spacing:.12em;border-bottom:calc(1 * var(--ui-px, 1px)) solid var(--line)}.invite-panel{display:grid;grid-template-columns:minmax(0,1fr) calc(230 * var(--ui-px, 1px));gap:calc(28 * var(--ui-px, 1px));align-items:center;margin-bottom:calc(18 * var(--ui-px, 1px));padding:calc(26 * var(--ui-px, 1px));background:linear-gradient(135deg,#1b192af5,#0d0d18f5);border:calc(1 * var(--ui-px, 1px)) solid var(--line);border-radius:calc(10 * var(--ui-px, 1px))}.invite-copy h2{margin:calc(9 * var(--ui-px, 1px)) 0;color:#f2ce79;font-family:Georgia,"Noto Serif SC",serif;font-weight:500}.invite-copy>p{margin:0 0 calc(15 * var(--ui-px, 1px));color:var(--muted);line-height:1.6}.invite-code{display:inline-block;margin:calc(3 * var(--ui-px, 1px)) 0 calc(17 * var(--ui-px, 1px));color:var(--gold-strong);font-family:ui-monospace,Consolas,monospace;font-size:calc(30 * var(--ui-px, 1px));font-weight:700;letter-spacing:.18em}.invite-actions{display:flex;flex-wrap:wrap;gap:calc(10 * var(--ui-px, 1px))}.invite-actions .primary,.invite-actions .secondary{min-width:calc(132 * var(--ui-px, 1px));padding:calc(10 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px))}.invite-warning{margin:calc(16 * var(--ui-px, 1px)) 0 0!important;padding:calc(11 * var(--ui-px, 1px)) calc(13 * var(--ui-px, 1px));color:#f4c18f!important;background:#f0a26f14;border-left:calc(2 * var(--ui-px, 1px)) solid #f0a26f;font-size:calc(13 * var(--ui-px, 1px))}.qr-frame{width:calc(220 * var(--ui-px, 1px));height:calc(220 * var(--ui-px, 1px));display:grid;place-items:center;justify-self:end;padding:calc(7 * var(--ui-px, 1px));color:#6f6455;background:#fff8ea;border-radius:calc(9 * var(--ui-px, 1px))}.qr-frame img{display:block;width:100%;height:100%}.player-list{padding:calc(12 * var(--ui-px, 1px)) calc(24 * var(--ui-px, 1px)) calc(20 * var(--ui-px, 1px))}.player-row{min-height:calc(58 * var(--ui-px, 1px));display:flex;align-items:center;gap:calc(13 * var(--ui-px, 1px));padding:0 calc(16 * var(--ui-px, 1px));border-bottom:calc(1 * var(--ui-px, 1px)) dashed rgba(196,148,55,.12)}.player-row.empty{opacity:.42;font-style:italic}.player-row .seat{color:#967332;width:calc(22 * var(--ui-px, 1px))}.player-row em{color:var(--muted);font-style:normal}.host-label{margin-left:auto;color:#8d6c2c;letter-spacing:.14em}.row-action{margin-left:auto}.pool-section{margin-top:calc(28 * var(--ui-px, 1px));padding:0 0 calc(24 * var(--ui-px, 1px))}.default-pool-card{margin:calc(24 * var(--ui-px, 1px));padding:calc(22 * var(--ui-px, 1px));display:flex;align-items:center;justify-content:space-between;gap:calc(24 * var(--ui-px, 1px));background:linear-gradient(135deg,#302818eb,#111120f5);border:calc(1 * var(--ui-px, 1px)) solid rgba(225,177,76,.55);border-radius:calc(8 * var(--ui-px, 1px))}.default-pool-card h3{margin:calc(5 * var(--ui-px, 1px)) 0 calc(8 * var(--ui-px, 1px));color:#f4d384;font-family:Georgia,serif;font-size:calc(24 * var(--ui-px, 1px));font-weight:500}.default-pool-card p{max-width:calc(760 * var(--ui-px, 1px));margin:0;color:var(--muted);line-height:1.7}.default-pool-card .primary{flex:0 0 auto;padding:0 calc(24 * var(--ui-px, 1px))}.pool-divider{display:flex;align-items:center;gap:calc(14 * var(--ui-px, 1px));margin:0 calc(24 * var(--ui-px, 1px));color:var(--muted);font-size:calc(13 * var(--ui-px, 1px))}.pool-divider:before,.pool-divider:after{content:"";height:calc(1 * var(--ui-px, 1px));flex:1;background:#c4943738}.pool-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(18 * var(--ui-px, 1px));padding:calc(24 * var(--ui-px, 1px))}.upload-card{padding:calc(22 * var(--ui-px, 1px));background:#111120;border:calc(1 * var(--ui-px, 1px)) solid rgba(196,148,55,.25);border-radius:calc(8 * var(--ui-px, 1px))}.upload-card h3{margin:0 0 calc(6 * var(--ui-px, 1px));color:#efca76;font-family:inherit;font-weight:500}.upload-card p{min-height:calc(20 * var(--ui-px, 1px));margin:0 0 calc(16 * var(--ui-px, 1px));color:var(--muted);font-size:calc(13 * var(--ui-px, 1px))}.pool-section>.upload-card{margin:calc(24 * var(--ui-px, 1px))}.drop-zone{width:100%;min-height:calc(175 * var(--ui-px, 1px));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(10 * var(--ui-px, 1px));color:var(--gold);background:#090912b3;border:calc(2 * var(--ui-px, 1px)) dashed rgba(196,148,55,.35);border-radius:calc(8 * var(--ui-px, 1px));cursor:pointer}.drop-zone span{font-size:calc(32 * var(--ui-px, 1px))}.drop-zone small{color:var(--muted)}.upload-count{margin-top:calc(14 * var(--ui-px, 1px));color:#80dab8}.upload-count.insufficient{color:#f0a26f}.pool-section>.primary{width:calc(100% - calc(48 * var(--ui-px, 1px)));margin:0 calc(24 * var(--ui-px, 1px))}.confirmed-box{margin:calc(24 * var(--ui-px, 1px));display:flex;align-items:center;gap:calc(18 * var(--ui-px, 1px));padding:calc(20 * var(--ui-px, 1px));color:#8ee1bd;background:#36d6a012;border:calc(1 * var(--ui-px, 1px)) solid rgba(54,214,160,.25);border-radius:calc(8 * var(--ui-px, 1px))}.confirmed-box span{color:var(--muted)}.confirmed-box .secondary{margin-left:auto}.pool-gallery{margin:calc(24 * var(--ui-px, 1px));overflow:hidden;background:#0d0d19;border:calc(1 * var(--ui-px, 1px)) solid rgba(196,148,55,.25);border-radius:calc(8 * var(--ui-px, 1px))}.pool-gallery-heading,.picked-cards-heading{width:100%;min-height:calc(58 * var(--ui-px, 1px));display:flex;align-items:center;justify-content:space-between;gap:calc(16 * var(--ui-px, 1px));padding:calc(14 * var(--ui-px, 1px)) calc(20 * var(--ui-px, 1px));color:var(--gold);background:#111120;border:0;border-bottom:calc(1 * var(--ui-px, 1px)) solid var(--line);text-align:left}.pool-gallery-heading{cursor:pointer}.pool-gallery-heading strong{color:#f1d284}.pool-gallery-heading span:last-child{color:#8f7a4c;font-size:calc(13 * var(--ui-px, 1px))}.gallery-filters{display:flex;flex-wrap:wrap;gap:calc(8 * var(--ui-px, 1px));padding:calc(14 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px));border-bottom:calc(1 * var(--ui-px, 1px)) solid rgba(196,148,55,.18)}.gallery-filters button{padding:calc(8 * var(--ui-px, 1px)) calc(14 * var(--ui-px, 1px));color:#9c8d70;background:transparent;border:calc(1 * var(--ui-px, 1px)) solid transparent;border-radius:calc(6 * var(--ui-px, 1px));cursor:pointer}.gallery-filters button.active{color:#f2d183;background:#e3b85c1a;border-color:#e3b85c73}.pool-gallery-grid{max-height:calc(520 * var(--ui-px, 1px));display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(92 * var(--ui-px, 1px)),1fr));gap:calc(9 * var(--ui-px, 1px));padding:calc(18 * var(--ui-px, 1px));overflow:auto}.start-button{width:calc(100% - calc(48 * var(--ui-px, 1px)));min-height:calc(64 * var(--ui-px, 1px));margin:calc(20 * var(--ui-px, 1px)) calc(24 * var(--ui-px, 1px)) 0;color:#eafff8;background:linear-gradient(135deg,#287f6d,#155447);border-color:#55bba2;box-shadow:0 calc(10 * var(--ui-px, 1px)) calc(28 * var(--ui-px, 1px)) #18705b33}.start-button:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 calc(12 * var(--ui-px, 1px)) calc(34 * var(--ui-px, 1px)) #279e8047}.start-waiting{margin:0 calc(24 * var(--ui-px, 1px))}.center-muted{text-align:center;color:var(--muted);padding:calc(24 * var(--ui-px, 1px))}.draft-status{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:calc(18 * var(--ui-px, 1px));background:#10101df0;border:calc(1 * var(--ui-px, 1px)) solid var(--line);border-radius:calc(8 * var(--ui-px, 1px))}.draft-status>div{display:grid;gap:calc(6 * var(--ui-px, 1px));padding:calc(18 * var(--ui-px, 1px)) calc(22 * var(--ui-px, 1px));border-right:calc(1 * var(--ui-px, 1px)) solid var(--line)}.draft-status>div:last-child{border-right:0}.draft-status small{color:var(--muted)}.draft-status strong{color:#f2ce79}.draft-room-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:calc(10 * var(--ui-px, 1px));margin-bottom:calc(12 * var(--ui-px, 1px))}.turn-banner{display:flex;align-items:center;justify-content:center;gap:calc(16 * var(--ui-px, 1px));padding:calc(14 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px));margin-bottom:calc(22 * var(--ui-px, 1px));text-align:center;color:var(--gold);background:#e3b85c12;border:calc(1 * var(--ui-px, 1px)) solid rgba(227,184,92,.24);border-radius:calc(7 * var(--ui-px, 1px))}.pick-timer{min-width:calc(54 * var(--ui-px, 1px));padding:calc(5 * var(--ui-px, 1px)) calc(9 * var(--ui-px, 1px));color:#17131d;background:var(--gold);border-radius:calc(999 * var(--ui-px, 1px));font-variant-numeric:tabular-nums}.pick-timer.urgent{color:#fff;background:#b64242}.draft-layout{display:block}.current-pack-section{padding:0 calc(2 * var(--ui-px, 1px))}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{color:#f0cc79;font-family:Georgia,serif;font-weight:500}.section-heading span{color:var(--muted)}.mobile-card-columns{display:none}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(142 * var(--ui-px, 1px)),1fr));gap:calc(14 * var(--ui-px, 1px))}.card-preview-trigger{min-width:0;outline:none;cursor:pointer}.card-preview-trigger:focus-visible .card-tile{outline:calc(2 * var(--ui-px, 1px)) solid var(--gold-strong);outline-offset:calc(2 * var(--ui-px, 1px))}.card-tile{height:100%;padding:calc(8 * var(--ui-px, 1px));color:#ece1c8;background:#121221;border:calc(1 * var(--ui-px, 1px)) solid rgba(196,148,55,.22);border-radius:calc(7 * var(--ui-px, 1px));cursor:pointer;overflow:hidden;transition:transform .14s ease,border-color .14s ease}.card-tile:hover{border-color:#e3b85c9e}.card-tile.disabled{cursor:default;opacity:.72}.card-tile.selected{border-color:var(--gold-strong);box-shadow:0 0 0 calc(2 * var(--ui-px, 1px)) #ffc9543d,0 calc(14 * var(--ui-px, 1px)) calc(35 * var(--ui-px, 1px)) #00000059;transform:translateY(calc(-2 * var(--ui-px, 1px)))}.queued-card-image,.card-placeholder{width:100%;aspect-ratio:421 / 614;border-radius:calc(3 * var(--ui-px, 1px));background:#22223a}.queued-card-image{position:relative;display:grid;place-items:center;overflow:hidden}.queued-card-image>img{width:100%;height:100%;object-fit:cover}.card-image-loading{padding:calc(8 * var(--ui-px, 1px));color:#7e765f;font-size:calc(11 * var(--ui-px, 1px));text-align:center}.card-image-retry{width:100%;height:100%;padding:calc(8 * var(--ui-px, 1px));color:#c5ab72;background:#11111ef5;border:0;cursor:pointer;font-size:calc(11 * var(--ui-px, 1px));line-height:1.5}.card-image-retry:hover{color:#f0ce7c;background:#272017f5}.card-placeholder{display:grid;place-items:center;color:var(--gold);font-size:calc(36 * var(--ui-px, 1px))}.card-tile span{min-height:calc(42 * var(--ui-px, 1px));display:grid;place-items:center;padding:calc(8 * var(--ui-px, 1px)) calc(3 * var(--ui-px, 1px)) calc(2 * var(--ui-px, 1px));font-size:calc(13 * var(--ui-px, 1px));line-height:1.3}.card-tile.compact{padding:calc(3 * var(--ui-px, 1px));background:#0b0b15}.draft-confirm-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(calc(280 * var(--ui-px, 1px)),55%);align-items:center;gap:calc(18 * var(--ui-px, 1px));margin:calc(24 * var(--ui-px, 1px)) 0 calc(30 * var(--ui-px, 1px));padding:calc(18 * var(--ui-px, 1px));background:#10101d;border:calc(1 * var(--ui-px, 1px)) solid var(--line);border-radius:calc(8 * var(--ui-px, 1px))}.draft-confirm-row>span{min-width:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-confirm-row .primary{width:100%;min-height:calc(56 * var(--ui-px, 1px))}.picked-cards-section{margin-top:calc(18 * var(--ui-px, 1px));overflow:hidden;background:#090911c7;border:calc(1 * var(--ui-px, 1px)) solid var(--line);border-radius:calc(8 * var(--ui-px, 1px))}.picked-title-button,.revealed-deck-heading>button:first-child{flex:1;padding:calc(8 * var(--ui-px, 1px)) 0;color:var(--gold);background:transparent;border:0;cursor:pointer;text-align:left}.picked-heading-actions{display:flex;align-items:center;gap:calc(10 * var(--ui-px, 1px))}.picked-heading-actions>span{color:#8f7a4c;font-size:calc(13 * var(--ui-px, 1px))}.sort-button,.collapse-button{padding:calc(7 * var(--ui-px, 1px)) calc(11 * var(--ui-px, 1px));color:#a78a4b;background:transparent;border:calc(1 * var(--ui-px, 1px)) solid rgba(196,148,55,.3);border-radius:calc(5 * var(--ui-px, 1px));cursor:pointer}.sort-button.active{color:#f2cf7a;border-color:#e3b85cb3;background:#e3b85c14}.picked-card-groups{padding:calc(8 * var(--ui-px, 1px)) calc(20 * var(--ui-px, 1px)) calc(24 * var(--ui-px, 1px))}.picked-card-group h3{margin:calc(18 * var(--ui-px, 1px)) 0 calc(12 * var(--ui-px, 1px));color:#8f7744;font-family:Georgia,"Noto Serif SC",serif;font-weight:500}.picked-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(82 * var(--ui-px, 1px)),calc(108 * var(--ui-px, 1px))));gap:calc(9 * var(--ui-px, 1px))}.picked-empty{padding:calc(38 * var(--ui-px, 1px)) 0 calc(26 * var(--ui-px, 1px));color:var(--muted);text-align:center}.empty-state{min-height:calc(280 * var(--ui-px, 1px));display:grid;place-items:center;color:var(--muted);border:calc(1 * var(--ui-px, 1px)) dashed var(--line)}.card-preview-overlay{position:fixed;inset:0;z-index:80;pointer-events:none}.card-info-preview{position:fixed;width:calc(460 * var(--ui-px, 1px));max-height:calc(100vh - calc(88 * var(--ui-px, 1px)));display:flex;flex-direction:column;overflow:hidden;color:#eee5d2;background:#0e0e17fb;border:calc(1 * var(--ui-px, 1px)) solid rgba(227,184,92,.46);border-radius:calc(14 * var(--ui-px, 1px));box-shadow:0 calc(24 * var(--ui-px, 1px)) calc(65 * var(--ui-px, 1px)) #000000b3;pointer-events:none}.preview-title-row{display:grid;grid-template-columns:calc(132 * var(--ui-px, 1px)) minmax(0,1fr);gap:calc(18 * var(--ui-px, 1px));padding:calc(20 * var(--ui-px, 1px));border-bottom:calc(1 * var(--ui-px, 1px)) solid var(--line)}.preview-title-row>.queued-card-image{width:calc(132 * var(--ui-px, 1px));align-self:start;border-radius:calc(4 * var(--ui-px, 1px))}.preview-title-row h3{margin:calc(3 * var(--ui-px, 1px)) 0 calc(16 * var(--ui-px, 1px));color:#f3ead4;font-family:Georgia,"Noto Serif SC",serif;font-size:calc(25 * var(--ui-px, 1px));line-height:1.3}.preview-title-row strong{display:block;margin-top:calc(13 * var(--ui-px, 1px));color:#e3b85c;line-height:1.5}.preview-meta{display:flex;gap:calc(14 * var(--ui-px, 1px));color:#c18cff;font-size:calc(17 * var(--ui-px, 1px))}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:calc(10 * var(--ui-px, 1px));margin-top:calc(19 * var(--ui-px, 1px));color:var(--muted)}.preview-stats b{display:block;margin-top:calc(3 * var(--ui-px, 1px));color:#f1d47f;font-size:calc(25 * var(--ui-px, 1px))}.card-info-preview>p{margin:0;padding:calc(20 * var(--ui-px, 1px));overflow:auto;color:#d1c8b7;font-size:calc(15 * var(--ui-px, 1px));line-height:1.8;white-space:pre-wrap}.preview-loading{padding:0 calc(20 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px));color:#8e8473}.preview-close{display:none}.preview-select{margin:0 calc(18 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px));flex:0 0 calc(50 * var(--ui-px, 1px))}.preview-confirm-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:calc(10 * var(--ui-px, 1px));margin:0 calc(18 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px))}.preview-confirm-actions button{min-height:calc(50 * var(--ui-px, 1px))}.complete-hero{text-align:center;margin-bottom:calc(34 * var(--ui-px, 1px))}.complete-hero h1{font-size:calc(52 * var(--ui-px, 1px));margin:calc(14 * var(--ui-px, 1px))}.stats-row{width:min(calc(720 * var(--ui-px, 1px)),100%);margin:0 auto calc(24 * var(--ui-px, 1px));display:grid;grid-template-columns:repeat(3,1fr);border:calc(1 * var(--ui-px, 1px)) solid var(--line);border-radius:calc(8 * var(--ui-px, 1px));overflow:hidden}.stats-row div{display:grid;gap:calc(8 * var(--ui-px, 1px));padding:calc(20 * var(--ui-px, 1px));text-align:center;background:#11111f;border-right:calc(1 * var(--ui-px, 1px)) solid var(--line)}.stats-row div:last-child{border-right:0}.stats-row span{color:var(--muted)}.stats-row strong{color:var(--gold);font-size:calc(24 * var(--ui-px, 1px))}.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:calc(12 * var(--ui-px, 1px));margin-bottom:calc(34 * var(--ui-px, 1px))}.result-actions .secondary:disabled{opacity:.55;cursor:default}.link-button{display:grid;place-items:center;padding:0 calc(28 * var(--ui-px, 1px));text-decoration:none}.result-grid{padding:calc(22 * var(--ui-px, 1px));grid-template-columns:repeat(auto-fill,minmax(calc(110 * var(--ui-px, 1px)),1fr))}.revealed{margin-top:calc(24 * var(--ui-px, 1px))}.revealed-decks{display:grid;gap:calc(18 * var(--ui-px, 1px));padding:calc(20 * var(--ui-px, 1px))}.revealed-deck{overflow:hidden;background:#090911b3;border:calc(1 * var(--ui-px, 1px)) solid rgba(196,148,55,.22);border-radius:calc(8 * var(--ui-px, 1px))}.revealed-deck-heading{min-height:calc(56 * var(--ui-px, 1px));display:flex;align-items:center;gap:calc(12 * var(--ui-px, 1px));padding:calc(9 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px));background:#111120;border-bottom:calc(1 * var(--ui-px, 1px)) solid rgba(196,148,55,.18)}.revealed-deck-heading>span{color:var(--muted);white-space:nowrap}.chat-collapsed{position:fixed;right:calc(18 * var(--ui-px, 1px));bottom:calc(18 * var(--ui-px, 1px));z-index:61;width:min(calc(500 * var(--ui-px, 1px)),calc(100vw - calc(36 * var(--ui-px, 1px))));display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:calc(9 * var(--ui-px, 1px))}.chat-latest{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:calc(9 * var(--ui-px, 1px));padding:0 calc(15 * var(--ui-px, 1px));color:#c4b89e;background:#0f0f1cf7;border:calc(1 * var(--ui-px, 1px)) solid rgba(227,184,92,.4);border-radius:calc(999 * var(--ui-px, 1px));box-shadow:0 calc(14 * var(--ui-px, 1px)) calc(38 * var(--ui-px, 1px)) #0000007a;cursor:pointer;text-align:left}.chat-latest strong{max-width:calc(96 * var(--ui-px, 1px));color:#e4bd64;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-latest span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-toggle{min-width:calc(76 * var(--ui-px, 1px));height:calc(48 * var(--ui-px, 1px));display:flex;align-items:center;justify-content:center;gap:calc(7 * var(--ui-px, 1px));padding:0 calc(16 * var(--ui-px, 1px));color:#171105;background:linear-gradient(135deg,#e7bb5b,#a97925);border:calc(1 * var(--ui-px, 1px)) solid #eacb81;border-radius:calc(999 * var(--ui-px, 1px));box-shadow:0 calc(14 * var(--ui-px, 1px)) calc(38 * var(--ui-px, 1px)) #0000007a;cursor:pointer;font-weight:700}.chat-toggle b{min-width:calc(21 * var(--ui-px, 1px));height:calc(21 * var(--ui-px, 1px));display:grid;place-items:center;padding:0 calc(5 * var(--ui-px, 1px));color:#fff;background:#b63f4c;border-radius:calc(999 * var(--ui-px, 1px));font-size:calc(11 * var(--ui-px, 1px))}.room-chat{position:fixed;right:calc(18 * var(--ui-px, 1px));bottom:calc(18 * var(--ui-px, 1px));z-index:60;width:calc(360 * var(--ui-px, 1px));height:min(calc(560 * var(--ui-px, 1px)),calc(100dvh - calc(92 * var(--ui-px, 1px))));display:none;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;color:#eee2ca;background:#0c0c17fb;border:calc(1 * var(--ui-px, 1px)) solid rgba(227,184,92,.44);border-radius:calc(12 * var(--ui-px, 1px));box-shadow:0 calc(22 * var(--ui-px, 1px)) calc(65 * var(--ui-px, 1px)) #0000009e;-webkit-backdrop-filter:blur(calc(12 * var(--ui-px, 1px)));backdrop-filter:blur(calc(12 * var(--ui-px, 1px)))}.room-chat.open{display:grid}.room-chat>header{min-height:calc(64 * var(--ui-px, 1px));display:flex;align-items:center;justify-content:space-between;gap:calc(16 * var(--ui-px, 1px));padding:calc(12 * var(--ui-px, 1px)) calc(15 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px));background:#141425;border-bottom:calc(1 * var(--ui-px, 1px)) solid var(--line)}.room-chat>header>div{display:grid;gap:calc(3 * var(--ui-px, 1px))}.room-chat>header strong{color:#f2ce79;font-family:Georgia,"Noto Serif SC",serif;font-size:calc(18 * var(--ui-px, 1px));letter-spacing:.08em}.room-chat>header small{color:#776f60}.room-chat>header button{width:calc(34 * var(--ui-px, 1px));height:calc(34 * var(--ui-px, 1px));color:#d8b768;background:transparent;border:calc(1 * var(--ui-px, 1px)) solid rgba(196,148,55,.28);border-radius:50%;cursor:pointer;font-size:calc(22 * var(--ui-px, 1px));line-height:1}.chat-message-list{min-height:0;display:flex;flex-direction:column;gap:calc(10 * var(--ui-px, 1px));padding:calc(14 * var(--ui-px, 1px));overflow-y:auto;overscroll-behavior:contain}.chat-empty{margin:auto;padding:calc(20 * var(--ui-px, 1px));color:#746d60;text-align:center}.chat-message{align-self:flex-start;max-width:88%}.chat-message.mine{align-self:flex-end}.chat-message>div{display:flex;align-items:center;gap:calc(8 * var(--ui-px, 1px));margin:0 calc(5 * var(--ui-px, 1px)) calc(4 * var(--ui-px, 1px));color:#8d826d;font-size:calc(11 * var(--ui-px, 1px))}.chat-message.mine>div{justify-content:flex-end}.chat-message>div strong{max-width:calc(180 * var(--ui-px, 1px));color:#c5a75f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-message p{margin:0;padding:calc(9 * var(--ui-px, 1px)) calc(11 * var(--ui-px, 1px));color:#e5dac4;background:#1b1b2f;border:calc(1 * var(--ui-px, 1px)) solid rgba(196,148,55,.18);border-radius:calc(4 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px));line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.chat-message.mine p{color:#171105;background:linear-gradient(135deg,#e5bd67,#bd8d35);border-color:#eacb81;border-radius:calc(12 * var(--ui-px, 1px)) calc(4 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px))}.chat-compose{display:grid;grid-template-columns:minmax(0,1fr) calc(70 * var(--ui-px, 1px));gap:calc(8 * var(--ui-px, 1px));padding:calc(12 * var(--ui-px, 1px));background:#111120;border-top:calc(1 * var(--ui-px, 1px)) solid var(--line)}.chat-compose input{min-width:0;padding:calc(11 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px));color:#fff6e0;background:#1a1a30;border:calc(1 * var(--ui-px, 1px)) solid rgba(196,148,55,.35);border-radius:calc(6 * var(--ui-px, 1px));outline:none}.chat-compose input:focus{border-color:var(--gold-strong)}.chat-compose .primary{min-height:calc(42 * var(--ui-px, 1px));font-size:calc(14 * var(--ui-px, 1px))}.toast-stack{position:fixed;right:calc(18 * var(--ui-px, 1px));bottom:calc(18 * var(--ui-px, 1px));z-index:50;display:grid;gap:calc(9 * var(--ui-px, 1px));width:min(calc(360 * var(--ui-px, 1px)),calc(100vw - calc(36 * var(--ui-px, 1px))))}.toast{padding:calc(14 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px));color:#eee2ca;background:#1b1b2d;border:calc(1 * var(--ui-px, 1px)) solid var(--line);border-radius:calc(7 * var(--ui-px, 1px));box-shadow:0 calc(14 * var(--ui-px, 1px)) calc(40 * var(--ui-px, 1px)) #00000073}.toast.success{border-color:#36d6a080}.toast.error{border-color:#f06f6f8c}@media(max-width:860px){body{background-image:linear-gradient(#05060cc2,#05050ce6),url(/backgrounds/ygo-mobile-wallpaper.jpg);background-position:center top;background-attachment:fixed}.page{width:calc(100% - calc(24 * var(--ui-px, 1px)));max-width:calc(760 * var(--ui-px, 1px));padding-top:calc(28 * var(--ui-px, 1px))}.topbar{padding:0 calc(14 * var(--ui-px, 1px))}.brand{font-size:calc(13 * var(--ui-px, 1px));letter-spacing:.12em}.room-chip{display:none}.choice-grid,.pool-grid,.home-info-grid,.invite-panel{grid-template-columns:1fr}.qr-frame{justify-self:center}.page-heading-row{align-items:start;flex-direction:column}.heading-actions{margin:calc(-12 * var(--ui-px, 1px)) 0 calc(20 * var(--ui-px, 1px))}.pool-grid{padding:calc(14 * var(--ui-px, 1px))}.default-pool-card{margin:calc(14 * var(--ui-px, 1px));padding:calc(18 * var(--ui-px, 1px));align-items:stretch;flex-direction:column}.default-pool-card .primary{width:100%}.pool-divider{margin:0 calc(14 * var(--ui-px, 1px))}.pool-section>.upload-card{margin:calc(14 * var(--ui-px, 1px))}.pool-section>.primary{width:calc(100% - calc(28 * var(--ui-px, 1px)));margin:0 calc(14 * var(--ui-px, 1px))}.pool-section>.start-button{margin-top:calc(16 * var(--ui-px, 1px))}.pool-gallery{margin:calc(14 * var(--ui-px, 1px))}.pool-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(calc(78 * var(--ui-px, 1px)),1fr));padding:calc(12 * var(--ui-px, 1px));gap:calc(7 * var(--ui-px, 1px))}.mobile-card-columns{display:flex;align-items:center;justify-content:flex-end;gap:calc(7 * var(--ui-px, 1px));margin:calc(-4 * var(--ui-px, 1px)) 0 calc(12 * var(--ui-px, 1px))}.mobile-card-columns>span{margin-right:calc(2 * var(--ui-px, 1px));color:var(--muted);font-size:calc(13 * var(--ui-px, 1px))}.mobile-card-columns button{min-width:calc(47 * var(--ui-px, 1px));padding:calc(7 * var(--ui-px, 1px)) calc(8 * var(--ui-px, 1px));color:#aa9b7c;background:#10101deb;border:calc(1 * var(--ui-px, 1px)) solid rgba(196,148,55,.28);border-radius:calc(6 * var(--ui-px, 1px));cursor:pointer}.mobile-card-columns button.active{color:#171105;background:var(--gold);border-color:#efd289;font-weight:700}.draft-status{grid-template-columns:1fr 1fr}.draft-status>div:nth-child(2){border-right:0}.draft-status>div:nth-child(-n+2){border-bottom:calc(1 * var(--ui-px, 1px)) solid var(--line)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(calc(112 * var(--ui-px, 1px)),1fr));gap:calc(9 * var(--ui-px, 1px))}.card-grid.draft-card-grid{grid-template-columns:repeat(var(--mobile-card-columns, 3),minmax(0,1fr))}.draft-confirm-row.single-pick-confirm{display:none}.card-preview-overlay.pinned{padding:calc(14 * var(--ui-px, 1px));display:grid;place-items:center;background:#030308c7;-webkit-backdrop-filter:blur(calc(4 * var(--ui-px, 1px)));backdrop-filter:blur(calc(4 * var(--ui-px, 1px)));pointer-events:auto}.card-preview-overlay.pinned .card-info-preview{position:relative;inset:auto!important;width:min(100%,calc(620 * var(--ui-px, 1px)));max-height:calc(100dvh - calc(28 * var(--ui-px, 1px)));pointer-events:auto}.card-preview-overlay:not(.pinned){display:none}.preview-close{position:absolute;top:calc(9 * var(--ui-px, 1px));right:calc(10 * var(--ui-px, 1px));z-index:2;width:calc(38 * var(--ui-px, 1px));height:calc(38 * var(--ui-px, 1px));display:grid;place-items:center;padding:0;color:#f1d283;background:#08080edb;border:calc(1 * var(--ui-px, 1px)) solid var(--line);border-radius:50%;font-size:calc(25 * var(--ui-px, 1px));cursor:pointer}.chat-collapsed{right:calc(12 * var(--ui-px, 1px));bottom:calc(12 * var(--ui-px, 1px));width:calc(100% - calc(24 * var(--ui-px, 1px)))}.room-chat{right:calc(10 * var(--ui-px, 1px));bottom:calc(10 * var(--ui-px, 1px));width:calc(100% - calc(20 * var(--ui-px, 1px)));height:min(calc(620 * var(--ui-px, 1px)),calc(100dvh - calc(82 * var(--ui-px, 1px))))}}@media(max-width:520px){.hero{padding-top:6vh}.hero h1{font-size:calc(38 * var(--ui-px, 1px));word-break:break-all}.hero p{font-size:calc(15 * var(--ui-px, 1px))}.choice-grid{gap:calc(12 * var(--ui-px, 1px))}.choice-card{min-height:calc(145 * var(--ui-px, 1px))}.home-info-card{grid-template-columns:minmax(0,1fr) calc(118 * var(--ui-px, 1px));text-align:left}.home-info-card .qr-frame.compact,.group-qr-frame{width:calc(118 * var(--ui-px, 1px));justify-self:end}.form-card{padding:calc(20 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px))}.invite-panel{padding:calc(20 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px));gap:calc(18 * var(--ui-px, 1px))}.invite-actions{display:grid;grid-template-columns:1fr 1fr}.invite-actions .primary,.invite-actions .secondary{min-width:0;width:100%}.qr-frame{width:min(calc(220 * var(--ui-px, 1px)),78vw);height:min(calc(220 * var(--ui-px, 1px)),78vw)}.player-list{padding:calc(8 * var(--ui-px, 1px)) calc(10 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px))}.player-row{padding:0 calc(8 * var(--ui-px, 1px));gap:calc(8 * var(--ui-px, 1px))}.host-label{display:none}.confirmed-box{align-items:stretch;flex-direction:column;margin:calc(14 * var(--ui-px, 1px))}.confirmed-box .secondary{margin-left:0}.pool-gallery-heading,.picked-cards-heading{align-items:flex-start;padding:calc(13 * var(--ui-px, 1px))}.pool-gallery-heading span:last-child{max-width:58%;text-align:right}.picked-cards-heading{align-items:center}.picked-heading-actions{gap:calc(5 * var(--ui-px, 1px))}.collapse-button{padding-inline:calc(8 * var(--ui-px, 1px))}.gallery-filters{padding:calc(10 * var(--ui-px, 1px));gap:calc(3 * var(--ui-px, 1px))}.gallery-filters button{padding:calc(7 * var(--ui-px, 1px)) calc(9 * var(--ui-px, 1px));font-size:calc(12 * var(--ui-px, 1px))}.pool-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:calc(430 * var(--ui-px, 1px))}.draft-status>div{padding:calc(13 * var(--ui-px, 1px))}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-tile{padding:calc(5 * var(--ui-px, 1px))}.card-tile span{font-size:calc(11 * var(--ui-px, 1px));min-height:calc(37 * var(--ui-px, 1px))}.draft-confirm-row{grid-template-columns:1fr;gap:calc(10 * var(--ui-px, 1px));padding:calc(12 * var(--ui-px, 1px))}.draft-confirm-row>span{text-align:center}.picked-card-groups{padding:calc(5 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px))}.picked-card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(5 * var(--ui-px, 1px))}.revealed-decks{padding:calc(10 * var(--ui-px, 1px))}.revealed-deck-heading{flex-wrap:wrap;gap:calc(7 * var(--ui-px, 1px));padding:calc(9 * var(--ui-px, 1px)) calc(11 * var(--ui-px, 1px))}.revealed-deck-heading>button:first-child{min-width:50%}.preview-title-row{grid-template-columns:calc(100 * var(--ui-px, 1px)) minmax(0,1fr);gap:calc(13 * var(--ui-px, 1px));padding:calc(15 * var(--ui-px, 1px))}.preview-title-row>img{width:calc(100 * var(--ui-px, 1px))}.preview-title-row h3{padding-right:calc(30 * var(--ui-px, 1px));margin-top:0;font-size:calc(21 * var(--ui-px, 1px))}.preview-title-row strong{font-size:calc(13 * var(--ui-px, 1px))}.preview-stats{margin-top:calc(11 * var(--ui-px, 1px))}.preview-stats b{font-size:calc(20 * var(--ui-px, 1px))}.card-info-preview>p{padding:calc(16 * var(--ui-px, 1px));font-size:calc(14 * var(--ui-px, 1px));line-height:1.72}.complete-hero h1{font-size:calc(38 * var(--ui-px, 1px))}}@media(max-width:520px){.home-info-card{grid-template-columns:minmax(0,1fr)}.home-info-card>:last-child{justify-self:center}}:root{color:#faf6ff;background:#09060e;font-family:Dongyuan Song One,Songti SC,"Noto Serif CJK SC",serif;--bg: #09060e;--panel: #181123;--panel-2: #21172e;--line: rgba(216, 185, 255, .22);--gold: #b87cff;--gold-strong: #d8b9ff;--muted: #a99fb3;--danger: #ff8796;--surface: rgba(24, 17, 35, .82);--surface-strong: rgba(18, 12, 28, .94);--accent-glow: rgba(184, 124, 255, .24);--ease: cubic-bezier(.22, 1, .36, 1)}body{color:#faf6ff;background-color:var(--bg);background-image:radial-gradient(circle at 50% 18%,rgba(129,69,199,.24),transparent 38%),linear-gradient(#06040ab5,#06040ae6),url(/brand/draft-tool-backdrop.jpg);background-position:center,center,center 42%;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}body:before{z-index:-1;opacity:.28;background-image:linear-gradient(rgba(216,185,255,.04) calc(1 * var(--ui-px, 1px)),transparent calc(1 * var(--ui-px, 1px))),linear-gradient(90deg,rgba(216,185,255,.04) calc(1 * var(--ui-px, 1px)),transparent calc(1 * var(--ui-px, 1px)));background-size:calc(56 * var(--ui-px, 1px)) calc(56 * var(--ui-px, 1px));-webkit-mask-image:radial-gradient(circle at 50% 34%,black,transparent 82%);mask-image:radial-gradient(circle at 50% 34%,black,transparent 82%)}.app-shell{isolation:isolate}.app-shell:before,.app-shell:after{position:fixed;z-index:-1;width:calc(380 * var(--ui-px, 1px));height:calc(380 * var(--ui-px, 1px));border-radius:50%;background:#7a3ec51f;filter:blur(calc(90 * var(--ui-px, 1px)));pointer-events:none;content:""}.app-shell:before{top:8%;left:calc(-220 * var(--ui-px, 1px))}.app-shell:after{right:calc(-240 * var(--ui-px, 1px));bottom:calc(-90 * var(--ui-px, 1px));background:#ad4ec61a}button,input,select{font-family:inherit}.topbar{min-height:calc(72 * var(--ui-px, 1px));padding:calc(8 * var(--ui-px, 1px)) calc(28 * var(--ui-px, 1px));border-bottom-color:#d8b9ff24;background:#09060ec7;box-shadow:0 calc(14 * var(--ui-px, 1px)) calc(42 * var(--ui-px, 1px)) #0000002e;-webkit-backdrop-filter:blur(calc(20 * var(--ui-px, 1px))) saturate(1.12);backdrop-filter:blur(calc(20 * var(--ui-px, 1px))) saturate(1.12)}.brand{display:inline-flex;gap:calc(11 * var(--ui-px, 1px));align-items:center;color:#faf6ff;letter-spacing:0;font-family:inherit}.brand>img{width:calc(50 * var(--ui-px, 1px));height:calc(50 * var(--ui-px, 1px));object-fit:contain;filter:drop-shadow(0 calc(8 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px)) rgba(184,124,255,.24))}.brand-copy{display:grid;gap:calc(1 * var(--ui-px, 1px))}.brand-copy small{color:#a994bd;font-size:calc(9 * var(--ui-px, 1px));letter-spacing:.17em}.brand-copy strong{color:#f7f0ff;font-size:calc(17 * var(--ui-px, 1px));font-weight:400;letter-spacing:.09em}.brand--home-link{position:relative;border-radius:calc(14 * var(--ui-px, 1px));text-decoration:none;transition:filter .36s ease,transform .36s var(--ease)}.brand--home-link:hover,.brand--home-link:focus-visible{filter:brightness(1.12) drop-shadow(0 0 calc(15 * var(--ui-px, 1px)) rgba(184,124,255,.25));transform:translateY(calc(-2 * var(--ui-px, 1px)))}.brand--home-link:focus-visible{outline:calc(1 * var(--ui-px, 1px)) solid rgba(216,185,255,.72);outline-offset:calc(6 * var(--ui-px, 1px))}.room-chip,.mode-badge,.tag{color:#d8b9ff;background:#b87cff12;border-color:#d8b9ff42}.page{padding-top:calc(48 * var(--ui-px, 1px))}.hero{display:flex;height:calc(288 * var(--ui-px, 1px));flex-direction:column;align-items:center;justify-content:center;padding:0}.hero .eyebrow{margin-bottom:calc(11 * var(--ui-px, 1px))}.hero h1,.page-title,.complete-hero h1{color:#faf6ff;font-family:inherit;font-weight:400;text-shadow:0 calc(12 * var(--ui-px, 1px)) calc(34 * var(--ui-px, 1px)) rgba(0,0,0,.42)}.hero h1{margin:0 0 calc(11 * var(--ui-px, 1px));letter-spacing:-.04em}.hero h1 span{color:#c4add8}.hero p,.complete-hero p{color:#b6adc2}.eyebrow{color:#b87cff}.back,.text-button,.row-action{color:#d8b9ff}.choice-grid{gap:calc(20 * var(--ui-px, 1px))}.choice-card{min-height:calc(196 * var(--ui-px, 1px));color:#faf6ff;background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 38%),#181123d1;border-color:#d8b9ff33;border-radius:calc(22 * var(--ui-px, 1px));box-shadow:0 calc(24 * var(--ui-px, 1px)) calc(60 * var(--ui-px, 1px)) #00000047;-webkit-backdrop-filter:blur(calc(16 * var(--ui-px, 1px)));backdrop-filter:blur(calc(16 * var(--ui-px, 1px)));transition:transform .42s var(--ease),border-color .26s ease,box-shadow .42s var(--ease),background .26s ease}.choice-card:hover{border-color:#cf9effc2;background-color:#231732e6;box-shadow:0 0 0 calc(2 * var(--ui-px, 1px)) #b87cff1f,0 0 calc(34 * var(--ui-px, 1px)) #b87cff2e,0 calc(28 * var(--ui-px, 1px)) calc(70 * var(--ui-px, 1px)) #00000061;transform:translateY(calc(-5 * var(--ui-px, 1px)))}.choice-card strong{color:#faf6ff;font-family:inherit;font-size:calc(27 * var(--ui-px, 1px));font-weight:400}.choice-card small{color:#a99fb3}.choice-icon{color:#c998ff;font-size:calc(34 * var(--ui-px, 1px));text-shadow:0 0 calc(24 * var(--ui-px, 1px)) rgba(184,124,255,.42)}.tool-home{display:flex;min-height:100dvh;flex-direction:column;align-items:center;justify-content:center;gap:calc(30 * var(--ui-px, 1px));padding:calc(88 * var(--ui-px, 1px)) 0 calc(30 * var(--ui-px, 1px))}.tool-home__heading{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center;translate:0 calc(-64 * var(--ui-px, 1px));transition:filter .45s ease,transform .45s var(--ease)}.tool-home__heading:hover{filter:brightness(1.1) drop-shadow(0 0 calc(18 * var(--ui-px, 1px)) rgba(184,124,255,.3));transform:perspective(calc(800 * var(--ui-px, 1px))) translateY(calc(-4 * var(--ui-px, 1px))) translateZ(calc(8 * var(--ui-px, 1px))) rotateX(3deg)}.tool-home__heading .eyebrow{margin:0 0 calc(5 * var(--ui-px, 1px));color:#fff;font-size:calc(16 * var(--ui-px, 1px));line-height:1;letter-spacing:.08em;transition:filter .45s ease,transform .45s var(--ease)}.tool-home__heading h1{margin:0;color:#fff;font-size:calc(52 * var(--ui-px, 1px));font-weight:400;line-height:1.05;letter-spacing:.02em;text-shadow:0 calc(10 * var(--ui-px, 1px)) calc(30 * var(--ui-px, 1px)) rgba(0,0,0,.48)}.tool-home__heading:hover .eyebrow{filter:drop-shadow(0 0 calc(12 * var(--ui-px, 1px)) rgba(216,185,255,.48));transform:translateY(calc(-2 * var(--ui-px, 1px)))}.tool-home__backdrops{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none}.tool-home__backdrops:after{position:absolute;inset:0;background:#040207a8;content:""}.tool-home__backdrops img{position:absolute;inset:-3%;display:block;width:106%;height:106%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity .42s ease}.tool-home__backdrops img.is-active{opacity:.88}.tool-home__cards{position:relative;z-index:1;grid-template-columns:repeat(2,calc(320 * var(--ui-px, 1px)));width:max-content;gap:calc(34 * var(--ui-px, 1px));margin:0;perspective:calc(1200 * var(--ui-px, 1px));perspective-origin:50% 48%;translate:0 calc(-22 * var(--ui-px, 1px))}@keyframes choice-card-in-left{0%{opacity:0;rotate:0 1 0 7deg;translate:calc(-150 * var(--ui-px, 1px)) 0}to{opacity:1;rotate:0 1 0 0deg;translate:0 0}}@keyframes choice-card-in-right{0%{opacity:0;rotate:0 1 0 -7deg;translate:calc(150 * var(--ui-px, 1px)) 0}to{opacity:1;rotate:0 1 0 0deg;translate:0 0}}.tool-home .choice-card{--card-light-x: 50%;--card-light-y: 35%;--card-rotate-x: 0deg;--card-rotate-y: 0deg;position:relative;display:block;width:calc(320 * var(--ui-px, 1px));height:calc(470 * var(--ui-px, 1px));min-height:0;padding:0;overflow:hidden;border-color:#d8b9ff3d;border-radius:calc(25 * var(--ui-px, 1px));background:#160f20;box-shadow:0 calc(28 * var(--ui-px, 1px)) calc(72 * var(--ui-px, 1px)) #00000073;text-align:left;transform:translateZ(0);transform-style:preserve-3d;transition:transform .16s ease-out,border-color .26s ease,box-shadow .32s var(--ease);will-change:transform,translate,opacity}.tool-home .choice-card--create{animation:choice-card-in-left .76s var(--card-slide-ease) .11s both}.tool-home .choice-card--join{animation:choice-card-in-right .76s var(--card-slide-ease) .17s both}.screen-home .topbar{position:fixed;z-index:10;top:0;right:0;left:0;border-bottom:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.tool-home .choice-card:before{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#08040d05 34%,#08040d33 54%,#08040df0);content:"";pointer-events:none}.tool-home .choice-card:after{position:absolute;z-index:3;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--card-light-x) var(--card-light-y),rgba(255,255,255,.16),transparent 25%),linear-gradient(140deg,rgba(255,255,255,.08),transparent 27%);content:"";pointer-events:none}.tool-home .choice-card:hover,.tool-home .choice-card:focus-visible{border-color:#cf9effe6;box-shadow:0 0 0 calc(2 * var(--ui-px, 1px)) #b87cff33,0 0 calc(38 * var(--ui-px, 1px)) #b87cff57,0 calc(34 * var(--ui-px, 1px)) calc(82 * var(--ui-px, 1px)) #0000008a;transform:translateY(calc(-6 * var(--ui-px, 1px))) translateZ(calc(24 * var(--ui-px, 1px))) rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y)) scale(1.012)}.choice-card__visual{position:absolute;inset:0;display:block;overflow:hidden;border-radius:inherit}.choice-card__visual img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform .85s var(--ease),filter .45s ease}.tool-home .choice-card:hover .choice-card__visual img,.tool-home .choice-card:focus-visible .choice-card__visual img{filter:saturate(1.06) brightness(1.03);transform:scale(1.055)}.choice-card__copy{position:absolute;z-index:2;right:calc(24 * var(--ui-px, 1px));bottom:calc(24 * var(--ui-px, 1px));left:calc(24 * var(--ui-px, 1px));display:flex;flex-direction:column;align-items:flex-start;color:#fff;pointer-events:none}.choice-card__number{margin-bottom:calc(9 * var(--ui-px, 1px));color:#d8b9ff;font-size:calc(12 * var(--ui-px, 1px));letter-spacing:.12em}.choice-card__copy strong{color:#fff;font-size:calc(32 * var(--ui-px, 1px));line-height:1.05;text-shadow:0 calc(5 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px)) rgba(0,0,0,.75)}.choice-card__english{margin-top:calc(2 * var(--ui-px, 1px));font-size:calc(21 * var(--ui-px, 1px));line-height:1;text-shadow:0 calc(5 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px)) rgba(0,0,0,.75)}.choice-card__rule{width:calc(62 * var(--ui-px, 1px));height:calc(2 * var(--ui-px, 1px));margin:calc(15 * var(--ui-px, 1px)) 0 calc(11 * var(--ui-px, 1px));background:#fff}.choice-card__copy small{color:#f0e9f5;font-size:calc(13 * var(--ui-px, 1px));text-shadow:0 calc(4 * var(--ui-px, 1px)) calc(14 * var(--ui-px, 1px)) rgba(0,0,0,.85)}.home-info-card,.form-card,.panel,.pool-section,.invite-panel,.draft-status,.picked-cards-section,.revealed-deck,.card-info-preview,.room-chat{color:#faf6ff;background:var(--surface);border-color:#d8b9ff33;border-radius:calc(18 * var(--ui-px, 1px));box-shadow:0 calc(22 * var(--ui-px, 1px)) calc(60 * var(--ui-px, 1px)) #00000047;-webkit-backdrop-filter:blur(calc(16 * var(--ui-px, 1px)));backdrop-filter:blur(calc(16 * var(--ui-px, 1px)))}.home-info-card{border-radius:calc(18 * var(--ui-px, 1px))}.home-info-card h2,.invite-copy h2,.default-pool-card h3,.section-heading h2,.room-chat>header strong,.preview-title-row h3{color:#f6efff;font-family:inherit;font-weight:400}.form-card{gap:calc(22 * var(--ui-px, 1px))}.field{color:#d8b9ff}.field input,.field select,.chat-compose input{color:#faf6ff;background:#ffffff0b;border-color:#d8b9ff3d;border-radius:calc(12 * var(--ui-px, 1px))}.field input:focus,.field select:focus,.chat-compose input:focus{border-color:#b87cffd1;box-shadow:0 0 0 calc(3 * var(--ui-px, 1px)) #b87cff1c}.mode-note,.turn-banner{color:#cdbed8;background:#b87cff12;border-color:#b87cff47}.mode-note{border-left-color:#b87cff}.primary,.chat-toggle{color:#fff;background:linear-gradient(110deg,#7441b8,#b568eb);border-color:#e0c8ff6b;border-radius:calc(12 * var(--ui-px, 1px));box-shadow:0 calc(12 * var(--ui-px, 1px)) calc(30 * var(--ui-px, 1px)) #7441b838;font-family:inherit;font-weight:400}.primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 calc(16 * var(--ui-px, 1px)) calc(36 * var(--ui-px, 1px)) #7f3cc857;transform:translateY(calc(-2 * var(--ui-px, 1px)))}.secondary,.wide-outline,.sort-button,.collapse-button{color:#d8b9ff;background:#b87cff09;border-color:#d8b9ff42;border-radius:calc(10 * var(--ui-px, 1px))}.panel-title,.draft-status strong,.section-heading h2,.invite-code,.picked-title-button,.revealed-deck-heading>button:first-child{color:#d8b9ff;font-family:inherit}.panel-title{border-bottom-color:#d8b9ff29}.player-row{border-bottom-color:#d8b9ff1a}.player-row .seat,.host-label{color:#a88abd}.default-pool-card,.upload-card,.pool-gallery,.draft-confirm-row,.card-tile,.revealed-deck-heading,.picked-cards-heading,.pool-gallery-heading{background:#0f0917b8;border-color:#d8b9ff33;border-radius:calc(14 * var(--ui-px, 1px))}.default-pool-card{background:linear-gradient(135deg,#59308847,#0f0917d1)}.drop-zone{color:#c998ff;background:#09060e8f;border-color:#b87cff57;border-radius:calc(14 * var(--ui-px, 1px))}.pool-divider:before,.pool-divider:after{background:#d8b9ff29}.gallery-filters{border-bottom-color:#d8b9ff24}.gallery-filters button{color:#a99fb3;border-radius:calc(9 * var(--ui-px, 1px))}.gallery-filters button.active{color:#f6efff;background:#b87cff1f;border-color:#b87cff75}.start-button{color:#fff;background:linear-gradient(110deg,#7040ad,#a85ddb);border-color:#d8b9ff70;box-shadow:0 calc(13 * var(--ui-px, 1px)) calc(34 * var(--ui-px, 1px)) #66369d3d}.draft-status{overflow:hidden}.draft-status>div{border-color:#d8b9ff24}.turn-banner{border-radius:calc(12 * var(--ui-px, 1px))}.pick-timer{color:#160e20;background:#d8b9ff}.card-tile{color:#f4edfb;transition:transform .24s var(--ease),border-color .18s ease,box-shadow .24s ease}.card-tile:hover{border-color:#cf9effad;transform:translateY(calc(-2 * var(--ui-px, 1px)))}.card-tile.selected{border-color:#c998ff;box-shadow:0 0 0 calc(2 * var(--ui-px, 1px)) #b87cff38,0 calc(16 * var(--ui-px, 1px)) calc(38 * var(--ui-px, 1px)) #00000059}.queued-card-image,.card-placeholder{background:#21172e}.card-placeholder{color:#c998ff}.card-image-loading{color:#9586a2}.card-image-retry{color:#d0b5e4;background:#181123f5}.card-image-retry:hover{color:#fff;background:#36224bf5}.card-info-preview{background:#0e0916fb;border-color:#b87cff70}.preview-title-row{border-bottom-color:#d8b9ff29}.preview-meta{color:#c18cff}.preview-title-row strong,.preview-stats b{color:#d8b9ff}.card-info-preview>p{color:#d2c7dc}.chat-latest,.toast{color:#d8cede;background:#120c1cf2;border-color:#d8b9ff42;border-radius:calc(14 * var(--ui-px, 1px))}.chat-latest strong,.chat-message>div strong{color:#c998ff}.room-chat>header,.chat-compose{background:#181123f5;border-color:#d8b9ff29}.room-chat>header button{color:#d8b9ff;border-color:#d8b9ff42}.chat-message>div{color:#968aa0}.chat-message p{color:#ede5f3;background:#21172e;border-color:#d8b9ff29}.chat-message.mine p{color:#fff;background:linear-gradient(135deg,#7441b8,#a85ddb);border-color:#e0c8ff52}@media(max-width:860px){body{background-image:radial-gradient(circle at 50% 12%,rgba(129,69,199,.22),transparent 42%),linear-gradient(#06040ab8,#06040aeb),url(/brand/draft-tool-backdrop.jpg);background-position:center,center,center top}.topbar{min-height:calc(64 * var(--ui-px, 1px))}.brand>img{width:calc(43 * var(--ui-px, 1px));height:calc(43 * var(--ui-px, 1px))}.brand-copy small{display:none}.brand-copy strong{font-size:calc(15 * var(--ui-px, 1px))}.hero{height:calc(250 * var(--ui-px, 1px));padding:0}.tool-home{min-height:100dvh;gap:calc(24 * var(--ui-px, 1px));padding:calc(86 * var(--ui-px, 1px)) 0 calc(40 * var(--ui-px, 1px))}.tool-home__heading{translate:0 calc(-34 * var(--ui-px, 1px))}.tool-home__heading h1{font-size:calc(40 * var(--ui-px, 1px))}.tool-home__heading .eyebrow{font-size:calc(13 * var(--ui-px, 1px))}.tool-home__backdrops{inset:0}.tool-home__cards{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,calc(620 * var(--ui-px, 1px)));gap:calc(14 * var(--ui-px, 1px));translate:0 calc(-12 * var(--ui-px, 1px))}.tool-home .choice-card{width:100%;height:min(calc(470 * var(--ui-px, 1px)),65vw)}.choice-card__copy{right:calc(16 * var(--ui-px, 1px));bottom:calc(17 * var(--ui-px, 1px));left:calc(16 * var(--ui-px, 1px))}.choice-card__copy strong{font-size:clamp(calc(22 * var(--ui-px, 1px)),5vw,calc(29 * var(--ui-px, 1px)))}.mobile-card-columns button.active{color:#fff;background:#8d50c5;border-color:#d8b9ff}}@media(prefers-reduced-motion:reduce){.tool-home .choice-card--create,.tool-home .choice-card--join{animation:none}}.topbar,.screen-home .topbar{background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.create-room-page{width:calc(100% - calc(112 * var(--ui-px, 1px)));max-width:calc(1800 * var(--ui-px, 1px));padding:calc(8 * var(--ui-px, 1px)) 0 calc(28 * var(--ui-px, 1px))}.brand--back{padding:0;border:0;background:none;text-align:left;font:inherit;cursor:pointer}.create-room-page>.page-title{text-align:center;font-size:clamp(calc(32 * var(--ui-px, 1px)),4vw,calc(58 * var(--ui-px, 1px)));margin:calc(8 * var(--ui-px, 1px)) 0 calc(24 * var(--ui-px, 1px))}.room-setup{display:grid;grid-template-columns:calc(320 * var(--ui-px, 1px)) calc(320 * var(--ui-px, 1px)) calc(112 * var(--ui-px, 1px));justify-content:center;align-items:stretch;gap:calc(48 * var(--ui-px, 1px));height:calc(470 * var(--ui-px, 1px));margin-top:calc(58 * var(--ui-px, 1px));padding:0;perspective:calc(1200 * var(--ui-px, 1px))}.mode-card,.settings-card{transition:transform .18s ease-out,border-color .26s ease,box-shadow .32s var(--ease);position:relative;min-width:0;border-radius:calc(25 * var(--ui-px, 1px));border:calc(1 * var(--ui-px, 1px)) solid rgba(234,214,255,.24)}.mode-card{display:flex;flex-direction:column;justify-content:space-between;padding:calc(20 * var(--ui-px, 1px));background:var(--mode-color);--card-rotate-x: 0deg;--card-rotate-y: 0deg;--card-light-x: 50%;--card-light-y: 35%;transform-style:flat;isolation:isolate;transition:background-color .4s ease,transform .16s ease-out,border-color .26s ease,box-shadow .32s var(--ease)}.settings-card{--settings-control-bg: rgba(35,21,47,.66);--settings-control-line: rgba(245,232,255,.2);padding:calc(94 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px)) calc(20 * var(--ui-px, 1px));isolation:isolate;background:none;border-color:transparent}.settings-card:before{content:"";position:absolute;z-index:-1;inset:calc(-1 * var(--ui-px, 1px));border-radius:inherit;border:calc(1 * var(--ui-px, 1px)) solid rgba(234,214,255,.24);background:linear-gradient(145deg,#4c2a64b8,#20122ed1 50%,#0a0712e0);backdrop-filter:blur(calc(24 * var(--ui-px, 1px))) saturate(1.12);-webkit-backdrop-filter:blur(calc(24 * var(--ui-px, 1px))) saturate(1.12);box-shadow:inset 0 calc(1 * var(--ui-px, 1px)) 0 #f5e8ff1f,0 calc(24 * var(--ui-px, 1px)) calc(60 * var(--ui-px, 1px)) #0904103d;transition:transform .18s ease-out,border-color .26s ease,box-shadow .32s var(--ease)}.setup-card-heading{position:absolute;top:calc(-30 * var(--ui-px, 1px));left:calc(-22 * var(--ui-px, 1px));z-index:1;text-shadow:0 calc(3 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px)) rgba(0,0,0,.35)}.setup-card-heading h2{margin:0;color:#fff;font-weight:400;font-size:calc(32 * var(--ui-px, 1px));line-height:1.1}.setup-card-heading>span{display:block;font-size:calc(25 * var(--ui-px, 1px));line-height:1.1}.setup-card-heading small{display:block;margin-top:calc(14 * var(--ui-px, 1px));padding-top:calc(10 * var(--ui-px, 1px));border-top:calc(2 * var(--ui-px, 1px)) solid #f3e7ff;font-size:calc(14 * var(--ui-px, 1px))}.mode-card-title{position:absolute;z-index:1;top:calc(10 * var(--ui-px, 1px));right:calc(12 * var(--ui-px, 1px));max-width:calc(100% - calc(118 * var(--ui-px, 1px)));text-align:right;animation:setup-reveal .35s ease both}.mode-card-number{position:absolute;top:calc(-34 * var(--ui-px, 1px));right:0;color:#fff;font-size:calc(14 * var(--ui-px, 1px));line-height:calc(18 * var(--ui-px, 1px));letter-spacing:.1em;white-space:nowrap;text-shadow:0 calc(2 * var(--ui-px, 1px)) calc(6 * var(--ui-px, 1px)) rgba(0,0,0,.6)}.mode-arrow{position:absolute;z-index:2;top:46%;width:calc(52 * var(--ui-px, 1px));height:calc(52 * var(--ui-px, 1px));border-radius:50%;border:calc(1 * var(--ui-px, 1px)) solid rgba(245,230,255,.38);background:#b678dc40;-webkit-backdrop-filter:blur(calc(18 * var(--ui-px, 1px)));backdrop-filter:blur(calc(18 * var(--ui-px, 1px)));color:#fff;font:calc(42 * var(--ui-px, 1px))/1 Georgia,serif;cursor:pointer;transition:background .2s,transform .2s}.mode-arrow--prev{left:calc(-26 * var(--ui-px, 1px))}.mode-arrow--next{right:calc(-26 * var(--ui-px, 1px))}.mode-arrow:hover{background:#ca92f580;transform:scale(1.06)}.mode-description-wrap{margin-top:auto}.mode-description-heading{display:flex;align-items:baseline;gap:calc(10 * var(--ui-px, 1px));width:fit-content;max-width:100%;margin-bottom:calc(8 * var(--ui-px, 1px));padding:calc(6 * var(--ui-px, 1px)) calc(10 * var(--ui-px, 1px));border-radius:calc(10 * var(--ui-px, 1px));background:#150a21a8;border:calc(1 * var(--ui-px, 1px)) solid rgba(244,225,255,.16);-webkit-backdrop-filter:blur(calc(10 * var(--ui-px, 1px)));backdrop-filter:blur(calc(10 * var(--ui-px, 1px)));color:#fff;text-shadow:0 calc(2 * var(--ui-px, 1px)) calc(5 * var(--ui-px, 1px)) rgba(0,0,0,.75)}.mode-description-heading h3{margin:0;font-size:calc(19 * var(--ui-px, 1px));line-height:1.25;font-weight:400}.mode-description-heading h4{margin:0;flex-shrink:0;padding-left:calc(10 * var(--ui-px, 1px));border-left:calc(1 * var(--ui-px, 1px)) solid rgba(244,225,255,.3);font-size:calc(13 * var(--ui-px, 1px));line-height:1.25;font-weight:400;color:#e7d7f0}.mode-description{min-height:calc(104 * var(--ui-px, 1px));padding:calc(10 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px));border-radius:calc(22 * var(--ui-px, 1px));background:#27222f52;-webkit-backdrop-filter:blur(calc(20 * var(--ui-px, 1px)));backdrop-filter:blur(calc(20 * var(--ui-px, 1px)));border:calc(1 * var(--ui-px, 1px)) solid rgba(245,232,255,.16);color:#fff;font-size:calc(13 * var(--ui-px, 1px));line-height:1.6;animation:setup-reveal .35s ease both}.settings-fields{height:100%;display:grid;align-content:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(16 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px));animation:setup-reveal .35s ease both}.settings-fields .field{margin:0;gap:calc(6 * var(--ui-px, 1px));min-width:0}.settings-fields .field>span{font-size:calc(13 * var(--ui-px, 1px));color:#fff}.settings-fields input,.settings-fields select{width:100%;min-width:0;height:calc(40 * var(--ui-px, 1px));padding:calc(8 * var(--ui-px, 1px));border-radius:calc(10 * var(--ui-px, 1px));background:var(--settings-control-bg);border:calc(1 * var(--ui-px, 1px)) solid var(--settings-control-line);color:#faf3ff;font-size:calc(13 * var(--ui-px, 1px));-webkit-backdrop-filter:blur(calc(12 * var(--ui-px, 1px)));backdrop-filter:blur(calc(12 * var(--ui-px, 1px)))}.settings-fields select{color-scheme:dark;color:#faf3ff}.settings-fields option{background:#261a32;color:#faf3ff}.settings-fields option:checked{background:#513465;color:#fff}.number-stepper{display:flex;align-items:center;min-width:0;height:calc(40 * var(--ui-px, 1px));padding-right:calc(5 * var(--ui-px, 1px));border-radius:calc(10 * var(--ui-px, 1px));background:var(--settings-control-bg);border:calc(1 * var(--ui-px, 1px)) solid var(--settings-control-line);-webkit-backdrop-filter:blur(calc(12 * var(--ui-px, 1px)));backdrop-filter:blur(calc(12 * var(--ui-px, 1px)))}.number-stepper:focus-within{outline:calc(2 * var(--ui-px, 1px)) solid #c98eff;outline-offset:calc(2 * var(--ui-px, 1px))}.settings-fields .number-stepper input{flex:1;width:0;height:100%;border:0;background:transparent;box-shadow:none;appearance:textfield;-moz-appearance:textfield;color:#faf3ff;-webkit-backdrop-filter:none;backdrop-filter:none;color-scheme:dark}.settings-fields .number-stepper input:focus{outline:none;box-shadow:none}.number-stepper input::-webkit-inner-spin-button,.number-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-stepper__buttons{display:flex;gap:calc(3 * var(--ui-px, 1px));flex-shrink:0}.number-stepper__buttons button{display:grid;place-items:center;width:calc(22 * var(--ui-px, 1px));height:calc(26 * var(--ui-px, 1px));padding:0;border:calc(1 * var(--ui-px, 1px)) solid rgba(221,191,245,.22);border-radius:calc(7 * var(--ui-px, 1px));color:#f2e1ff;background:#be86e124;font:calc(17 * var(--ui-px, 1px))/1 system-ui,sans-serif;cursor:pointer;transition:background .15s,color .15s}.number-stepper__buttons button:hover:not(:disabled){background:#be86e152;color:#fff}.number-stepper__buttons button:focus-visible{outline:calc(2 * var(--ui-px, 1px)) solid #d1a0f3;outline-offset:calc(1 * var(--ui-px, 1px))}.number-stepper__buttons button:disabled{opacity:.3;cursor:default}.random-mode-summary{grid-column:1 / -1;line-height:1.8;color:#fff}.random-mode-summary strong{font-size:calc(26 * var(--ui-px, 1px));font-weight:400}.create-confirm{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(18 * var(--ui-px, 1px));text-align:center}.create-confirm>span{white-space:nowrap;font-size:calc(26 * var(--ui-px, 1px))}.create-confirm button{width:calc(112 * var(--ui-px, 1px));height:calc(112 * var(--ui-px, 1px));border:calc(1 * var(--ui-px, 1px)) solid rgba(245,230,255,.38);border-radius:50%;background:#b678dc40;backdrop-filter:blur(calc(18 * var(--ui-px, 1px)));-webkit-backdrop-filter:blur(calc(18 * var(--ui-px, 1px)));box-shadow:inset 0 calc(1 * var(--ui-px, 1px)) 0 #ffffff26,0 calc(12 * var(--ui-px, 1px)) calc(32 * var(--ui-px, 1px)) #0c05162e;color:#fff;font:calc(76 * var(--ui-px, 1px))/1 Georgia,serif;cursor:pointer;transition:transform .2s,background .2s}.create-confirm button:hover:not(:disabled){transform:translate(calc(4 * var(--ui-px, 1px))) scale(1.04);background:#ca92f580}.create-confirm button:disabled{opacity:.45;cursor:wait}.create-confirm small{color:#d7c4e3;font-size:calc(12 * var(--ui-px, 1px))}@keyframes setup-card-in-left{0%{opacity:0;translate:calc(-150 * var(--ui-px, 1px)) 0}to{opacity:1;translate:0 0}}@keyframes setup-card-in-right{0%{opacity:0;translate:calc(150 * var(--ui-px, 1px)) 0}to{opacity:1;translate:0 0}}.room-setup>.mode-card{animation:setup-card-in-left .76s var(--card-slide-ease) .11s both}.room-setup>.settings-card{animation:setup-card-in-right .76s var(--card-slide-ease) .17s both}.room-setup>.create-confirm{animation:setup-card-in-right .76s var(--card-slide-ease) .23s both}@keyframes setup-reveal{0%{opacity:0;transform:translateY(calc(8 * var(--ui-px, 1px)))}to{opacity:1;transform:translateY(0)}}.mode-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--card-light-x) var(--card-light-y),rgba(255,255,255,.16),transparent 45%);opacity:0;transition:opacity .26s ease}.mode-card:hover,.mode-card:focus-within{border-color:#cf9effe6;box-shadow:0 0 0 calc(2 * var(--ui-px, 1px)) #b87cff33,0 0 calc(38 * var(--ui-px, 1px)) #b87cff57,0 calc(34 * var(--ui-px, 1px)) calc(82 * var(--ui-px, 1px)) #0000008a;transform:translateY(calc(-4 * var(--ui-px, 1px))) scale(1.018)}.mode-card:hover,.mode-card:focus-within{transform:translateY(calc(-4 * var(--ui-px, 1px))) rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y)) scale(1.018)}.mode-card:hover:after,.mode-card:focus-within:after{opacity:1}.settings-fields select:disabled{opacity:.7;cursor:default}@media(min-width:1000px)and (max-height:740px){.create-room-page>.page-title{margin-bottom:calc(12 * var(--ui-px, 1px));font-size:calc(34 * var(--ui-px, 1px))}.room-setup{margin-top:calc(44 * var(--ui-px, 1px))}}@media(max-width:999px){.create-room-page{width:calc(100% - calc(64 * var(--ui-px, 1px)))}.room-setup{grid-template-columns:repeat(2,minmax(0,calc(320 * var(--ui-px, 1px))));height:auto;gap:calc(44 * var(--ui-px, 1px))}.mode-card,.settings-card{height:calc(470 * var(--ui-px, 1px));min-height:0}.create-confirm{grid-column:1 / -1;flex-direction:row;padding-bottom:calc(20 * var(--ui-px, 1px))}.create-confirm button{width:calc(68 * var(--ui-px, 1px));height:calc(68 * var(--ui-px, 1px));font-size:calc(48 * var(--ui-px, 1px))}}@media(max-width:620px){.room-setup{grid-template-columns:minmax(0,calc(320 * var(--ui-px, 1px)))}.create-room-page>.page-title{margin-top:calc(50 * var(--ui-px, 1px))}}@media(prefers-reduced-motion:reduce){.mode-card-title,.mode-description,.settings-fields,.room-setup>.mode-card,.room-setup>.settings-card,.room-setup>.create-confirm{animation:none}.mode-card,.settings-card{transition:none}.mode-card:hover,.mode-card:focus-within,.settings-card:hover,.settings-card:focus-within{transform:none}}.tool-home:before{content:"";display:block;flex:0 0 calc(75.6 * var(--ui-px, 1px))}.tool-home__heading{position:absolute;top:calc(88 * var(--ui-px, 1px));right:0;left:0;translate:none}.tool-home__heading h1{font-size:clamp(calc(32 * var(--ui-px, 1px)),4vw,calc(58 * var(--ui-px, 1px)));line-height:normal;letter-spacing:normal}.tool-home__heading .eyebrow{position:absolute;bottom:100%;margin-bottom:calc(5 * var(--ui-px, 1px))}@media(min-width:1000px)and (max-height:740px){.tool-home__heading h1{font-size:calc(34 * var(--ui-px, 1px))}}@media(max-width:860px){.tool-home__heading{top:calc(80 * var(--ui-px, 1px));translate:none}.tool-home:before{flex-basis:calc(60 * var(--ui-px, 1px))}}@media(max-width:620px){.tool-home__heading{top:calc(122 * var(--ui-px, 1px))}}@media(min-width:1000px){.screen-create .topbar{position:fixed;z-index:10;top:0;right:0;left:0}.tool-home,.create-room-page{padding:calc(88 * var(--ui-px, 1px)) 0 calc(28 * var(--ui-px, 1px))}.tool-home{justify-content:flex-start;gap:calc(58 * var(--ui-px, 1px))}.tool-home:before{display:none}.tool-home__heading{position:relative;top:auto;right:auto;left:auto;translate:none}.create-room-page>.page-title{margin:0}.tool-home__cards{translate:none}.room-setup{position:relative;width:calc(674 * var(--ui-px, 1px));margin:calc(58 * var(--ui-px, 1px)) auto 0;grid-template-columns:repeat(2,calc(320 * var(--ui-px, 1px)));gap:calc(34 * var(--ui-px, 1px))}.room-setup>.create-confirm{position:absolute;top:0;bottom:0;left:calc(100% + calc(48 * var(--ui-px, 1px)));width:calc(112 * var(--ui-px, 1px))}}@media(min-width:1000px)and (max-height:740px){.tool-home{gap:calc(44 * var(--ui-px, 1px))}.room-setup{margin-top:calc(44 * var(--ui-px, 1px))}.create-room-page>.page-title{margin:0}}.mode-card-art{position:absolute;z-index:-1;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.mode-card-art img{display:block;width:100%;height:100%;object-fit:cover}.mode-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,8,33,.22),transparent 40%,rgba(20,8,33,.25))}.mode-card:has(.mode-card-art) .mode-card-title{text-shadow:0 calc(2 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px)) #15091f,0 calc(1 * var(--ui-px, 1px)) calc(4 * var(--ui-px, 1px)) #15091f}.mode-card:has(.mode-card-art) .mode-description{background:#23152f99}.mode-card-art{background:var(--mode-color)}.mode-scene-backdrops{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none}.mode-scene-backdrops img{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:blur(calc(26 * var(--ui-px, 1px))) brightness(.55) saturate(.85);opacity:0;transition:opacity .42s ease}.mode-scene-backdrops img.is-active{opacity:1}.create-room-page>.page-title,.create-room-page>.room-setup{position:relative;z-index:1}.mode-card-art[data-mode=snake] img{object-position:50% 36%}.mode-card-art[data-mode=random_60] img{object-position:62% 40%}@media(prefers-reduced-motion:reduce){.mode-scene-backdrops img{transition:none}}.mode-card .setup-card-heading{text-shadow:0 calc(2 * var(--ui-px, 1px)) calc(5 * var(--ui-px, 1px)) #150a21,0 0 calc(14 * var(--ui-px, 1px)) rgba(21,10,33,.85)}.settings-card:hover,.settings-card:focus-within{transform:none}.settings-card:hover:before,.settings-card:focus-within:before{transform:translateY(calc(-4 * var(--ui-px, 1px))) scale(1.018);border-color:#cf9effe6;box-shadow:0 0 0 calc(2 * var(--ui-px, 1px)) #b87cff33,0 0 calc(38 * var(--ui-px, 1px)) #b87cff57,0 calc(34 * var(--ui-px, 1px)) calc(82 * var(--ui-px, 1px)) #0000008a}@media(prefers-reduced-motion:reduce){.settings-card:before{transition:none}.settings-card:hover:before,.settings-card:focus-within:before{transform:none}}@property --settings-zoom{syntax: "<number>"; inherits: false; initial-value: 1;}@media(min-width:1000px)and (hover:hover)and (pointer:fine){.settings-card{--settings-zoom: 1;width:calc(320 * var(--ui-px, 1px));height:calc(470 * var(--ui-px, 1px));justify-self:center;align-self:start;zoom:var(--settings-zoom);top:calc((1 - var(--settings-zoom)) * calc(457 * var(--ui-px, 1px)));transition:--settings-zoom .18s ease-out}.settings-card:hover,.settings-card:focus-within{--settings-zoom: 1.018}.settings-card:hover:before,.settings-card:focus-within:before{transform:none}}@media(prefers-reduced-motion:reduce){.settings-card{transition:none}}@media(min-width:1000px){.room-setup{grid-template-rows:calc(470 * var(--ui-px, 1px))}}.mode-arrow,.create-confirm button{display:grid;place-items:center;padding:0;line-height:1}.round-arrow-icon{display:block;width:50%;height:50%;flex-shrink:0;pointer-events:none}.create-confirm button .round-arrow-icon{width:44%;height:44%}.screen-lobby .topbar{position:fixed;z-index:10;inset:0 0 auto}.lobby-page{width:calc(100% - calc(112 * var(--ui-px, 1px)));max-width:calc(1800 * var(--ui-px, 1px));padding:calc(88 * var(--ui-px, 1px)) 0 calc(28 * var(--ui-px, 1px))}.lobby-page>.page-title{margin:0;text-align:center;font-size:clamp(calc(32 * var(--ui-px, 1px)),4vw,calc(58 * var(--ui-px, 1px)))}.lobby-cards{display:grid;grid-template-columns:repeat(3,calc(320 * var(--ui-px, 1px)));justify-content:center;gap:calc(34 * var(--ui-px, 1px));margin:calc(58 * var(--ui-px, 1px)) auto 0}.lobby-card{position:relative;width:calc(320 * var(--ui-px, 1px));height:calc(470 * var(--ui-px, 1px));min-width:0;border:calc(1 * var(--ui-px, 1px)) solid rgba(234,214,255,.24);border-radius:calc(25 * var(--ui-px, 1px));background:linear-gradient(145deg,#4c2a64b8,#20122ed1 50%,#0a0712e0);-webkit-backdrop-filter:blur(calc(24 * var(--ui-px, 1px)));backdrop-filter:blur(calc(24 * var(--ui-px, 1px)));box-shadow:inset 0 calc(1 * var(--ui-px, 1px)) 0 #f5e8ff1f,0 calc(24 * var(--ui-px, 1px)) calc(60 * var(--ui-px, 1px)) #0904103d;animation:setup-card-in-right .76s var(--card-slide-ease) both}.lobby-info{animation-name:setup-card-in-left;animation-delay:.11s}.lobby-players{animation-delay:.17s}.lobby-pool{animation-delay:.23s}.lobby-card-body{position:absolute;inset:calc(84 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px));overflow-y:auto;scrollbar-width:auto;padding:0 calc(2 * var(--ui-px, 1px))}.lobby-info-caption{margin:0 0 calc(14 * var(--ui-px, 1px));color:#e6d4f3;font-size:calc(13 * var(--ui-px, 1px))}.lobby-settings-empty{display:none}.lobby-info .heading-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:calc(8 * var(--ui-px, 1px))}.lobby-info .mode-badge{font-size:calc(12 * var(--ui-px, 1px));padding:calc(6 * var(--ui-px, 1px)) calc(9 * var(--ui-px, 1px))}.lobby-info .heading-actions button{order:1;font-size:calc(12 * var(--ui-px, 1px));padding:calc(8 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px))}.lobby-info .invite-panel{display:flex;flex-direction:column-reverse;align-items:stretch;gap:calc(12 * var(--ui-px, 1px));padding:0;margin:calc(20 * var(--ui-px, 1px)) 0 0;border:0;background:none;box-shadow:none}.lobby-info .qr-frame{align-self:flex-end;width:calc(88 * var(--ui-px, 1px));padding:calc(5 * var(--ui-px, 1px));border-radius:calc(12 * var(--ui-px, 1px))}.lobby-info .qr-frame img{display:block;width:100%;height:auto}.lobby-info .invite-copy{min-width:0}.lobby-info .invite-copy h2,.lobby-info .invite-copy>p,.lobby-info .invite-copy>.eyebrow{display:none}.lobby-info .invite-code{font-size:calc(25 * var(--ui-px, 1px));letter-spacing:.12em;margin:0 0 calc(12 * var(--ui-px, 1px))}.lobby-info .invite-code:before{content:"房间码";display:block;font-size:calc(12 * var(--ui-px, 1px));letter-spacing:0;color:#ddc8ed;margin-bottom:calc(4 * var(--ui-px, 1px))}.lobby-info .invite-actions{display:grid;grid-template-columns:1fr 1fr;gap:calc(8 * var(--ui-px, 1px))}.lobby-info .invite-actions button{padding:calc(9 * var(--ui-px, 1px)) calc(6 * var(--ui-px, 1px));font-size:calc(12 * var(--ui-px, 1px))}.lobby-players .player-list{display:grid;gap:calc(10 * var(--ui-px, 1px))}.lobby-players .player-row{min-height:calc(43 * var(--ui-px, 1px));padding:calc(8 * var(--ui-px, 1px));gap:calc(6 * var(--ui-px, 1px));border:calc(1 * var(--ui-px, 1px)) solid rgba(234,214,255,.22);border-radius:calc(10 * var(--ui-px, 1px));background:#b678dc1f;font-size:calc(12 * var(--ui-px, 1px))}.lobby-players .player-row strong{overflow-wrap:anywhere}.lobby-player-avatar{display:block;flex-shrink:0;width:calc(26 * var(--ui-px, 1px));height:calc(26 * var(--ui-px, 1px));border-radius:50%;object-fit:cover}@media(max-width:600px){.lobby-player-avatar{width:18px;height:18px}}.lobby-players .seat{width:calc(20 * var(--ui-px, 1px));flex-shrink:0}.lobby-players .host-label,.lobby-players .tag{font-size:calc(9 * var(--ui-px, 1px))}.lobby-players .wide-outline{margin-top:calc(14 * var(--ui-px, 1px));font-size:calc(12 * var(--ui-px, 1px));padding:calc(10 * var(--ui-px, 1px))}.lobby-players .text-danger{font-size:calc(12 * var(--ui-px, 1px))}.lobby-pool .pool-section{margin:0}.lobby-pool .default-pool-card{display:flex;flex-direction:column;align-items:stretch;padding:calc(12 * var(--ui-px, 1px));gap:calc(10 * var(--ui-px, 1px))}.lobby-pool .default-pool-card h3{font-size:calc(18 * var(--ui-px, 1px));margin:calc(5 * var(--ui-px, 1px)) 0}.lobby-pool .default-pool-card p,.lobby-pool .upload-card p{font-size:calc(11 * var(--ui-px, 1px));line-height:1.6}.lobby-pool .eyebrow{font-size:calc(10 * var(--ui-px, 1px))}.lobby-pool button{font-size:calc(12 * var(--ui-px, 1px))}.lobby-pool .pool-grid{grid-template-columns:1fr;gap:calc(12 * var(--ui-px, 1px))}.lobby-pool .upload-card{padding:calc(12 * var(--ui-px, 1px))}.lobby-pool .upload-card h3{font-size:calc(16 * var(--ui-px, 1px))}.lobby-pool .drop-zone{padding:calc(12 * var(--ui-px, 1px)) calc(6 * var(--ui-px, 1px));min-height:calc(72 * var(--ui-px, 1px))}.lobby-pool .drop-zone>span{display:none}.lobby-pool .drop-zone strong{font-size:calc(12 * var(--ui-px, 1px))}.lobby-pool .drop-zone small,.lobby-pool .upload-count{font-size:calc(10 * var(--ui-px, 1px))}.lobby-pool .pool-divider{margin:calc(14 * var(--ui-px, 1px)) 0}.lobby-pool .start-button{margin-top:calc(12 * var(--ui-px, 1px))}.lobby-pool .confirmed-box{flex-wrap:wrap;padding:calc(12 * var(--ui-px, 1px));gap:calc(10 * var(--ui-px, 1px))}.lobby-page--solo .lobby-cards{grid-template-columns:repeat(2,calc(320 * var(--ui-px, 1px)))}@media(min-width:1000px)and (max-height:740px){.lobby-page>.page-title{font-size:calc(34 * var(--ui-px, 1px))}.lobby-cards{margin-top:calc(44 * var(--ui-px, 1px))}}@media(max-width:999px){.lobby-page{width:calc(100% - calc(64 * var(--ui-px, 1px)))}.lobby-cards,.lobby-page--solo .lobby-cards{grid-template-columns:repeat(2,minmax(0,calc(320 * var(--ui-px, 1px))));gap:calc(54 * var(--ui-px, 1px)) calc(34 * var(--ui-px, 1px))}.lobby-card{width:100%}}@media(max-width:620px){.lobby-page{padding-top:calc(122 * var(--ui-px, 1px))}.lobby-cards,.lobby-page--solo .lobby-cards{grid-template-columns:minmax(0,calc(320 * var(--ui-px, 1px)))}}@media(prefers-reduced-motion:reduce){.lobby-card{animation:none}}.lobby-info .qr-frame{height:calc(88 * var(--ui-px, 1px));flex-shrink:0}.lobby-players .player-list{padding:0}:root{--surface-bg:rgba(35,21,47,.66);--surface-line:rgba(245,232,255,.2);--surface-blur:calc(12 * var(--ui-px, 1px))}.settings-card{--settings-control-bg:var(--surface-bg);--settings-control-line:var(--surface-line)}:is(.panel,.form-card,.invite-panel,.pool-section,.default-pool-card,.upload-card,.confirmed-box,.draft-status,.room-chat,.chat-latest,.toast,.mode-badge,.player-row,.drop-zone,.wide-outline,.secondary,.danger-button,.number-stepper,.mode-description,.mode-description-heading,.mode-arrow,.create-confirm button,.lobby-card){background:var(--surface-bg);border-color:var(--surface-line);-webkit-backdrop-filter:blur(var(--surface-blur));backdrop-filter:blur(var(--surface-blur))}.settings-card:before{background:var(--surface-bg);border-color:var(--surface-line);-webkit-backdrop-filter:blur(var(--surface-blur));backdrop-filter:blur(var(--surface-blur))}:is(input,select,textarea){background-color:var(--surface-bg);border-color:var(--surface-line)}.lobby-players .player-row,.lobby-info .mode-badge{background:var(--surface-bg);border-color:var(--surface-line)}.lobby-page .lobby-card{isolation:isolate;transform-style:flat;animation-fill-mode:backwards;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.lobby-page .lobby-card:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--surface-bg);backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));pointer-events:none}.lobby-pool .pool-section{background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.header-navigation{display:flex;align-items:center;gap:calc(24 * var(--ui-px, 1px))}.header-dissolve{padding:calc(7 * var(--ui-px, 1px)) 0 calc(7 * var(--ui-px, 1px)) calc(20 * var(--ui-px, 1px));border:0;border-left:calc(1 * var(--ui-px, 1px)) solid var(--surface-line);background:none;color:#e0c8e9;font-size:calc(14 * var(--ui-px, 1px));cursor:pointer}.header-dissolve:hover{color:#fff}.lobby-mode-art{position:absolute;inset:0 0 auto;height:calc(190 * var(--ui-px, 1px));overflow:hidden;border-radius:calc(24 * var(--ui-px, 1px)) calc(24 * var(--ui-px, 1px)) 0 0}.lobby-mode-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 34%}.lobby-mode-art[data-mode=random_60] img{object-position:62% 35%}.lobby-mode-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 70%,#23152fa8)}.lobby-info>.setup-card-heading{text-shadow:0 calc(2 * var(--ui-px, 1px)) calc(5 * var(--ui-px, 1px)) #150a21,0 0 calc(14 * var(--ui-px, 1px)) #150a21}.lobby-info>.lobby-card-body{top:calc(204 * var(--ui-px, 1px))}.lobby-info .lobby-info-caption{margin-bottom:calc(8 * var(--ui-px, 1px))}.lobby-info .invite-panel{display:grid;grid-template-columns:minmax(0,1fr) calc(76 * var(--ui-px, 1px));align-items:center;gap:calc(12 * var(--ui-px, 1px));margin-top:calc(12 * var(--ui-px, 1px));background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.lobby-info .qr-frame{width:calc(76 * var(--ui-px, 1px));height:calc(76 * var(--ui-px, 1px));align-self:start;padding:calc(4 * var(--ui-px, 1px))}.lobby-info .invite-code{font-size:calc(21 * var(--ui-px, 1px));margin-bottom:calc(8 * var(--ui-px, 1px))}.lobby-info .invite-actions{gap:calc(6 * var(--ui-px, 1px))}.lobby-info .invite-actions button{font-size:calc(11 * var(--ui-px, 1px));padding:calc(8 * var(--ui-px, 1px)) calc(3 * var(--ui-px, 1px))}@media(max-width:620px){.header-navigation{gap:calc(10 * var(--ui-px, 1px))}.header-dissolve{font-size:calc(12 * var(--ui-px, 1px));padding-left:calc(10 * var(--ui-px, 1px))}}.lobby-info .invite-actions button{min-width:0;width:100%}.lobby-info .invite-code{overflow-wrap:anywhere}.lobby-mode-art img{object-position:50% 20%}.lobby-mode-art[data-mode=random_60] img{object-position:62% 21%}.lobby-cards{perspective:calc(1200 * var(--ui-px, 1px))}.lobby-info{--card-rotate-x:0deg;--card-rotate-y:0deg;--card-light-x:50%;--card-light-y:35%;isolation:isolate;transform-style:flat;transition:transform .16s ease-out,border-color .26s ease,box-shadow .32s var(--ease)}.lobby-info:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle calc(85 * var(--ui-px, 1px)) at var(--card-light-x) var(--card-light-y),rgba(255,255,255,.065),transparent 100%);opacity:0;transition:opacity .26s ease}.lobby-info:hover,.lobby-info:focus-within{border-color:#cf9eff8c;box-shadow:0 0 0 calc(1 * var(--ui-px, 1px)) #b87cff1f,0 0 calc(18 * var(--ui-px, 1px)) #b87cff29,0 calc(24 * var(--ui-px, 1px)) calc(50 * var(--ui-px, 1px)) #0000005c;transform:translateY(calc(-4 * var(--ui-px, 1px))) rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y)) scale(1.018)}.lobby-info:hover:after,.lobby-info:focus-within:after{opacity:1}@media(prefers-reduced-motion:reduce){.lobby-info,.lobby-info:after{transition:none}.lobby-info:hover,.lobby-info:focus-within{transform:none}}.lobby-mode-label{position:absolute;z-index:1;left:calc(12 * var(--ui-px, 1px));bottom:calc(10 * var(--ui-px, 1px));margin:0}.lobby-mode-label h3{font-size:calc(19 * var(--ui-px, 1px))}.lobby-info>.lobby-card-body{bottom:calc(174 * var(--ui-px, 1px))}.lobby-info>.invite-panel{position:absolute;inset:auto calc(18 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px));height:calc(142 * var(--ui-px, 1px));margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) calc(112 * var(--ui-px, 1px));grid-template-rows:calc(50 * var(--ui-px, 1px)) calc(84 * var(--ui-px, 1px));gap:calc(8 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px));align-items:start}.lobby-info .invite-copy{display:contents}.lobby-info .invite-code{grid-column:1;grid-row:1;align-self:start;font-size:calc(22 * var(--ui-px, 1px));line-height:1.15;letter-spacing:.1em;margin:0}.lobby-info .invite-code:before{font-size:calc(12 * var(--ui-px, 1px));margin-bottom:calc(5 * var(--ui-px, 1px))}.lobby-info .qr-frame{grid-column:1;grid-row:2;justify-self:start;align-self:start;width:calc(84 * var(--ui-px, 1px));height:calc(84 * var(--ui-px, 1px));padding:calc(4 * var(--ui-px, 1px))}.lobby-info .invite-actions{grid-column:2;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:calc(44 * var(--ui-px, 1px));justify-items:center;align-self:center;width:100%;gap:calc(10 * var(--ui-px, 1px));margin:0}.lobby-info .invite-actions button{min-width:0;width:100%;height:calc(44 * var(--ui-px, 1px));padding:calc(8 * var(--ui-px, 1px));font-size:calc(13 * var(--ui-px, 1px))}.lobby-page--solo .lobby-info>.lobby-card-body{bottom:calc(16 * var(--ui-px, 1px))}:is(.screen-lobby,.screen-drafting,.screen-completed)>.page{z-index:1}.room-mode-backdrop{background:#100a18}.lobby-seat-count{position:absolute;top:calc(20 * var(--ui-px, 1px));right:calc(18 * var(--ui-px, 1px));color:#eadcf5;font-size:calc(17 * var(--ui-px, 1px));line-height:1.3}.lobby-players>.lobby-card-body{top:calc(76 * var(--ui-px, 1px));bottom:calc(84 * var(--ui-px, 1px))}.lobby-players .player-list{align-content:start;grid-auto-rows:minmax(calc(43 * var(--ui-px, 1px)),auto)}.lobby-players .player-row{flex-shrink:0}.lobby-players .seat-remove{position:relative;flex-shrink:0;align-self:center;display:grid;place-items:center;width:calc(24 * var(--ui-px, 1px));height:calc(24 * var(--ui-px, 1px));padding:0;border:calc(1 * var(--ui-px, 1px)) solid var(--surface-line);border-radius:50%;background:var(--surface-bg);color:#e8d8f3;cursor:pointer;transition:border-color .22s ease,background .22s ease,transform .35s var(--ease)}.lobby-players .seat-remove:hover{border-color:#d8b9ff73;background:#4d306d94;transform:rotate(90deg)}.seat-remove span{position:absolute;inset:0;pointer-events:none}.seat-remove span:before,.seat-remove span:after{content:"";position:absolute;top:50%;left:50%;width:calc(11 * var(--ui-px, 1px));height:calc(1 * var(--ui-px, 1px));background:#f8f2ff;transform:translate(-50%,-50%) rotate(45deg)}.seat-remove span:after{transform:translate(-50%,-50%) rotate(-45deg)}@media(prefers-reduced-motion:reduce){.lobby-players .seat-remove{transition:none}.lobby-players .seat-remove:hover{transform:none}}.lobby-add-bot{position:absolute;bottom:calc(12 * var(--ui-px, 1px));left:calc(18 * var(--ui-px, 1px));right:calc(18 * var(--ui-px, 1px));width:calc(100% - calc(36 * var(--ui-px, 1px)));height:calc(48 * var(--ui-px, 1px));padding:calc(8 * var(--ui-px, 1px));font-size:calc(13 * var(--ui-px, 1px))}@media(min-width:1200px){.lobby-cards{width:min(100%,calc(1440 * var(--ui-px, 1px)));grid-template-columns:calc(320 * var(--ui-px, 1px)) calc(320 * var(--ui-px, 1px)) minmax(0,1fr)}.lobby-pool{width:100%}.lobby-page--solo .lobby-cards{width:min(100%,calc(1086 * var(--ui-px, 1px)));grid-template-columns:calc(320 * var(--ui-px, 1px)) minmax(0,1fr)}}@media(min-width:1000px)and (max-width:1199px){.lobby-cards,.lobby-page--solo .lobby-cards{grid-template-columns:repeat(2,calc(320 * var(--ui-px, 1px)));gap:calc(54 * var(--ui-px, 1px)) calc(34 * var(--ui-px, 1px))}.lobby-pool{width:100%;grid-column:1 / -1}.lobby-page--solo .lobby-pool{grid-column:auto}}.lobby-pool>.pool-workspace{inset:calc(70 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px));display:grid;grid-template-columns:minmax(calc(150 * var(--ui-px, 1px)),.8fr) minmax(0,1.6fr);gap:calc(16 * var(--ui-px, 1px));overflow:hidden;padding:0}.pool-source-column{min-width:0;min-height:0;overflow-y:auto;scrollbar-width:auto;display:flex;flex-direction:column;gap:calc(10 * var(--ui-px, 1px))}.lobby-pool .default-pool-card{margin:0;padding:calc(10 * var(--ui-px, 1px));gap:calc(8 * var(--ui-px, 1px));flex-shrink:0}.lobby-pool .default-pool-card h3{font-size:calc(16 * var(--ui-px, 1px))}.lobby-pool .default-pool-card p{margin:calc(6 * var(--ui-px, 1px)) 0;font-size:calc(11 * var(--ui-px, 1px))}.lobby-pool .default-pool-card .primary{min-height:calc(38 * var(--ui-px, 1px));padding:calc(7 * var(--ui-px, 1px));font-size:calc(12 * var(--ui-px, 1px))}.lobby-pool .pool-divider{margin:0;font-size:calc(11 * var(--ui-px, 1px));gap:calc(5 * var(--ui-px, 1px))}.lobby-pool .pool-divider span{white-space:normal;text-align:center}.lobby-pool .upload-card{margin:0;padding:calc(10 * var(--ui-px, 1px));flex-shrink:0}.lobby-pool .upload-card h3{margin:0 0 calc(6 * var(--ui-px, 1px));color:#f4e9fc}.lobby-pool .upload-card p{margin:calc(4 * var(--ui-px, 1px)) 0 calc(8 * var(--ui-px, 1px))}.lobby-pool .drop-zone{min-height:calc(60 * var(--ui-px, 1px));margin:0;padding:calc(8 * var(--ui-px, 1px)) calc(4 * var(--ui-px, 1px))}.lobby-pool .upload-count{margin-top:calc(8 * var(--ui-px, 1px))}.pool-source-column>.center-muted{font-size:calc(11 * var(--ui-px, 1px));padding:0;margin:0}.pool-preview-column{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;gap:calc(12 * var(--ui-px, 1px))}.pool-lock-toolbar{min-width:0}.pool-lock-toolbar>.primary.wide{width:100%;min-height:calc(44 * var(--ui-px, 1px));margin:0;padding:calc(8 * var(--ui-px, 1px))}.pool-lock-toolbar .confirmed-box{margin:0;padding:calc(8 * var(--ui-px, 1px));gap:calc(6 * var(--ui-px, 1px));font-size:calc(11 * var(--ui-px, 1px))}.pool-lock-toolbar .confirmed-box .secondary{min-height:calc(32 * var(--ui-px, 1px));padding:calc(5 * var(--ui-px, 1px)) calc(8 * var(--ui-px, 1px));margin-left:0}.pool-preview-frame{min-width:0;min-height:0;overflow:hidden;border:calc(1 * var(--ui-px, 1px)) solid var(--surface-line);border-radius:calc(14 * var(--ui-px, 1px));background:var(--surface-bg)}.pool-preview-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(18 * var(--ui-px, 1px));color:#d7c0e8;text-align:center}.pool-preview-empty strong{font-size:calc(20 * var(--ui-px, 1px));font-weight:400}.pool-preview-empty p{max-width:calc(220 * var(--ui-px, 1px));font-size:calc(12 * var(--ui-px, 1px));line-height:1.7;color:#a995b8}.pool-preview-frame .pool-gallery{display:flex;flex-direction:column;height:100%;min-height:0;margin:0;border:0;background:none;border-radius:0}.pool-preview-frame .pool-gallery-heading{flex-shrink:0;min-height:calc(42 * var(--ui-px, 1px));padding:calc(8 * var(--ui-px, 1px)) calc(10 * var(--ui-px, 1px));gap:calc(6 * var(--ui-px, 1px));background:var(--surface-bg);border-color:var(--surface-line);font-size:calc(12 * var(--ui-px, 1px))}.pool-preview-frame .pool-gallery-heading span:last-child{font-size:calc(10 * var(--ui-px, 1px));color:#c6afd8}.pool-preview-frame .gallery-filters{flex-shrink:0;gap:calc(3 * var(--ui-px, 1px));padding:calc(6 * var(--ui-px, 1px));border-color:var(--surface-line)}.pool-preview-frame .gallery-filters button{padding:calc(5 * var(--ui-px, 1px));font-size:calc(10 * var(--ui-px, 1px))}.pool-preview-frame .pool-gallery-grid{flex:1;min-height:0;max-height:none;align-content:start;grid-template-columns:repeat(auto-fill,minmax(calc(62 * var(--ui-px, 1px)),1fr));gap:calc(6 * var(--ui-px, 1px));padding:calc(8 * var(--ui-px, 1px));overflow-y:auto;scrollbar-width:auto}.lobby-pool .pool-source-column .start-button{width:100%;margin:auto 0 0;min-height:calc(44 * var(--ui-px, 1px));padding:calc(8 * var(--ui-px, 1px));flex-shrink:0}@media(max-width:999px){.lobby-pool>.pool-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(calc(220 * var(--ui-px, 1px)),1fr);overflow-y:auto}.pool-source-column{overflow:visible}.pool-preview-column{min-height:calc(260 * var(--ui-px, 1px))}}.pool-source-column{overflow:hidden}.lobby-pool .pool-source-column .default-pool-card{flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.pool-source-column .default-pool-card>div{overflow-y:auto;scrollbar-width:auto}.lobby-pool .pool-source-column .upload-card{flex:1;min-height:0;display:flex;flex-direction:column}.lobby-pool .pool-source-column .upload-card .drop-zone{flex:1;min-height:calc(48 * var(--ui-px, 1px))}.lobby-pool .pool-source-column .upload-card p{font-size:calc(10 * var(--ui-px, 1px));line-height:1.4}.pool-lock-toolbar>.center-muted{padding:0;margin:0 0 calc(7 * var(--ui-px, 1px));font-size:calc(10 * var(--ui-px, 1px));line-height:1.4}@media(max-width:999px){.pool-source-column{overflow:visible}.lobby-pool .pool-source-column :is(.default-pool-card,.upload-card){flex:none}}.lobby-players>.lobby-card-body{top:calc(70 * var(--ui-px, 1px))}.lobby-pool .upload-card .drop-zone{background:#7878783d}.lobby-start{position:relative;min-width:0}.lobby-start-hints{position:absolute;top:calc(50% + calc(92 * var(--ui-px, 1px)));left:calc(-16 * var(--ui-px, 1px));right:calc(-16 * var(--ui-px, 1px));display:grid;gap:calc(6 * var(--ui-px, 1px));line-height:1.5}.lobby-start button:disabled{cursor:default}@media(min-width:1200px){.lobby-cards{grid-template-columns:repeat(2,clamp(calc(250 * var(--ui-px, 1px)),21vw,calc(300 * var(--ui-px, 1px)))) minmax(0,1fr) calc(112 * var(--ui-px, 1px));gap:calc(24 * var(--ui-px, 1px))}.lobby-card{width:100%}.lobby-page--solo .lobby-cards{width:min(100%,calc(1222 * var(--ui-px, 1px)));grid-template-columns:calc(300 * var(--ui-px, 1px)) minmax(0,1fr) calc(112 * var(--ui-px, 1px))}}@media(max-width:1199px){.lobby-start{grid-column:1 / -1;min-height:calc(220 * var(--ui-px, 1px))}.lobby-start-hints{top:calc(50% + calc(92 * var(--ui-px, 1px)))}}@media(max-width:999px){.lobby-start{flex-direction:column;padding-bottom:calc(50 * var(--ui-px, 1px))}.lobby-start-hints{top:auto;bottom:0}}.lobby-players,.lobby-pool{transition:border-color .26s ease,box-shadow .32s var(--ease)}.lobby-players:hover,.lobby-players:focus-within,.lobby-pool:hover,.lobby-pool:focus-within{border-color:#cf9effe6;box-shadow:0 0 0 calc(2 * var(--ui-px, 1px)) #b87cff33,0 0 calc(38 * var(--ui-px, 1px)) #b87cff57,0 calc(34 * var(--ui-px, 1px)) calc(82 * var(--ui-px, 1px)) #0000008a}@media(min-width:1000px)and (hover:hover)and (pointer:fine){.lobby-players{justify-self:center;align-self:start;transition:transform .18s ease-out,border-color .26s ease,box-shadow .32s var(--ease)}.lobby-players:hover,.lobby-players:focus-within{transform:translateY(calc(-4 * var(--ui-px, 1px))) scale(1.018)}}.lobby-start button:hover{transform:translate(calc(4 * var(--ui-px, 1px))) scale(1.04);background:#ca92f580}@media(prefers-reduced-motion:reduce){.lobby-players,.lobby-pool,.lobby-start button{transition:none}.lobby-players:hover,.lobby-players:focus-within{transform:none}.lobby-start button:hover{transform:none}}@media(min-width:1200px){.lobby-cards{grid-template-rows:calc(470 * var(--ui-px, 1px))}}.pool-preview-column{grid-template-rows:calc(44 * var(--ui-px, 1px)) calc(32 * var(--ui-px, 1px)) minmax(0,1fr);gap:calc(8 * var(--ui-px, 1px))}.pool-lock-toolbar{display:flex;align-items:center;justify-content:space-between;gap:calc(10 * var(--ui-px, 1px));min-width:0}.pool-total-count{flex-shrink:0;font-size:calc(12 * var(--ui-px, 1px));color:#d7b4f0;white-space:nowrap}.pool-total-count strong{color:#f1deff;font-weight:400}.pool-lock-toolbar>.primary.wide{width:auto;flex:0 1 auto;height:calc(44 * var(--ui-px, 1px));min-width:0;padding:calc(6 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px));font-size:calc(12 * var(--ui-px, 1px))}.pool-lock-toolbar .confirmed-box{padding:0;border:0;background:none;flex-wrap:nowrap;white-space:nowrap}.pool-lock-toolbar .confirmed-box strong{font-size:calc(10 * var(--ui-px, 1px))}.pool-toolbar-filters{margin:0;padding:0;border:0;display:flex;align-items:center;flex-wrap:nowrap;gap:calc(3 * var(--ui-px, 1px));min-width:0;overflow-x:auto;scrollbar-width:auto}.pool-toolbar-filters button{padding:calc(5 * var(--ui-px, 1px)) calc(6 * var(--ui-px, 1px));flex-shrink:0;font-size:calc(10 * var(--ui-px, 1px));white-space:nowrap}.pool-source-column .primary.is-loading{display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--ui-px, 1px))}.pool-loading-spinner{width:calc(13 * var(--ui-px, 1px));height:calc(13 * var(--ui-px, 1px));flex-shrink:0;border:calc(2 * var(--ui-px, 1px)) solid currentColor;border-right-color:transparent;border-radius:50%;animation:pool-loading-spin .8s linear infinite}@keyframes pool-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pool-loading-spinner{animation:none}}.pool-preview-frame{container-type:size}.pool-preview-frame .pool-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(calc((100cqh - calc(34 * var(--ui-px, 1px))) / 4 * 421 / 614 + calc(6 * var(--ui-px, 1px))),1fr));grid-auto-rows:calc((100cqh - calc(34 * var(--ui-px, 1px))) / 4);gap:calc(6 * var(--ui-px, 1px));padding:calc(8 * var(--ui-px, 1px))}.pool-preview-frame .card-preview-trigger{min-width:0;height:100%;width:calc((100cqh - calc(34 * var(--ui-px, 1px))) / 4 * 421 / 614);max-width:100%;justify-self:center}.pool-preview-frame .card-tile.compact{height:100%}.pool-preview-frame .queued-card-image{height:100%;aspect-ratio:auto}.pool-preview-frame .queued-card-image>img{object-fit:contain}.pool-source-column .primary:disabled,.lobby-pool .upload-card .drop-zone:disabled{background:#6e6e744d;border-color:#bebec633;color:#96929c;opacity:1;cursor:not-allowed;box-shadow:none;transform:none}.pool-source-column .drop-zone:disabled :is(strong,small){color:inherit}.lobby-pool>.pool-workspace{background:none;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}@media(min-width:1000px){.lobby-pool>.pool-workspace,.lobby-pool .pool-source-column{overflow:visible}}.pool-preview-column{container-type:inline-size;grid-template-rows:minmax(0,1fr) auto;gap:calc(12 * var(--ui-px, 1px))}.pool-preview-footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:calc(6 * var(--ui-px, 1px));min-height:calc(44 * var(--ui-px, 1px));min-width:0}.pool-preview-footer .pool-total-count{font-size:calc(11 * var(--ui-px, 1px))}.pool-preview-footer .pool-toolbar-filters{justify-content:space-evenly;overflow-x:auto;gap:calc(2 * var(--ui-px, 1px))}.pool-preview-footer .pool-toolbar-filters button{padding:calc(6 * var(--ui-px, 1px)) calc(3 * var(--ui-px, 1px));font-size:calc(10 * var(--ui-px, 1px))}.pool-preview-footer .pool-lock-toolbar{justify-content:flex-end;gap:0}.pool-preview-footer .pool-lock-toolbar>.primary.wide{min-height:calc(44 * var(--ui-px, 1px));padding:calc(6 * var(--ui-px, 1px)) calc(10 * var(--ui-px, 1px));white-space:nowrap}.pool-preview-footer .confirmed-box{gap:calc(6 * var(--ui-px, 1px))}.pool-preview-footer .confirmed-box>strong{display:none}.pool-preview-footer .confirmed-box .secondary{min-height:calc(44 * var(--ui-px, 1px));white-space:nowrap}.pool-preview-empty p{max-width:none;margin-top:calc(8 * var(--ui-px, 1px))}@container (max-width:360px){.pool-preview-footer{grid-template-columns:minmax(0,1fr) auto;row-gap:calc(4 * var(--ui-px, 1px))}.pool-preview-footer .pool-toolbar-filters{grid-column:1 / -1;grid-row:2;justify-content:flex-start;min-height:calc(28 * var(--ui-px, 1px))}.pool-preview-footer .pool-lock-toolbar{grid-column:2;grid-row:1}}@media(hover:hover)and (pointer:fine){.card-preview-overlay:not(.pinned) .card-info-preview{width:min(calc(350 * var(--ui-px, 1px)),calc(100vw - calc(24 * var(--ui-px, 1px))));max-height:min(calc(260 * var(--ui-px, 1px)),calc(100dvh - calc(24 * var(--ui-px, 1px))))}.card-preview-overlay:not(.pinned) .preview-title-row{grid-template-columns:calc(108 * var(--ui-px, 1px)) minmax(0,1fr);gap:calc(14 * var(--ui-px, 1px));padding:calc(14 * var(--ui-px, 1px));flex-shrink:0}.card-preview-overlay:not(.pinned) .preview-title-row>.queued-card-image{width:calc(108 * var(--ui-px, 1px))}.card-preview-overlay:not(.pinned) .preview-title-row h3{font-size:calc(20 * var(--ui-px, 1px));margin:0 0 calc(10 * var(--ui-px, 1px))}.card-preview-overlay:not(.pinned) .preview-title-row strong{font-size:calc(13 * var(--ui-px, 1px));margin-top:calc(8 * var(--ui-px, 1px))}.card-preview-overlay:not(.pinned) .preview-stats{margin-top:calc(10 * var(--ui-px, 1px));font-size:calc(12 * var(--ui-px, 1px))}.card-preview-overlay:not(.pinned) .preview-stats b{font-size:calc(18 * var(--ui-px, 1px))}.card-preview-overlay:not(.pinned) .card-info-preview>p{min-height:0;padding:calc(12 * var(--ui-px, 1px)) calc(14 * var(--ui-px, 1px));font-size:calc(13 * var(--ui-px, 1px));line-height:1.6}}.lobby-pool .pool-source-column :is(.default-pool-card,.upload-card){background:none;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.pool-source-column .default-pool-card>div{overflow:visible;scrollbar-width:none}.lobby-pool .default-pool-card p,.lobby-pool .upload-card p{color:#fff}.lobby-pool{top:0;zoom:1}.lobby-pool .pool-source-column .default-pool-card{padding-bottom:calc(24 * var(--ui-px, 1px))}.pool-preview-footer .pool-toolbar-filters{justify-content:flex-start;padding-bottom:calc(8 * var(--ui-px, 1px));margin-bottom:calc(-8 * var(--ui-px, 1px));gap:calc(4 * var(--ui-px, 1px))}.card-info-preview{display:grid;grid-template-columns:calc(136 * var(--ui-px, 1px)) minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:min(calc(420 * var(--ui-px, 1px)),calc(100vw - calc(24 * var(--ui-px, 1px))));height:min(calc(320 * var(--ui-px, 1px)),calc(100dvh - calc(24 * var(--ui-px, 1px))));max-height:calc(100dvh - calc(24 * var(--ui-px, 1px)));padding:calc(14 * var(--ui-px, 1px));gap:calc(14 * var(--ui-px, 1px));pointer-events:auto}.preview-summary{min-width:0;min-height:0;overflow-y:auto;scrollbar-width:auto}.preview-summary h3{margin:0 0 calc(8 * var(--ui-px, 1px));font:400 calc(18 * var(--ui-px, 1px))/1.3 inherit;font-family:inherit;font-size:calc(18 * var(--ui-px, 1px));line-height:1.3;overflow-wrap:anywhere;color:#faf3ff}.preview-summary>.queued-card-image{width:calc(112 * var(--ui-px, 1px));max-width:100%;margin:0 auto calc(8 * var(--ui-px, 1px))}.preview-summary .preview-meta{display:flex;flex-wrap:wrap;gap:calc(5 * var(--ui-px, 1px)) calc(10 * var(--ui-px, 1px));font-size:calc(12 * var(--ui-px, 1px));line-height:1.4}.preview-summary>strong{display:block;margin-top:calc(4 * var(--ui-px, 1px));font-size:calc(11 * var(--ui-px, 1px));line-height:1.5;font-weight:400;color:#d8b9ff}.preview-summary .preview-stats{display:flex;flex-wrap:wrap;gap:calc(10 * var(--ui-px, 1px));margin-top:calc(6 * var(--ui-px, 1px));font-size:calc(12 * var(--ui-px, 1px));line-height:1.5}.preview-summary .preview-stats b{display:inline;margin:0 0 0 calc(3 * var(--ui-px, 1px));font-size:calc(13 * var(--ui-px, 1px))}.card-info-preview>.preview-effect{min-width:0;min-height:0;overflow-y:auto;margin:0;padding:0 0 0 calc(12 * var(--ui-px, 1px));border-left:calc(1 * var(--ui-px, 1px)) solid var(--surface-line);font-size:calc(13 * var(--ui-px, 1px));line-height:1.65;color:#fff;scrollbar-width:auto;overscroll-behavior:contain}.card-info-preview .preview-confirm-actions,.card-info-preview>.preview-select{grid-column:1 / -1;margin:0}@media(hover:hover)and (pointer:fine){.card-preview-overlay:not(.pinned) .card-info-preview{width:min(calc(420 * var(--ui-px, 1px)),calc(100vw - calc(24 * var(--ui-px, 1px))));height:min(calc(320 * var(--ui-px, 1px)),calc(100dvh - calc(24 * var(--ui-px, 1px))));max-height:calc(100dvh - calc(24 * var(--ui-px, 1px)))}.card-preview-overlay:not(.pinned) .card-info-preview>.preview-effect{padding:0 0 0 calc(12 * var(--ui-px, 1px));font-size:calc(13 * var(--ui-px, 1px));line-height:1.65}}@media(max-width:480px){.card-info-preview{grid-template-columns:calc(112 * var(--ui-px, 1px)) minmax(0,1fr);padding:calc(12 * var(--ui-px, 1px));gap:calc(10 * var(--ui-px, 1px))}.preview-summary h3{padding-right:calc(18 * var(--ui-px, 1px));font-size:calc(16 * var(--ui-px, 1px))}}:root{--card-art-radius:calc(10 * var(--ui-px, 1px))}.queued-card-image,.card-placeholder{border-radius:var(--card-art-radius);overflow:hidden}.queued-card-image>img{border-radius:inherit}.preview-summary>.queued-card-image{border-radius:var(--card-art-radius)}.card-tile{border-radius:calc(14 * var(--ui-px, 1px))}.card-preview-overlay:not(.pinned) .card-info-preview{pointer-events:none}.card-preview-overlay:not(.pinned) .card-info-preview *{pointer-events:none}:root{--card-art-radius:calc(6 * var(--ui-px, 1px))}.card-tile{border-radius:calc(8 * var(--ui-px, 1px))}.card-tile.compact{padding:0;border:0;background:transparent}.queued-card-image>img{object-fit:cover;transform:scale(1.045)}.pool-preview-frame .queued-card-image>img{object-fit:cover}.preview-summary{display:flex;flex-direction:column;gap:calc(5 * var(--ui-px, 1px));overflow:hidden}.preview-summary h3{margin:0;font-size:calc(16 * var(--ui-px, 1px));line-height:1.25;font-weight:400;flex-shrink:0}.preview-summary>.queued-card-image{flex:1 1 auto;min-height:0;width:calc(104 * var(--ui-px, 1px));max-height:calc(152 * var(--ui-px, 1px));margin:calc(2 * var(--ui-px, 1px)) auto;aspect-ratio:auto}.preview-summary>.queued-card-image>img{object-fit:contain;transform:none}.preview-summary .preview-meta{flex-shrink:0;font-size:calc(11 * var(--ui-px, 1px))}.preview-summary>strong{flex-shrink:0;margin:0;font-size:calc(10 * var(--ui-px, 1px));line-height:1.4}.preview-summary .preview-stats{flex-shrink:0;margin:0;font-size:calc(11 * var(--ui-px, 1px));gap:calc(8 * var(--ui-px, 1px))}.preview-summary .preview-stats b{font-size:calc(13 * var(--ui-px, 1px))}.card-info-preview>.preview-effect{scrollbar-width:none}.card-info-preview>.preview-effect::-webkit-scrollbar{display:none}@media(hover:none)and (pointer:coarse){.card-info-preview>.preview-effect{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}}.pool-preview-frame{background:transparent;border-color:transparent;box-shadow:none}.chat-collapsed,.room-chat{left:50%;right:auto;transform:translate(-50%);width:min(calc(680 * var(--ui-px, 1px)),calc(100% - calc(36 * var(--ui-px, 1px))))}.room-chat--compact{position:absolute;bottom:auto}.room-chat--compact>header{min-height:calc(36 * var(--ui-px, 1px));padding:calc(5 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px))}.room-chat--compact>header>div{display:flex;align-items:baseline;gap:calc(12 * var(--ui-px, 1px))}.room-chat--compact>header strong{font-size:calc(16 * var(--ui-px, 1px))}.room-chat--compact .chat-compose{padding:calc(8 * var(--ui-px, 1px))}.room-chat--compact .chat-compose input{padding:calc(7 * var(--ui-px, 1px)) calc(10 * var(--ui-px, 1px))}.room-chat--compact .chat-compose .primary{min-height:calc(36 * var(--ui-px, 1px))}.room-chat--compact .chat-message-list{padding:calc(6 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px));gap:calc(6 * var(--ui-px, 1px))}.room-chat--compact .chat-empty{padding:calc(4 * var(--ui-px, 1px));font-size:calc(13 * var(--ui-px, 1px))}.room-chat>header>.chat-window-actions{display:flex;align-items:center;gap:calc(8 * var(--ui-px, 1px))}.room-chat .chat-window-actions button{width:calc(28 * var(--ui-px, 1px));height:calc(28 * var(--ui-px, 1px));font-size:calc(20 * var(--ui-px, 1px))}.room-chat--expanded{position:fixed;top:auto;bottom:calc(18 * var(--ui-px, 1px));height:min(calc(560 * var(--ui-px, 1px)),calc(100dvh - calc(92 * var(--ui-px, 1px))))}.lobby-cards>.lobby-start{animation:setup-card-in-right .76s var(--card-slide-ease) .29s both}@media(prefers-reduced-motion:reduce){.lobby-cards>.lobby-start{animation:none}}.room-chat.chat-card{position:fixed;display:grid;grid-template-rows:calc(40 * var(--ui-px, 1px)) minmax(0,1fr) calc(62 * var(--ui-px, 1px));top:auto;bottom:calc(14 * var(--ui-px, 1px));left:50%;right:auto;width:min(calc(440 * var(--ui-px, 1px)),calc(100vw - calc(32 * var(--ui-px, 1px))));height:calc(56 * var(--ui-px, 1px));transform:translate(-50%);border:calc(1 * var(--ui-px, 1px)) solid var(--surface-line);border-radius:calc(24 * var(--ui-px, 1px));background:var(--surface-bg);-webkit-backdrop-filter:blur(var(--surface-blur));backdrop-filter:blur(var(--surface-blur));box-shadow:0 calc(24 * var(--ui-px, 1px)) calc(70 * var(--ui-px, 1px)) #06030c8c,0 calc(-8 * var(--ui-px, 1px)) calc(28 * var(--ui-px, 1px)) #06030c40,inset 0 calc(1 * var(--ui-px, 1px)) 0 #ffffff17;transition:height .62s var(--card-slide-ease),box-shadow .45s ease}.room-chat.chat-card--stage-1{height:var(--chat-compact-height)}.room-chat.chat-card--stage-2{height:min(calc(560 * var(--ui-px, 1px)),calc(100dvh - calc(100 * var(--ui-px, 1px))));box-shadow:0 calc(32 * var(--ui-px, 1px)) calc(90 * var(--ui-px, 1px)) #06030ca6,0 calc(-12 * var(--ui-px, 1px)) calc(40 * var(--ui-px, 1px)) #06030c59,inset 0 calc(1 * var(--ui-px, 1px)) 0 #ffffff1a}.chat-card>header{display:flex;justify-content:flex-end;min-height:0;padding:calc(8 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px)) 0;background:none;border:0}.chat-card>header>.chat-window-actions{display:flex;gap:calc(8 * var(--ui-px, 1px))}.chat-card .chat-window-actions button{width:calc(28 * var(--ui-px, 1px));height:calc(28 * var(--ui-px, 1px));padding:0;line-height:1;border-color:var(--surface-line);background:var(--surface-bg);color:#e8d6f7;transition:background .18s ease,transform .18s ease}.chat-card .chat-window-actions button:hover{background:#b678dc47;transform:translateY(calc(-1 * var(--ui-px, 1px)))}.chat-card .chat-message-list{padding:calc(8 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px));gap:calc(12 * var(--ui-px, 1px));scrollbar-width:auto}.chat-card .chat-message p{border:0;border-radius:calc(12 * var(--ui-px, 1px));font-size:calc(14 * var(--ui-px, 1px))}.chat-card .chat-empty{padding:calc(8 * var(--ui-px, 1px));font-size:calc(13 * var(--ui-px, 1px));color:#c5b3d2}.chat-card .chat-compose{padding:calc(8 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px));gap:calc(8 * var(--ui-px, 1px));background:none;border:0}.chat-card .chat-compose input{padding:calc(8 * var(--ui-px, 1px)) calc(10 * var(--ui-px, 1px));border:0;border-radius:calc(12 * var(--ui-px, 1px));background:#23152f66;font-size:calc(14 * var(--ui-px, 1px))}.chat-card .chat-compose .primary{min-height:calc(40 * var(--ui-px, 1px));border-radius:calc(12 * var(--ui-px, 1px))}.chat-card>:is(header,.chat-message-list,.chat-compose){opacity:1;transition:opacity .22s ease 80ms}.chat-card--stage-0>:is(header,.chat-message-list,.chat-compose){opacity:0;visibility:hidden;pointer-events:none;transition:none}.chat-card>.chat-collapsed{position:absolute;inset:calc(5 * var(--ui-px, 1px));width:auto;transform:none;gap:calc(8 * var(--ui-px, 1px))}.chat-card .chat-latest{border:0;border-radius:calc(18 * var(--ui-px, 1px));padding:0 calc(12 * var(--ui-px, 1px));background:none;box-shadow:none;font-size:calc(13 * var(--ui-px, 1px))}.chat-card .chat-toggle{height:calc(44 * var(--ui-px, 1px));min-width:calc(68 * var(--ui-px, 1px));padding:0 calc(14 * var(--ui-px, 1px));border-radius:calc(16 * var(--ui-px, 1px));box-shadow:none}@media(prefers-reduced-motion:reduce){.room-chat.chat-card,.chat-card>:is(header,.chat-message-list,.chat-compose),.chat-card .chat-window-actions button{transition:none}}.room-chat.chat-card{grid-template-rows:calc(40 * var(--ui-px, 1px)) minmax(0,1fr)}.chat-card .chat-message-list{margin-bottom:calc(56 * var(--ui-px, 1px))}.room-chat.chat-card>.chat-compose{position:absolute;left:0;right:0;bottom:0;height:calc(56 * var(--ui-px, 1px));padding:calc(6 * var(--ui-px, 1px));grid-template-columns:minmax(0,1fr) calc(70 * var(--ui-px, 1px));gap:calc(8 * var(--ui-px, 1px));opacity:1;visibility:visible;pointer-events:auto;transition:none}.room-chat.chat-card .chat-compose input{height:calc(44 * var(--ui-px, 1px));padding:0 calc(12 * var(--ui-px, 1px));border:0;border-radius:calc(18 * var(--ui-px, 1px));background:#23152f66;font-size:calc(14 * var(--ui-px, 1px));line-height:1.3;transition:none}.room-chat.chat-card .chat-compose .primary{position:relative;width:calc(70 * var(--ui-px, 1px));height:calc(44 * var(--ui-px, 1px));min-height:calc(44 * var(--ui-px, 1px));padding:0 calc(8 * var(--ui-px, 1px));border-radius:calc(18 * var(--ui-px, 1px));font-size:calc(14 * var(--ui-px, 1px));transition:none;transform:none}.chat-unread{position:absolute;right:calc(-2 * var(--ui-px, 1px));top:calc(-3 * var(--ui-px, 1px));min-width:calc(17 * var(--ui-px, 1px));padding:calc(2 * var(--ui-px, 1px)) calc(4 * var(--ui-px, 1px));border-radius:calc(10 * var(--ui-px, 1px));font:calc(10 * var(--ui-px, 1px))/1.2 system-ui,sans-serif;background:#963c6e;color:#fff}.chat-outside-dismiss{position:fixed;inset:0;z-index:59;margin:0;padding:0;border:0;background:transparent;cursor:default}.room-chat.chat-card:not(.chat-card--stage-0):is(:hover,:focus-within){border-color:#cf9effe6;box-shadow:0 0 0 calc(2 * var(--ui-px, 1px)) #b87cff33,0 0 calc(38 * var(--ui-px, 1px)) #b87cff57,0 calc(34 * var(--ui-px, 1px)) calc(82 * var(--ui-px, 1px)) #0000008a}.screen-drafting .topbar{position:fixed;z-index:10;inset:0 0 auto}.draft-page{width:calc(100% - calc(112 * var(--ui-px, 1px)));max-width:calc(1440 * var(--ui-px, 1px));padding:calc(94 * var(--ui-px, 1px)) 0 calc(90 * var(--ui-px, 1px))}.draft-toolbar{display:flex;align-items:center;justify-content:space-between;gap:calc(16 * var(--ui-px, 1px));margin-bottom:calc(24 * var(--ui-px, 1px))}.draft-page .draft-status{display:flex;flex-wrap:wrap;align-items:center;gap:calc(6 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px));margin:0;padding:calc(10 * var(--ui-px, 1px)) calc(14 * var(--ui-px, 1px));border:calc(1 * var(--ui-px, 1px)) solid var(--surface-line);border-radius:calc(14 * var(--ui-px, 1px));background:var(--surface-bg)}.draft-page .draft-status>div{display:flex;align-items:baseline;gap:calc(7 * var(--ui-px, 1px));padding:0;border:0}.draft-page .draft-status small{font-size:calc(11 * var(--ui-px, 1px));color:#c2adcf}.draft-page .draft-status strong{font-size:calc(14 * var(--ui-px, 1px));font-weight:400;white-space:nowrap}.draft-page .turn-banner{flex-shrink:0;width:auto;max-width:50%;margin:0;padding:calc(10 * var(--ui-px, 1px)) calc(14 * var(--ui-px, 1px));border-radius:calc(14 * var(--ui-px, 1px));font-size:calc(13 * var(--ui-px, 1px));line-height:1.5;background:var(--surface-bg);border:calc(1 * var(--ui-px, 1px)) solid var(--surface-line)}.draft-page .draft-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:calc(24 * var(--ui-px, 1px));align-items:stretch}.draft-page :is(.current-pack-section,.draft-picked-card){display:flex;flex-direction:column;min-width:0;min-height:0;height:clamp(calc(470 * var(--ui-px, 1px)),calc(100dvh - calc(260 * var(--ui-px, 1px))),calc(720 * var(--ui-px, 1px)));padding:calc(18 * var(--ui-px, 1px));border:calc(1 * var(--ui-px, 1px)) solid var(--surface-line);border-radius:calc(25 * var(--ui-px, 1px));background:var(--surface-bg);-webkit-backdrop-filter:blur(var(--surface-blur));backdrop-filter:blur(var(--surface-blur));box-shadow:inset 0 calc(1 * var(--ui-px, 1px)) 0 #f5e8ff17,0 calc(24 * var(--ui-px, 1px)) calc(60 * var(--ui-px, 1px)) #0904103d}.draft-page .section-heading{flex-shrink:0;margin:0 0 calc(16 * var(--ui-px, 1px));padding:0;min-height:calc(34 * var(--ui-px, 1px))}.draft-page .section-heading h2{margin:0;font-family:inherit;font-size:calc(26 * var(--ui-px, 1px));font-weight:400;color:#fff}.draft-page .section-heading>span{font-size:calc(13 * var(--ui-px, 1px));color:#d7c2e8}.draft-page .draft-card-grid{flex:1;min-height:0;overflow-y:auto;align-content:start;grid-template-columns:repeat(auto-fill,minmax(calc(92 * var(--ui-px, 1px)),1fr));gap:calc(10 * var(--ui-px, 1px));padding:calc(2 * var(--ui-px, 1px)) calc(4 * var(--ui-px, 1px)) calc(8 * var(--ui-px, 1px));scrollbar-width:auto}.draft-page .draft-card-grid .card-tile{padding:calc(4 * var(--ui-px, 1px));background:#23152f59;border-radius:calc(10 * var(--ui-px, 1px))}.draft-page .draft-card-grid .card-tile>span{font-size:calc(11 * var(--ui-px, 1px));min-height:calc(34 * var(--ui-px, 1px));padding:calc(6 * var(--ui-px, 1px)) calc(2 * var(--ui-px, 1px)) calc(2 * var(--ui-px, 1px))}.draft-page .draft-confirm-row{flex-shrink:0;margin:calc(12 * var(--ui-px, 1px)) 0 0;padding:calc(10 * var(--ui-px, 1px)) 0 0;gap:calc(10 * var(--ui-px, 1px));border:0}.draft-page .draft-confirm-row>span{min-width:0;font-size:calc(12 * var(--ui-px, 1px))}.draft-page .draft-confirm-row .primary{min-height:calc(40 * var(--ui-px, 1px));padding:calc(8 * var(--ui-px, 1px)) calc(14 * var(--ui-px, 1px));font-size:calc(13 * var(--ui-px, 1px));border-radius:calc(12 * var(--ui-px, 1px))}.draft-page .draft-picked-card>.picked-cards-section{display:flex;flex-direction:column;flex:1;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.draft-page .picked-cards-heading{flex-shrink:0;min-height:calc(34 * var(--ui-px, 1px));padding:0;margin:0 0 calc(16 * var(--ui-px, 1px));border:0;background:none;gap:calc(12 * var(--ui-px, 1px))}.draft-page .picked-title-button{font-size:calc(26 * var(--ui-px, 1px));font-family:inherit;font-weight:400;color:#fff;white-space:nowrap}.draft-page .picked-heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:calc(6 * var(--ui-px, 1px));font-size:calc(11 * var(--ui-px, 1px))}.draft-page .picked-heading-actions button{font-size:calc(11 * var(--ui-px, 1px));padding:calc(5 * var(--ui-px, 1px)) calc(7 * var(--ui-px, 1px))}.draft-page .picked-card-groups{flex:1;min-height:0;overflow-y:auto;scrollbar-width:auto;padding:0 calc(4 * var(--ui-px, 1px))}.draft-page .picked-card-group h3{margin:0 0 calc(10 * var(--ui-px, 1px));font-size:calc(14 * var(--ui-px, 1px));font-family:inherit;color:#ddc8ec}.draft-page .picked-card-grid{grid-template-columns:repeat(auto-fill,minmax(calc(66 * var(--ui-px, 1px)),1fr));gap:calc(8 * var(--ui-px, 1px))}.draft-page .empty-state{flex:1;display:grid;place-items:center;margin:0;padding:calc(16 * var(--ui-px, 1px))}@media(max-width:999px){.draft-page{width:calc(100% - calc(48 * var(--ui-px, 1px)))}.draft-toolbar{flex-direction:column;align-items:stretch;gap:calc(10 * var(--ui-px, 1px))}.draft-page .turn-banner{max-width:100%}}@media(max-width:700px){.draft-page .draft-layout{grid-template-columns:minmax(0,1fr)}.draft-page :is(.current-pack-section,.draft-picked-card){height:calc(500 * var(--ui-px, 1px));padding:calc(14 * var(--ui-px, 1px))}.draft-page .draft-card-grid{grid-template-columns:repeat(var(--mobile-card-columns,4),minmax(0,1fr))}.draft-page .picked-cards-heading{flex-wrap:wrap}}.draft-page .picked-title-button{padding:0;line-height:1.3}.draft-page .section-heading h2{line-height:1.3}.draft-page .draft-pack-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(10 * var(--ui-px, 1px)) calc(14 * var(--ui-px, 1px))}.draft-pack-title{display:flex;align-items:baseline;gap:calc(10 * var(--ui-px, 1px));flex-shrink:0}.draft-pack-title>span{font-size:calc(13 * var(--ui-px, 1px));color:#d7c2e8;white-space:nowrap}.draft-page .draft-pack-heading .draft-status{flex:0 1 auto;justify-content:flex-end;gap:calc(5 * var(--ui-px, 1px)) calc(10 * var(--ui-px, 1px));padding:0;border:0;background:none;border-radius:0}.draft-page .draft-pack-heading .draft-status small{font-size:calc(10 * var(--ui-px, 1px))}.draft-page .draft-pack-heading .draft-status strong{font-size:calc(11 * var(--ui-px, 1px))}.draft-page .draft-confirm-row{display:flex;align-items:center;justify-content:space-between;background:none;box-shadow:none}.draft-page .draft-confirm-row .turn-banner{flex:1;min-width:0;max-width:none;padding:0;margin:0;border:0;border-radius:0;background:none;font-size:calc(12 * var(--ui-px, 1px))}.draft-page .draft-confirm-row>.primary{flex:0 0 auto;width:auto;min-width:calc(140 * var(--ui-px, 1px))}@media(max-width:700px){.draft-page .draft-pack-heading .draft-status{justify-content:flex-start}.draft-page .draft-confirm-row>.primary{min-width:calc(110 * var(--ui-px, 1px))}}.draft-page{max-width:calc(1400 * var(--ui-px, 1px));padding-top:calc(152 * var(--ui-px, 1px))}.draft-page .draft-layout{gap:calc(44 * var(--ui-px, 1px))}.draft-page :is(.current-pack-section,.draft-picked-card){position:relative;overflow:visible}.draft-page .draft-card-title{top:calc(-30 * var(--ui-px, 1px));left:calc(-22 * var(--ui-px, 1px));z-index:2}.draft-page .draft-card-title h2{margin:0;font-family:inherit;font-size:calc(32 * var(--ui-px, 1px));font-weight:400;line-height:1.1;color:#fff}.draft-page .draft-card-title>span{font-size:calc(25 * var(--ui-px, 1px));line-height:1.1;color:#fff}.draft-card-title-row{display:flex;align-items:baseline;gap:calc(12 * var(--ui-px, 1px))}.draft-card-title-row>span{color:#d9c5e9;font-size:calc(13 * var(--ui-px, 1px));white-space:nowrap}.draft-page .draft-pack-heading{justify-content:flex-end;min-height:calc(42 * var(--ui-px, 1px))}.draft-page .draft-pack-heading .draft-status{max-width:calc(100% - calc(190 * var(--ui-px, 1px)))}.draft-page .picked-title-button{display:none}.draft-page .picked-cards-heading{justify-content:flex-end;min-height:calc(42 * var(--ui-px, 1px))}.draft-page .picked-heading-actions{margin-left:auto;max-width:calc(100% - calc(180 * var(--ui-px, 1px)))}@media(max-width:999px){.draft-page{width:calc(100% - calc(72 * var(--ui-px, 1px)))}.draft-page .draft-layout{gap:calc(38 * var(--ui-px, 1px))}.draft-page .draft-pack-heading{padding-top:calc(36 * var(--ui-px, 1px))}.draft-page .draft-pack-heading .draft-status,.draft-page .picked-heading-actions{max-width:100%}.draft-page .picked-cards-heading{padding-top:calc(36 * var(--ui-px, 1px))}}@media(max-width:700px){.draft-page .draft-layout{row-gap:calc(64 * var(--ui-px, 1px))}}.draft-page .draft-picked-card .picked-empty{position:absolute;top:50%;left:calc(18 * var(--ui-px, 1px));right:calc(18 * var(--ui-px, 1px));transform:translateY(-50%);margin:0;padding:calc(16 * var(--ui-px, 1px));text-align:center;color:#cdb9dd;font-size:calc(15 * var(--ui-px, 1px))}.draft-page{max-width:calc(1440 * var(--ui-px, 1px));padding-top:calc(88 * var(--ui-px, 1px))}.draft-page>.draft-scene-spacer{visibility:hidden;margin:0;font-size:clamp(calc(32 * var(--ui-px, 1px)),4vw,calc(58 * var(--ui-px, 1px)));pointer-events:none}.draft-page .draft-layout{margin-top:calc(58 * var(--ui-px, 1px))}.draft-page :is(.current-pack-section,.draft-picked-card){height:calc(470 * var(--ui-px, 1px))}@media(min-width:1000px)and (max-height:740px){.draft-page>.draft-scene-spacer{font-size:calc(34 * var(--ui-px, 1px))}.draft-page .draft-layout{margin-top:calc(44 * var(--ui-px, 1px))}}@media(max-width:620px){.draft-page{padding-top:calc(122 * var(--ui-px, 1px))}}.scene-bilingual-title{position:relative}.scene-title-english{position:absolute;bottom:100%;left:0;right:0;display:block;margin-bottom:calc(5 * var(--ui-px, 1px));font-family:inherit;font-size:calc(16 * var(--ui-px, 1px));font-weight:400;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:#fff;white-space:nowrap}.draft-scene-heading{position:relative}.draft-page .draft-scene-spacer{visibility:visible;margin:0;font-size:clamp(calc(32 * var(--ui-px, 1px)),4vw,calc(58 * var(--ui-px, 1px)));text-align:left}.draft-scene-info{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - calc(480 * var(--ui-px, 1px)));text-align:center}.draft-page .draft-scene-info .draft-status{justify-content:center;padding:0;margin:0;gap:calc(5 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px));border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.draft-page .draft-scene-info .draft-status small{font-size:calc(12 * var(--ui-px, 1px))}.draft-page .draft-scene-info .draft-status strong{font-size:calc(17 * var(--ui-px, 1px))}.draft-waiting-status{display:flex;align-items:center;justify-content:center;gap:calc(10 * var(--ui-px, 1px));margin-top:calc(8 * var(--ui-px, 1px));color:#ede0f6;font-size:calc(13 * var(--ui-px, 1px));line-height:1.4}.draft-waiting-status .pick-timer{padding:calc(2 * var(--ui-px, 1px)) calc(7 * var(--ui-px, 1px));font-size:calc(13 * var(--ui-px, 1px))}.draft-page .draft-pack-heading{min-height:calc(50 * var(--ui-px, 1px))}.draft-pick-prompt{position:absolute;left:calc(18 * var(--ui-px, 1px));right:calc(18 * var(--ui-px, 1px));top:calc(44 * var(--ui-px, 1px));text-align:center;color:#f6ecff;font-size:calc(13 * var(--ui-px, 1px));line-height:1.4}.draft-page .draft-confirm-row{justify-content:center}.draft-page .draft-confirm-row>.primary{min-width:calc(180 * var(--ui-px, 1px))}@media(min-width:1000px)and (max-height:740px){.draft-page .draft-scene-spacer{font-size:calc(34 * var(--ui-px, 1px))}}@media(max-width:999px){.draft-scene-info{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:none;margin-top:calc(36 * var(--ui-px, 1px))}.draft-page .draft-scene-info .draft-status strong{font-size:calc(15 * var(--ui-px, 1px))}}.draft-page .draft-scene-spacer{position:absolute;bottom:calc(100% + calc(8 * var(--ui-px, 1px)));left:0;right:0;font-size:calc(30 * var(--ui-px, 1px));line-height:1.15;text-align:center}.draft-page .draft-scene-spacer .scene-title-english{top:auto;bottom:100%;font-size:calc(15 * var(--ui-px, 1px));color:#eadcf4;letter-spacing:normal;text-transform:none}.draft-page .draft-scene-heading{height:calc(clamp(calc(32 * var(--ui-px, 1px)),4vw,calc(58 * var(--ui-px, 1px)))*1.5)}.draft-scene-info{max-width:100%}.draft-page .draft-scene-info .draft-status{padding:calc(8 * var(--ui-px, 1px)) calc(16 * var(--ui-px, 1px));border:calc(1 * var(--ui-px, 1px)) solid var(--surface-line);border-radius:calc(12 * var(--ui-px, 1px));background:var(--surface-bg);-webkit-backdrop-filter:blur(var(--surface-blur));backdrop-filter:blur(var(--surface-blur))}.draft-page .draft-pack-heading>.draft-pack-count{position:absolute;right:calc(22 * var(--ui-px, 1px));top:calc(-22 * var(--ui-px, 1px));z-index:2;color:#ead8fa;font-size:calc(32 * var(--ui-px, 1px));line-height:1.3}.draft-page .draft-card-grid{container-type:size;grid-template-columns:repeat(6,minmax(0,1fr))}.draft-page .draft-card-grid>.card-preview-trigger{height:calc((100cqh - calc(12 * var(--ui-px, 1px))) / 2);min-height:0}.draft-page .draft-card-grid .card-tile{display:flex;flex-direction:column;min-height:0;border:0;box-shadow:none;background:transparent;transition:transform .24s var(--ease)}.draft-page .draft-card-grid .card-tile.selected{background:transparent;box-shadow:none}.draft-page .draft-card-grid .card-tile.selected>span{background:color-mix(in srgb,var(--surface-bg) 58%,#c998ff 42%)}@media(hover:hover)and (pointer:fine){.draft-page .draft-card-grid .card-tile:not(.disabled):hover{transform:translateY(calc(-2 * var(--ui-px, 1px))) scale(1.035)}.draft-page .draft-card-grid .card-tile:not(.selected):not(.disabled):hover>span{background:color-mix(in srgb,var(--surface-bg) 86%,#c998ff 14%)}}.draft-page .draft-card-grid .queued-card-image,.draft-page .draft-card-grid .card-placeholder{flex:1;min-height:0;width:100%;aspect-ratio:auto;background:transparent}.draft-page .draft-card-grid .queued-card-image{align-self:center;width:min(100%,calc((50cqh - calc(48 * var(--ui-px, 1px))) * 421 / 614));border-radius:var(--card-art-radius);overflow:hidden}.draft-page .draft-card-grid .queued-card-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.045)}.draft-page .draft-card-grid .card-tile>span{display:flex;align-items:center;justify-content:center;flex:0 0 calc(30 * var(--ui-px, 1px));min-height:calc(30 * var(--ui-px, 1px));height:calc(30 * var(--ui-px, 1px));margin-top:calc(4 * var(--ui-px, 1px));padding:calc(3 * var(--ui-px, 1px)) calc(4 * var(--ui-px, 1px));font-size:calc(10 * var(--ui-px, 1px));line-height:1.2;text-align:center;overflow:hidden;border-radius:calc(7 * var(--ui-px, 1px));background:var(--surface-bg);transition:background-color .18s ease}@media(min-width:1000px)and (max-height:740px){.draft-page .draft-scene-heading{height:calc(51 * var(--ui-px, 1px))}.draft-page .draft-scene-spacer{font-size:calc(24 * var(--ui-px, 1px))}}@media(max-width:999px){.draft-page .draft-scene-heading{height:auto;padding-top:calc(28 * var(--ui-px, 1px))}.draft-page .draft-scene-spacer{bottom:auto;top:calc(-24 * var(--ui-px, 1px))}.draft-scene-info{margin-top:calc(12 * var(--ui-px, 1px))}.draft-page .draft-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:700px){.draft-page .draft-card-grid{grid-template-columns:repeat(var(--mobile-card-columns,4),minmax(0,1fr))}}.draft-page .draft-scene-info{top:calc(50% + calc(20 * var(--ui-px, 1px)))}.draft-page :is(.current-pack-section,.draft-picked-card){height:calc(530 * var(--ui-px, 1px));transition:border-color .26s ease,box-shadow .32s var(--ease)}.draft-page :is(.current-pack-section,.draft-picked-card):is(:hover,:focus-within){border-color:#cf9effe6;box-shadow:0 0 0 calc(2 * var(--ui-px, 1px)) #b87cff33,0 0 calc(38 * var(--ui-px, 1px)) #b87cff57,0 calc(34 * var(--ui-px, 1px)) calc(82 * var(--ui-px, 1px)) #0000008a}@media(max-width:999px){.draft-page .draft-scene-info{top:auto;margin-top:calc(28 * var(--ui-px, 1px))}}.complete-hero{position:relative}.complete-hero>.eyebrow{margin-bottom:calc(5 * var(--ui-px, 1px));color:#fff;font-size:calc(16 * var(--ui-px, 1px));line-height:1;letter-spacing:.08em}@media(max-width:620px){.scene-title-english,.complete-hero>.eyebrow{font-size:calc(13 * var(--ui-px, 1px))}}.screen-completed .topbar{position:fixed;z-index:10;inset:0 0 auto}.completed-page .completed-scene-title{margin:0;text-align:center;font-size:clamp(calc(32 * var(--ui-px, 1px)),4vw,calc(58 * var(--ui-px, 1px)))}.completed-page .completed-layout{grid-template-columns:minmax(0,calc(640 * var(--ui-px, 1px))) calc(320 * var(--ui-px, 1px));justify-content:center;gap:calc(34 * var(--ui-px, 1px))}.completed-page :is(.completed-deck-card,.completed-export-card){height:calc(470 * var(--ui-px, 1px))}.completed-page .draft-card-grid{grid-template-columns:repeat(auto-fill,minmax(calc(54 * var(--ui-px, 1px)),1fr));gap:calc(8 * var(--ui-px, 1px))}.completed-page .draft-card-grid>.card-preview-trigger{height:calc((100cqh - calc(24 * var(--ui-px, 1px))) / 4)}.completed-page .draft-card-grid .card-tile{padding:0}.completed-page .draft-card-grid .queued-card-image{width:min(100%,calc((25cqh - calc(6 * var(--ui-px, 1px))) * 421 / 614))}.completed-preview-content{flex:1;min-height:0;overflow:auto;scrollbar-width:auto}.completed-preview-content>.draft-card-grid{height:100%;padding-right:calc(20 * var(--ui-px, 1px));padding-bottom:calc(8 * var(--ui-px, 1px))}.completed-export-content{display:flex;flex:1;min-height:0;flex-direction:column;padding:calc(46 * var(--ui-px, 1px)) 0 0;overflow-y:auto;scrollbar-width:auto}.completed-mode{display:flex;flex-direction:column;gap:calc(8 * var(--ui-px, 1px))}.completed-mode,.completed-deck-selector{flex-shrink:0}.completed-deck-summary{display:flex;flex:1;min-height:min-content;flex-direction:column;justify-content:center;padding:calc(12 * var(--ui-px, 1px)) 0}.completed-deck-selector{display:flex;flex-direction:column;gap:calc(7 * var(--ui-px, 1px));margin-bottom:calc(14 * var(--ui-px, 1px));color:#e0cfea;font-size:calc(12 * var(--ui-px, 1px))}.completed-deck-selector select{width:100%;min-height:calc(38 * var(--ui-px, 1px));border:calc(1 * var(--ui-px, 1px)) solid var(--surface-line);border-radius:calc(10 * var(--ui-px, 1px));background:var(--surface-bg);-webkit-backdrop-filter:blur(var(--surface-blur));backdrop-filter:blur(var(--surface-blur));color:#fff;padding:calc(6 * var(--ui-px, 1px)) calc(10 * var(--ui-px, 1px));font:inherit;font-size:calc(14 * var(--ui-px, 1px))}.completed-deck-selector option{background:#23152f;color:#fff}.completed-deck-selector select:disabled{appearance:none;background-image:none;opacity:1;cursor:default;color:#fff;-webkit-text-fill-color:#fff}.completed-export-content:has(.completed-deck-selector) .completed-description{margin:calc(10 * var(--ui-px, 1px)) 0;font-size:calc(12 * var(--ui-px, 1px))}.completed-export-content:has(.completed-deck-selector){padding-top:calc(38 * var(--ui-px, 1px))}.completed-export-content:has(.completed-deck-selector) .completed-mode{flex-direction:row;align-items:baseline;gap:calc(8 * var(--ui-px, 1px))}.completed-export-content:has(.completed-deck-selector) .completed-mode strong{font-size:calc(17 * var(--ui-px, 1px))}.completed-export-content:has(.completed-deck-selector) .stats-row>div{padding:calc(6 * var(--ui-px, 1px)) calc(4 * var(--ui-px, 1px))}.completed-mode small{color:#ccb5de;font-size:calc(12 * var(--ui-px, 1px))}.completed-mode strong{font-size:calc(21 * var(--ui-px, 1px));font-weight:400;color:#fff}.completed-description{margin:calc(16 * var(--ui-px, 1px)) 0;color:#fff;font-size:calc(13 * var(--ui-px, 1px));line-height:1.7}.completed-page .stats-row{flex-shrink:0;width:100%;margin:0;border:0;border-radius:0;background:none}.completed-page .stats-row>div{padding:calc(10 * var(--ui-px, 1px)) calc(4 * var(--ui-px, 1px));background:none;border-right:calc(1 * var(--ui-px, 1px)) solid var(--surface-line)}.completed-page .stats-row>div:last-child{border:0}.completed-page .stats-row span{font-size:calc(12 * var(--ui-px, 1px));color:#e0cfea}.completed-page .stats-row strong{font-size:calc(27 * var(--ui-px, 1px));color:#d4acff;font-weight:400}.completed-page .result-actions{display:grid;flex-shrink:0;grid-template-columns:1fr;gap:calc(12 * var(--ui-px, 1px));margin:0;padding-top:calc(8 * var(--ui-px, 1px))}.completed-page .result-actions>:is(a,button){min-height:calc(44 * var(--ui-px, 1px));font-size:calc(15 * var(--ui-px, 1px));border-radius:calc(14 * var(--ui-px, 1px))}.completed-revealed{padding:calc(20 * var(--ui-px, 1px)) 0 0}.completed-revealed h3{font-size:calc(18 * var(--ui-px, 1px));font-weight:400}.completed-revealed .revealed-deck{margin-bottom:calc(16 * var(--ui-px, 1px));border-color:var(--surface-line);background:var(--surface-bg)}.completed-revealed .revealed-deck-heading{flex-wrap:wrap;background:none;border-color:var(--surface-line)}@media(min-width:1000px)and (max-height:740px){.completed-page .completed-scene-title{font-size:calc(34 * var(--ui-px, 1px))}}@media(max-width:700px){.completed-page .completed-layout{grid-template-columns:minmax(0,calc(640 * var(--ui-px, 1px)));row-gap:calc(64 * var(--ui-px, 1px))}.completed-page .completed-export-card{height:calc(470 * var(--ui-px, 1px));width:min(100%,calc(320 * var(--ui-px, 1px)));justify-self:center}}.draft-page .draft-layout>.current-pack-section{animation:setup-card-in-left .76s var(--card-slide-ease) .11s both}.draft-page .draft-layout>.draft-picked-card{animation:setup-card-in-right .76s var(--card-slide-ease) .17s both}.screen-join .form-card{animation:setup-card-in-right .76s var(--card-slide-ease) .11s both}.completed-page .completed-export-card{transition:transform .18s ease-out,border-color .26s ease,box-shadow .32s var(--ease)}.completed-page .completed-export-card:is(:hover,:focus-within){transform:translateY(calc(-4 * var(--ui-px, 1px))) scale(1.018)}*{scrollbar-width:auto;scrollbar-color:var(--scroll-thumb) transparent}*::-webkit-scrollbar{width:calc(14 * var(--ui-px, 1px));height:calc(14 * var(--ui-px, 1px))}*::-webkit-scrollbar-track{border:calc(4 * var(--ui-px, 1px)) solid transparent;border-radius:calc(999 * var(--ui-px, 1px));background:#b87cff0f;background-clip:padding-box;margin:calc(6 * var(--ui-px, 1px))}*::-webkit-scrollbar-thumb{border:calc(3 * var(--ui-px, 1px)) solid transparent;border-radius:calc(999 * var(--ui-px, 1px));background:var(--scroll-thumb);background-clip:padding-box;box-shadow:inset 0 0 calc(5 * var(--ui-px, 1px)) #e0bfff99,0 0 calc(6 * var(--ui-px, 1px)) #b87cff59}*::-webkit-scrollbar-thumb:hover{background-color:#cf9cff}*::-webkit-scrollbar-corner{background:transparent}@supports selector(::-webkit-scrollbar){*{scrollbar-color:auto}}:is(.pool-gallery-grid,.draft-card-grid,.picked-card-groups,.chat-message-list,.completed-export-content,.settings-fields,.mode-description),.lobby-players .lobby-card-body{scrollbar-gutter:stable}.completed-preview-content{overflow:hidden}.pool-preview-footer .pool-toolbar-filters{align-items:flex-start;padding-bottom:calc(18 * var(--ui-px, 1px));margin-bottom:0;overflow-y:hidden}.pool-preview-footer .pool-toolbar-filters::-webkit-scrollbar-button{display:none;width:0;height:0}@media(prefers-reduced-motion:reduce){.draft-page .draft-layout>:is(.current-pack-section,.draft-picked-card),.screen-join .form-card{animation:none}.completed-page .completed-export-card{transition:none}.completed-page .completed-export-card:is(:hover,:focus-within){transform:none}}@media(max-width:600px){.topbar,.screen-home .topbar{position:fixed;inset:0 0 auto;min-height:calc(60 * var(--ui-px, 1px));padding:calc(6 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px));gap:calc(8 * var(--ui-px, 1px))}.brand{gap:calc(6 * var(--ui-px, 1px))}.brand>img{width:calc(36 * var(--ui-px, 1px));height:calc(36 * var(--ui-px, 1px))}.brand-copy small{font-size:calc(6 * var(--ui-px, 1px));letter-spacing:.1em}.brand-copy strong{font-size:calc(14 * var(--ui-px, 1px))}.topbar-actions{gap:calc(5 * var(--ui-px, 1px))}.room-chip{display:inline-block;font-size:calc(10 * var(--ui-px, 1px));padding:calc(5 * var(--ui-px, 1px)) calc(7 * var(--ui-px, 1px));white-space:nowrap}.header-navigation{gap:calc(8 * var(--ui-px, 1px))}.header-dissolve{padding-left:calc(8 * var(--ui-px, 1px));font-size:calc(11 * var(--ui-px, 1px));white-space:nowrap}.page{width:calc(100% - calc(40 * var(--ui-px, 1px)))}.scene-title-english{font-size:calc(11 * var(--ui-px, 1px))}.tool-home{height:100dvh;min-height:0;padding:calc(84 * var(--ui-px, 1px)) 0 max(calc(20 * var(--ui-px, 1px)),env(safe-area-inset-bottom));gap:calc(24 * var(--ui-px, 1px))}.tool-home:before{display:none}.tool-home__heading{position:relative;top:auto;flex-shrink:0}.tool-home__heading h1{margin:0;font-size:calc(34 * var(--ui-px, 1px))}.tool-home__heading .eyebrow{font-size:calc(12 * var(--ui-px, 1px))}.tool-home__cards{flex:1;min-height:0;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:calc(16 * var(--ui-px, 1px));translate:none}.tool-home .choice-card{width:100%;height:100%;min-height:0;border-radius:calc(20 * var(--ui-px, 1px))}.choice-card__visual img{object-position:50% 42%}.choice-card__copy{left:calc(20 * var(--ui-px, 1px));right:calc(20 * var(--ui-px, 1px));bottom:calc(18 * var(--ui-px, 1px))}.choice-card__copy strong{font-size:calc(28 * var(--ui-px, 1px))}.choice-card__english{font-size:calc(18 * var(--ui-px, 1px))}.choice-card__number{font-size:calc(10 * var(--ui-px, 1px));margin-bottom:calc(5 * var(--ui-px, 1px))}.choice-card__rule{margin:calc(8 * var(--ui-px, 1px)) 0;width:calc(48 * var(--ui-px, 1px))}.choice-card__copy small{font-size:calc(12 * var(--ui-px, 1px))}.create-room-page{display:flex;flex-direction:column;height:100dvh;padding:calc(80 * var(--ui-px, 1px)) 0 max(calc(12 * var(--ui-px, 1px)),env(safe-area-inset-bottom))}.create-room-page>.page-title{flex-shrink:0;margin:0;font-size:calc(30 * var(--ui-px, 1px));line-height:1.2}.room-setup{flex:1;min-height:0;width:100%;grid-template-columns:1fr;grid-template-rows:minmax(calc(125 * var(--ui-px, 1px)),.8fr) minmax(calc(218 * var(--ui-px, 1px)),1.2fr) calc(44 * var(--ui-px, 1px));gap:calc(25 * var(--ui-px, 1px));margin-top:calc(26 * var(--ui-px, 1px));perspective:none}.room-setup>:is(.mode-card,.settings-card){height:auto;min-height:0;width:100%;border-radius:calc(18 * var(--ui-px, 1px))}.setup-card-heading{top:calc(-17 * var(--ui-px, 1px));left:calc(-8 * var(--ui-px, 1px))}.setup-card-heading h2{font-size:calc(23 * var(--ui-px, 1px))}.setup-card-heading>span{font-size:calc(16 * var(--ui-px, 1px))}.setup-card-heading small{display:none}.mode-card{padding:calc(12 * var(--ui-px, 1px)) calc(14 * var(--ui-px, 1px))}.mode-card-art:is([data-mode=pack_selection],[data-mode=pack_passing]) img{object-position:50% 25%}.mode-card-title{top:calc(6 * var(--ui-px, 1px))}.mode-card-number{top:calc(-21 * var(--ui-px, 1px));font-size:calc(10 * var(--ui-px, 1px))}.mode-arrow{width:calc(38 * var(--ui-px, 1px));height:calc(38 * var(--ui-px, 1px));top:calc(50% - calc(19 * var(--ui-px, 1px)))}.mode-arrow--prev{left:calc(-16 * var(--ui-px, 1px))}.mode-arrow--next{right:calc(-16 * var(--ui-px, 1px))}.mode-description-wrap{margin-top:auto}.mode-description-heading{padding:calc(4 * var(--ui-px, 1px)) calc(8 * var(--ui-px, 1px));margin-bottom:calc(5 * var(--ui-px, 1px));gap:calc(8 * var(--ui-px, 1px))}.mode-description-heading h3{font-size:calc(16 * var(--ui-px, 1px))}.mode-description-heading h4{font-size:calc(11 * var(--ui-px, 1px))}.mode-description{min-height:0;max-height:none;overflow:visible;font-size:calc(11 * var(--ui-px, 1px));line-height:1.45;padding:calc(7 * var(--ui-px, 1px)) calc(9 * var(--ui-px, 1px));border-radius:calc(12 * var(--ui-px, 1px))}.settings-card{padding:calc(44 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px))}.settings-fields{gap:clamp(calc(6 * var(--ui-px, 1px)),1.3dvh,calc(12 * var(--ui-px, 1px))) calc(9 * var(--ui-px, 1px));overflow:visible;scrollbar-gutter:auto;grid-template-rows:repeat(4,calc(52 * var(--ui-px, 1px)));align-content:center}.settings-fields .field{gap:calc(3 * var(--ui-px, 1px));align-content:start}.settings-fields .field>span{font-size:calc(11 * var(--ui-px, 1px))}.settings-fields input,.settings-fields select,.number-stepper{height:calc(32 * var(--ui-px, 1px));padding:calc(4 * var(--ui-px, 1px)) calc(6 * var(--ui-px, 1px));font-size:calc(12 * var(--ui-px, 1px));border-radius:calc(8 * var(--ui-px, 1px))}.settings-fields .number-stepper input{height:100%}.settings-fields .number-stepper input{min-width:0;font-size:16px;user-select:text;-webkit-user-select:text;touch-action:manipulation;caret-color:#faf3ff}.number-stepper__buttons button{width:calc(24 * var(--ui-px, 1px));height:calc(26 * var(--ui-px, 1px))}.random-mode-summary{grid-row:2 / span 3;font-size:calc(12 * var(--ui-px, 1px));line-height:1.5}.random-mode-summary strong{font-size:calc(21 * var(--ui-px, 1px))}.random-mode-summary p{margin:calc(6 * var(--ui-px, 1px)) 0}.room-setup>.create-confirm{position:static;grid-column:auto;flex-direction:row;gap:calc(12 * var(--ui-px, 1px));padding:0}.create-confirm>span{font-size:calc(18 * var(--ui-px, 1px))}.create-confirm button{width:calc(44 * var(--ui-px, 1px));height:calc(44 * var(--ui-px, 1px))}.round-arrow-icon{width:calc(24 * var(--ui-px, 1px));height:calc(24 * var(--ui-px, 1px))}.screen-join .page{padding:calc(86 * var(--ui-px, 1px)) 0 calc(20 * var(--ui-px, 1px))}.screen-join .page-title{font-size:calc(32 * var(--ui-px, 1px));margin:calc(36 * var(--ui-px, 1px)) 0 calc(24 * var(--ui-px, 1px));text-align:center}.screen-join .form-card{padding:calc(22 * var(--ui-px, 1px)) calc(18 * var(--ui-px, 1px));gap:calc(20 * var(--ui-px, 1px))}.screen-join .field input{min-height:calc(44 * var(--ui-px, 1px));padding:calc(12 * var(--ui-px, 1px));font-size:calc(16 * var(--ui-px, 1px))}.lobby-page{padding:calc(90 * var(--ui-px, 1px)) 0 calc(110 * var(--ui-px, 1px))}.lobby-page .lobby-cards{perspective:none}.lobby-page .lobby-card{isolation:isolate;transform-style:flat;animation-fill-mode:backwards;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.lobby-page .lobby-card:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--surface-bg);backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));pointer-events:none}.lobby-page>.page-title{font-size:calc(30 * var(--ui-px, 1px))}.lobby-page--solo{padding-top:calc(82 * var(--ui-px, 1px))}.lobby-page--solo>.page-title{text-align:center;font-size:calc(22 * var(--ui-px, 1px));line-height:1.2}.lobby-page--solo>.page-title .scene-title-english{font-size:calc(10 * var(--ui-px, 1px))}.lobby-page--solo .lobby-cards{margin-top:calc(28 * var(--ui-px, 1px))}.lobby-page--solo .lobby-info{height:calc(162 * var(--ui-px, 1px))}.lobby-page--solo .lobby-mode-art{height:calc(100 * var(--ui-px, 1px))}.lobby-page--solo .lobby-info>.lobby-card-body{top:calc(112 * var(--ui-px, 1px));bottom:calc(10 * var(--ui-px, 1px));overflow:visible}.lobby-page--solo .lobby-info-caption{font-size:calc(12 * var(--ui-px, 1px));line-height:calc(16 * var(--ui-px, 1px));margin-bottom:calc(4 * var(--ui-px, 1px))}.lobby-page--solo .lobby-info .heading-actions{margin:0}.lobby-page--solo .lobby-settings-empty{display:block;color:#d8c7e5;font-size:calc(12 * var(--ui-px, 1px));line-height:calc(16 * var(--ui-px, 1px))}.lobby-cards,.lobby-page--solo .lobby-cards{grid-template-columns:minmax(0,1fr);margin-top:calc(38 * var(--ui-px, 1px));gap:calc(40 * var(--ui-px, 1px))}.lobby-page:not(.lobby-page--solo){padding-top:calc(82 * var(--ui-px, 1px))}.lobby-page:not(.lobby-page--solo)>.page-title{text-align:center;font-size:calc(22 * var(--ui-px, 1px));line-height:1.2}.lobby-page:not(.lobby-page--solo)>.page-title .scene-title-english{font-size:calc(10 * var(--ui-px, 1px))}.lobby-page:not(.lobby-page--solo) .lobby-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(38 * var(--ui-px, 1px)) calc(14 * var(--ui-px, 1px));margin-top:calc(28 * var(--ui-px, 1px))}.lobby-page:not(.lobby-page--solo) :is(.lobby-info,.lobby-players){height:calc(260 * var(--ui-px, 1px));border-radius:calc(18 * var(--ui-px, 1px));overflow:visible}.lobby-page:not(.lobby-page--solo) .lobby-card>.setup-card-heading{display:block;visibility:visible;opacity:1;z-index:3}.lobby-page:not(.lobby-page--solo) :is(.lobby-pool,.lobby-start){grid-column:1 / -1}.lobby-page:not(.lobby-page--solo) .lobby-mode-art{inset:0 0 auto;width:100%;height:calc(64 * var(--ui-px, 1px));border-radius:calc(17 * var(--ui-px, 1px)) calc(17 * var(--ui-px, 1px)) 0 0}.lobby-page:not(.lobby-page--solo) .lobby-mode-art img{object-position:50% 20%}.lobby-page:not(.lobby-page--solo) .lobby-mode-label{left:calc(5 * var(--ui-px, 1px));right:calc(5 * var(--ui-px, 1px));bottom:calc(8 * var(--ui-px, 1px));padding:calc(4 * var(--ui-px, 1px))}.lobby-page:not(.lobby-page--solo) .lobby-mode-label h3{font-size:calc(10 * var(--ui-px, 1px));line-height:1.4}.lobby-page:not(.lobby-page--solo) .lobby-info>.lobby-card-body{inset:calc(74 * var(--ui-px, 1px)) calc(9 * var(--ui-px, 1px)) calc(116 * var(--ui-px, 1px));padding:0;overflow:visible;display:flex;flex-direction:column}.lobby-page:not(.lobby-page--solo) .lobby-info-caption{font-size:calc(10 * var(--ui-px, 1px));line-height:calc(14 * var(--ui-px, 1px));margin:0 0 calc(6 * var(--ui-px, 1px))}.lobby-page:not(.lobby-page--solo) .lobby-info .heading-actions{flex:1;margin:0;gap:calc(4 * var(--ui-px, 1px));justify-content:center;align-content:center}.lobby-page:not(.lobby-page--solo) .lobby-info .mode-badge{padding:calc(3 * var(--ui-px, 1px)) calc(5 * var(--ui-px, 1px));font-size:calc(9 * var(--ui-px, 1px));line-height:1.3}.lobby-page:not(.lobby-page--solo) .lobby-info>.invite-panel{inset:auto calc(9 * var(--ui-px, 1px)) calc(10 * var(--ui-px, 1px));height:calc(96 * var(--ui-px, 1px));grid-template-columns:calc(52 * var(--ui-px, 1px)) minmax(0,1fr);grid-template-rows:calc(20 * var(--ui-px, 1px)) calc(70 * var(--ui-px, 1px));gap:calc(6 * var(--ui-px, 1px))}.lobby-page:not(.lobby-page--solo) .lobby-info .qr-frame{grid-column:1;grid-row:2;width:calc(52 * var(--ui-px, 1px));height:calc(52 * var(--ui-px, 1px));padding:calc(3 * var(--ui-px, 1px));align-self:center;border-radius:calc(8 * var(--ui-px, 1px))}.lobby-page:not(.lobby-page--solo) .lobby-info .invite-code{grid-column:1 / -1;grid-row:1;align-self:center;font-size:calc(17 * var(--ui-px, 1px));letter-spacing:.06em;white-space:nowrap}.lobby-page:not(.lobby-page--solo) .lobby-info .invite-code:before{display:inline;font-size:calc(9 * var(--ui-px, 1px));margin-right:calc(5 * var(--ui-px, 1px))}.lobby-page:not(.lobby-page--solo) .lobby-info .invite-actions{grid-column:2;grid-row:2;grid-template-columns:1fr;grid-template-rows:calc(32 * var(--ui-px, 1px));gap:calc(6 * var(--ui-px, 1px));align-self:center}.lobby-page:not(.lobby-page--solo) .lobby-info .invite-actions button{height:calc(32 * var(--ui-px, 1px));min-height:calc(32 * var(--ui-px, 1px));padding:calc(4 * var(--ui-px, 1px)) calc(2 * var(--ui-px, 1px));font-size:calc(10 * var(--ui-px, 1px));border-radius:calc(9 * var(--ui-px, 1px))}.lobby-page:not(.lobby-page--solo) .lobby-info:is(:hover,:focus-within){transform:none}.lobby-page:not(.lobby-page--solo) .lobby-players>.lobby-card-body{inset:calc(68 * var(--ui-px, 1px)) calc(8 * var(--ui-px, 1px)) calc(64 * var(--ui-px, 1px));padding:0}.lobby-page:not(.lobby-page--solo) .lobby-seat-count{top:calc(40 * var(--ui-px, 1px));left:calc(9 * var(--ui-px, 1px));right:auto;font-size:calc(12 * var(--ui-px, 1px))}.lobby-page:not(.lobby-page--solo) .lobby-players .player-list{gap:calc(6 * var(--ui-px, 1px));grid-auto-rows:minmax(calc(32 * var(--ui-px, 1px)),auto)}.lobby-page:not(.lobby-page--solo) .lobby-players .player-row{min-height:calc(32 * var(--ui-px, 1px));padding:calc(5 * var(--ui-px, 1px));gap:calc(4 * var(--ui-px, 1px));font-size:calc(10 * var(--ui-px, 1px))}.lobby-page:not(.lobby-page--solo) .lobby-players .seat{width:calc(10 * var(--ui-px, 1px))}.lobby-page:not(.lobby-page--solo) .lobby-players .status-dot{width:calc(6 * var(--ui-px, 1px));height:calc(6 * var(--ui-px, 1px));flex-shrink:0}.lobby-page:not(.lobby-page--solo) .lobby-players .seat-remove{width:calc(22 * var(--ui-px, 1px));height:calc(22 * var(--ui-px, 1px))}.lobby-page:not(.lobby-page--solo) .lobby-add-bot{display:block;visibility:visible;opacity:1;z-index:2;left:calc(8 * var(--ui-px, 1px));right:calc(8 * var(--ui-px, 1px));bottom:calc(12 * var(--ui-px, 1px));width:calc(100% - calc(16 * var(--ui-px, 1px)));height:calc(38 * var(--ui-px, 1px));min-height:calc(38 * var(--ui-px, 1px));padding:calc(4 * var(--ui-px, 1px));font-size:calc(11 * var(--ui-px, 1px))}.lobby-card{min-width:0}.lobby-pool{height:calc(650 * var(--ui-px, 1px))}.lobby-pool>.pool-workspace{inset:calc(40 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px)) calc(14 * var(--ui-px, 1px));grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:calc(16 * var(--ui-px, 1px));overflow:hidden}.lobby-pool .pool-source-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(14 * var(--ui-px, 1px));min-height:calc(150 * var(--ui-px, 1px));overflow:visible}.lobby-pool .pool-source-column>.pool-divider{display:none}.lobby-pool .pool-source-column>.center-muted{grid-column:1 / -1;align-self:center}.lobby-pool .pool-source-column>.default-pool-card{padding:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto calc(38 * var(--ui-px, 1px)) auto;justify-content:stretch;align-content:start;gap:calc(8 * var(--ui-px, 1px))}.lobby-pool .default-pool-card .pool-lock-toolbar{width:100%}.lobby-pool .default-pool-card .pool-lock-toolbar>.primary.wide{height:calc(38 * var(--ui-px, 1px));min-height:calc(38 * var(--ui-px, 1px));padding:calc(5 * var(--ui-px, 1px));font-size:calc(11 * var(--ui-px, 1px))}.lobby-pool .default-pool-card .confirmed-box{margin:0;padding:0;border:0;background:none}.lobby-pool .default-pool-card .confirmed-box strong{display:none}.lobby-pool .default-pool-card .confirmed-box .secondary{width:100%;height:calc(38 * var(--ui-px, 1px));min-height:calc(38 * var(--ui-px, 1px));margin:0;font-size:calc(11 * var(--ui-px, 1px))}.lobby-pool .default-pool-card .eyebrow{font-size:calc(9 * var(--ui-px, 1px));line-height:1.5}.lobby-pool .default-pool-card h3{font-size:calc(15 * var(--ui-px, 1px));line-height:1.3;margin:calc(5 * var(--ui-px, 1px)) 0}.lobby-pool .default-pool-card p{display:none}.lobby-pool .default-pool-card .primary{width:100%;height:calc(38 * var(--ui-px, 1px));min-height:calc(38 * var(--ui-px, 1px));padding:calc(5 * var(--ui-px, 1px)) calc(2 * var(--ui-px, 1px));font-size:calc(10 * var(--ui-px, 1px))}.lobby-pool .default-pool-card .primary.is-loaded:not(:disabled){color:#dcc9ed;background:var(--surface-bg);border-color:var(--surface-line);box-shadow:none;filter:none}.lobby-pool .pool-source-column>.upload-card{padding:0;min-width:0}.lobby-pool .upload-card h3{font-size:calc(15 * var(--ui-px, 1px));line-height:1.3}.lobby-pool .upload-card p{font-size:calc(10 * var(--ui-px, 1px));line-height:1.5}.lobby-pool .upload-card .drop-zone{flex:0 0 calc(56 * var(--ui-px, 1px));height:calc(56 * var(--ui-px, 1px));min-height:calc(56 * var(--ui-px, 1px));gap:calc(5 * var(--ui-px, 1px));padding:calc(6 * var(--ui-px, 1px)) calc(3 * var(--ui-px, 1px))}.lobby-pool .drop-zone strong{font-size:calc(10 * var(--ui-px, 1px))}.lobby-pool .drop-zone small{font-size:calc(9 * var(--ui-px, 1px))}.lobby-pool .upload-count{margin-top:calc(5 * var(--ui-px, 1px));font-size:calc(9 * var(--ui-px, 1px))}.lobby-pool .pool-preview-column{min-height:0;grid-template-rows:auto minmax(0,1fr);border-top:calc(1 * var(--ui-px, 1px)) solid rgba(184,124,255,.4);padding-top:calc(12 * var(--ui-px, 1px))}.lobby-pool .pool-preview-footer{grid-row:1;grid-template-columns:auto minmax(0,1fr);gap:calc(8 * var(--ui-px, 1px));align-items:start}.lobby-pool .pool-preview-footer .pool-total-count{display:flex;align-items:center;min-height:calc(28 * var(--ui-px, 1px));white-space:nowrap}.lobby-pool .pool-preview-footer .pool-toolbar-filters{grid-column:2;grid-row:1;min-width:0;padding-bottom:calc(14 * var(--ui-px, 1px));align-items:center}.lobby-pool .pool-preview-footer .pool-toolbar-filters button{height:calc(28 * var(--ui-px, 1px));min-height:calc(28 * var(--ui-px, 1px));padding:calc(4 * var(--ui-px, 1px))}.lobby-pool .pool-preview-frame{grid-row:2}.lobby-pool:has(.pool-preview-empty){height:auto;min-height:0}.lobby-page:has(.pool-preview-empty){padding-bottom:calc(82 * var(--ui-px, 1px))}.lobby-pool:has(.pool-preview-empty) .pool-source-column{min-height:calc(140 * var(--ui-px, 1px))}.lobby-pool:has(.pool-preview-empty)>.pool-workspace{position:relative;inset:auto;margin:calc(40 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px)) calc(14 * var(--ui-px, 1px));grid-template-rows:auto auto}.lobby-pool:has(.pool-preview-empty) .pool-preview-frame{position:relative;top:calc(-8 * var(--ui-px, 1px));min-height:calc(50 * var(--ui-px, 1px))}.lobby-pool:has(.pool-preview-empty) .pool-preview-empty{min-height:calc(50 * var(--ui-px, 1px));padding:calc(6 * var(--ui-px, 1px)) calc(8 * var(--ui-px, 1px))}.lobby-pool:has(.pool-preview-empty) .pool-preview-empty strong{font-size:calc(16 * var(--ui-px, 1px))}.lobby-pool:has(.pool-preview-empty) .pool-preview-empty p{margin:calc(4 * var(--ui-px, 1px)) 0 0;font-size:calc(10 * var(--ui-px, 1px));line-height:1.4}.lobby-start{position:static;grid-column:1;display:grid;grid-template-columns:auto auto calc(44 * var(--ui-px, 1px));justify-content:center;min-height:0;width:100%;padding:0;margin-top:calc(-16 * var(--ui-px, 1px));gap:calc(12 * var(--ui-px, 1px));align-items:center}.lobby-start>span{grid-column:2;grid-row:1}.lobby-start>button{grid-column:3;grid-row:1}.lobby-start .lobby-start-hints{position:static;grid-column:1;grid-row:1;display:grid;gap:calc(4 * var(--ui-px, 1px));margin:0;text-align:left;font-size:calc(11 * var(--ui-px, 1px))}.draft-page:not(.completed-page){padding:calc(96 * var(--ui-px, 1px)) 0 calc(100 * var(--ui-px, 1px))}.draft-page .draft-scene-spacer{font-size:calc(24 * var(--ui-px, 1px))}.draft-page .draft-scene-heading{padding-top:calc(25 * var(--ui-px, 1px))}.draft-page .draft-scene-info{margin-top:calc(20 * var(--ui-px, 1px))}.draft-page .draft-scene-info .draft-status{padding:calc(8 * var(--ui-px, 1px));gap:calc(6 * var(--ui-px, 1px)) calc(12 * var(--ui-px, 1px))}.draft-page .draft-scene-info .draft-status strong{font-size:calc(13 * var(--ui-px, 1px))}.draft-page .draft-scene-info .draft-status small{font-size:calc(10 * var(--ui-px, 1px))}.draft-page .draft-layout{grid-template-columns:minmax(0,1fr);margin-top:calc(40 * var(--ui-px, 1px));row-gap:calc(40 * var(--ui-px, 1px))}.draft-page .draft-card-title{left:calc(-8 * var(--ui-px, 1px));top:calc(-18 * var(--ui-px, 1px))}.draft-page .draft-card-title h2{font-size:calc(24 * var(--ui-px, 1px))}.draft-page .draft-card-title>span{font-size:calc(18 * var(--ui-px, 1px))}.draft-page .draft-pack-heading>.draft-pack-count{font-size:calc(24 * var(--ui-px, 1px));top:calc(-17 * var(--ui-px, 1px));right:calc(12 * var(--ui-px, 1px))}.draft-page .draft-pack-heading{min-height:calc(56 * var(--ui-px, 1px));padding-top:calc(20 * var(--ui-px, 1px))}.draft-pick-prompt{top:calc(34 * var(--ui-px, 1px));left:calc(10 * var(--ui-px, 1px));right:calc(10 * var(--ui-px, 1px));font-size:calc(12 * var(--ui-px, 1px))}.draft-page .picked-cards-heading{padding-top:calc(24 * var(--ui-px, 1px))}.draft-page .draft-card-grid{padding-right:calc(12 * var(--ui-px, 1px))}.mobile-card-columns{margin:0 0 calc(10 * var(--ui-px, 1px))}.draft-page .picked-heading-actions{max-width:100%}.draft-page:not(.completed-page){padding-top:calc(82 * var(--ui-px, 1px))}.draft-page:not(.completed-page) .draft-scene-heading{height:auto;padding-top:0}.draft-page:not(.completed-page) .draft-scene-spacer{position:relative;top:auto;bottom:auto;font-size:calc(22 * var(--ui-px, 1px));line-height:1.2}.draft-page:not(.completed-page) .draft-scene-spacer .scene-title-english{font-size:calc(10 * var(--ui-px, 1px))}.draft-page:not(.completed-page) .draft-scene-info{margin-top:calc(16 * var(--ui-px, 1px))}.draft-page:not(.completed-page) .draft-layout{margin-top:calc(32 * var(--ui-px, 1px))}.draft-page:not(.completed-page) .draft-pack-heading{min-height:calc(36 * var(--ui-px, 1px));padding-top:0;margin-bottom:calc(8 * var(--ui-px, 1px))}.draft-page:not(.completed-page) .draft-pick-prompt{top:calc(24 * var(--ui-px, 1px));left:auto;right:calc(12 * var(--ui-px, 1px));font-size:calc(11 * var(--ui-px, 1px));text-align:right}.draft-page:not(.completed-page) .mobile-card-columns{flex-shrink:0;gap:calc(5 * var(--ui-px, 1px));min-height:calc(30 * var(--ui-px, 1px));margin:0 0 calc(6 * var(--ui-px, 1px))}.draft-page:not(.completed-page) .mobile-card-columns>span{margin-right:calc(3 * var(--ui-px, 1px));color:#cfbddd;font-size:calc(10 * var(--ui-px, 1px))}.draft-page:not(.completed-page) .mobile-card-columns button{min-width:calc(34 * var(--ui-px, 1px));min-height:calc(28 * var(--ui-px, 1px));height:calc(28 * var(--ui-px, 1px));padding:calc(3 * var(--ui-px, 1px)) calc(8 * var(--ui-px, 1px));border:calc(1 * var(--ui-px, 1px)) solid var(--surface-line);border-radius:calc(999 * var(--ui-px, 1px));background:var(--surface-bg);color:#cbb5de;font-size:calc(11 * var(--ui-px, 1px));font-weight:400}.draft-page:not(.completed-page) .mobile-card-columns button.active{background:#b87cff33;color:#f8efff;border-color:#ca9ff5a6;box-shadow:0 0 calc(10 * var(--ui-px, 1px)) #b87cff1a}.draft-page:not(.completed-page) .mobile-card-columns button:focus-visible{outline:calc(2 * var(--ui-px, 1px)) solid #d4acff;outline-offset:calc(2 * var(--ui-px, 1px))}.draft-page:not(.completed-page) .draft-card-grid{grid-auto-rows:max-content;gap:calc(10 * var(--ui-px, 1px)) calc(6 * var(--ui-px, 1px));padding:calc(2 * var(--ui-px, 1px)) calc(8 * var(--ui-px, 1px)) calc(8 * var(--ui-px, 1px)) calc(2 * var(--ui-px, 1px))}.draft-page:not(.completed-page) .current-pack-section{height:auto}.draft-page:not(.completed-page) .draft-card-grid{flex:0 0 auto;height:var(--mobile-two-row-height,calc(240 * var(--ui-px, 1px)))}.draft-page:not(.completed-page) .current-pack-section>.empty-state{min-height:calc(100 * var(--ui-px, 1px))}.draft-page:not(.completed-page) .draft-card-grid>.card-preview-trigger{height:auto}.draft-page:not(.completed-page) .draft-card-grid .card-tile{height:auto;padding:0}.draft-page:not(.completed-page) .draft-card-grid .queued-card-image,.draft-page:not(.completed-page) .draft-card-grid .card-placeholder{flex:none;width:100%;height:auto;aspect-ratio:421 / 614}.draft-page:not(.completed-page) .draft-card-grid .card-tile>span{flex:0 0 calc(32 * var(--ui-px, 1px));height:calc(32 * var(--ui-px, 1px));min-height:calc(32 * var(--ui-px, 1px));padding:calc(3 * var(--ui-px, 1px)) calc(2 * var(--ui-px, 1px));font-size:clamp(calc(8 * var(--ui-px, 1px)),2.3vw,calc(10 * var(--ui-px, 1px)));line-height:1.2}.completed-page{display:flex;flex-direction:column;height:100dvh;padding:calc(82 * var(--ui-px, 1px)) 0 max(calc(12 * var(--ui-px, 1px)),env(safe-area-inset-bottom))}.completed-page .completed-scene-title{font-size:calc(30 * var(--ui-px, 1px));line-height:1.2;flex-shrink:0}.completed-page .completed-layout{flex:1;min-height:0;width:100%;grid-template-rows:minmax(calc(140 * var(--ui-px, 1px)),1fr) auto;margin-top:calc(30 * var(--ui-px, 1px));row-gap:calc(30 * var(--ui-px, 1px))}.completed-page :is(.completed-deck-card,.completed-export-card){width:100%;height:auto;min-height:0;padding:calc(12 * var(--ui-px, 1px));border-radius:calc(20 * var(--ui-px, 1px))}.completed-page .completed-deck-card .section-heading{min-height:calc(28 * var(--ui-px, 1px));margin-bottom:calc(8 * var(--ui-px, 1px));padding:0}.completed-page .draft-card-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:calc(5 * var(--ui-px, 1px));padding:0 calc(14 * var(--ui-px, 1px)) 0 0}.completed-page .draft-card-grid>.card-preview-trigger{height:calc((100cqh - calc(15 * var(--ui-px, 1px))) / 4)}.completed-page .draft-card-grid .card-tile{align-items:center}.completed-page .draft-card-grid .queued-card-image{flex:none;height:auto;max-height:100%;aspect-ratio:421 / 614;width:min(100%,calc((25cqh - calc(3.75 * var(--ui-px, 1px))) * 421 / 614))}.completed-export-content,.completed-export-content:has(.completed-deck-selector){flex:none;padding:calc(27 * var(--ui-px, 1px)) 0 0;overflow:visible;gap:calc(8 * var(--ui-px, 1px));scrollbar-gutter:auto}.completed-deck-selector{display:grid;grid-template-columns:calc(58 * var(--ui-px, 1px)) minmax(0,1fr);align-items:center;margin:0;gap:calc(6 * var(--ui-px, 1px));font-size:calc(11 * var(--ui-px, 1px))}.completed-deck-selector select{min-height:calc(34 * var(--ui-px, 1px));font-size:calc(13 * var(--ui-px, 1px))}.completed-mode,.completed-export-content:has(.completed-deck-selector) .completed-mode{flex-direction:row;align-items:baseline;gap:calc(8 * var(--ui-px, 1px))}.completed-mode small{font-size:calc(11 * var(--ui-px, 1px))}.completed-mode strong,.completed-export-content:has(.completed-deck-selector) .completed-mode strong{font-size:calc(16 * var(--ui-px, 1px))}.completed-deck-summary{padding:0;gap:calc(6 * var(--ui-px, 1px))}.completed-description,.completed-export-content:has(.completed-deck-selector) .completed-description{margin:0;font-size:calc(11 * var(--ui-px, 1px));line-height:1.4}.completed-page .stats-row>div,.completed-export-content:has(.completed-deck-selector) .stats-row>div{padding:calc(2 * var(--ui-px, 1px)) calc(4 * var(--ui-px, 1px))}.completed-page .stats-row span{font-size:calc(10 * var(--ui-px, 1px))}.completed-page .stats-row strong{font-size:calc(22 * var(--ui-px, 1px))}.completed-page .result-actions{grid-template-columns:1fr 1fr;padding:0;gap:calc(8 * var(--ui-px, 1px))}.completed-page .result-actions>:is(a,button){min-height:calc(38 * var(--ui-px, 1px));font-size:calc(14 * var(--ui-px, 1px));border-radius:calc(10 * var(--ui-px, 1px))}.completed-page .completed-export-card:is(:hover,:focus-within),.tool-home .choice-card:is(:hover,:focus-visible),.mode-card:is(:hover,:focus-within){transform:none}.room-chat.chat-card{bottom:max(calc(10 * var(--ui-px, 1px)),env(safe-area-inset-bottom));width:calc(100vw - calc(24 * var(--ui-px, 1px)))}}@media(max-width:600px)and (max-height:700px){.room-setup{gap:calc(20 * var(--ui-px, 1px));margin-top:calc(23 * var(--ui-px, 1px));grid-template-rows:minmax(calc(118 * var(--ui-px, 1px)),.7fr) minmax(calc(216 * var(--ui-px, 1px)),1.3fr) calc(40 * var(--ui-px, 1px))}.room-setup .create-confirm button{width:calc(40 * var(--ui-px, 1px));height:calc(40 * var(--ui-px, 1px))}.settings-card{padding-top:calc(40 * var(--ui-px, 1px));padding-bottom:calc(10 * var(--ui-px, 1px))}.mode-description{font-size:calc(10 * var(--ui-px, 1px));padding:calc(5 * var(--ui-px, 1px)) calc(7 * var(--ui-px, 1px))}.mode-description-heading{margin-bottom:calc(3 * var(--ui-px, 1px));padding:calc(3 * var(--ui-px, 1px)) calc(6 * var(--ui-px, 1px))}.completed-page .completed-layout{margin-top:calc(26 * var(--ui-px, 1px));row-gap:calc(26 * var(--ui-px, 1px))}.completed-export-content,.completed-export-content:has(.completed-deck-selector){gap:calc(5 * var(--ui-px, 1px));padding-top:calc(24 * var(--ui-px, 1px))}}@media(max-width:600px)and (max-height:600px){.settings-card{padding-top:calc(36 * var(--ui-px, 1px));padding-bottom:calc(4 * var(--ui-px, 1px))}.settings-fields{grid-template-rows:repeat(4,calc(41 * var(--ui-px, 1px)));row-gap:calc(4 * var(--ui-px, 1px))}.settings-fields .field{gap:calc(2 * var(--ui-px, 1px))}.settings-fields .field>span{font-size:calc(10 * var(--ui-px, 1px));line-height:1.1}.settings-fields input,.settings-fields select,.settings-fields .number-stepper{height:calc(28 * var(--ui-px, 1px))}.settings-fields .number-stepper input{height:100%}.number-stepper__buttons button{height:calc(23 * var(--ui-px, 1px))}}@media(max-width:360px){.topbar{padding-right:calc(8 * var(--ui-px, 1px));padding-left:calc(8 * var(--ui-px, 1px));gap:calc(6 * var(--ui-px, 1px))}.brand>img{width:calc(30 * var(--ui-px, 1px));height:calc(30 * var(--ui-px, 1px))}.brand-copy strong{font-size:calc(12 * var(--ui-px, 1px))}.header-navigation{gap:calc(6 * var(--ui-px, 1px))}.header-dissolve{font-size:calc(10 * var(--ui-px, 1px));padding-left:calc(6 * var(--ui-px, 1px))}.room-chip{padding:calc(4 * var(--ui-px, 1px)) calc(5 * var(--ui-px, 1px));font-size:calc(9 * var(--ui-px, 1px))}.topbar-actions{gap:calc(4 * var(--ui-px, 1px))}}@media(min-width:861px){.lobby-page:not(.lobby-page--solo) .lobby-info>.lobby-card-body{display:flex;flex-direction:column}.lobby-page:not(.lobby-page--solo) .lobby-info-caption{flex-shrink:0}.lobby-page:not(.lobby-page--solo) .lobby-info .heading-actions{flex:1;margin:0;justify-content:center;align-content:center}.pool-preview-footer .pool-total-count{display:flex;align-items:center;align-self:start;min-height:calc(28 * var(--ui-px, 1px))}.pool-preview-footer .pool-toolbar-filters button{height:calc(28 * var(--ui-px, 1px));min-height:calc(28 * var(--ui-px, 1px))}}.card-preview-overlay.pinned{display:grid;place-items:center;padding:calc(calc(62 * var(--ui-px, 1px)) + env(safe-area-inset-top,0px)) calc(14 * var(--ui-px, 1px)) calc(calc(14 * var(--ui-px, 1px)) + env(safe-area-inset-bottom,0px));background:#030308c7;-webkit-backdrop-filter:blur(calc(4 * var(--ui-px, 1px)));backdrop-filter:blur(calc(4 * var(--ui-px, 1px)));pointer-events:auto}.card-preview-overlay.pinned .card-info-preview{position:relative;inset:auto!important;width:min(100%,calc(620 * var(--ui-px, 1px)));height:min(calc(320 * var(--ui-px, 1px)),calc(100dvh - calc(76 * var(--ui-px, 1px)) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));max-height:calc(100dvh - calc(76 * var(--ui-px, 1px)) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow:visible;pointer-events:auto}.card-preview-overlay.pinned .preview-close{display:grid;place-items:center;position:absolute;top:calc(-48 * var(--ui-px, 1px));right:calc(10 * var(--ui-px, 1px));z-index:2;width:calc(38 * var(--ui-px, 1px));height:calc(38 * var(--ui-px, 1px));padding:0;color:#eadcf5;background:var(--surface-bg);border:calc(1 * var(--ui-px, 1px)) solid var(--surface-line);border-radius:50%;-webkit-backdrop-filter:blur(var(--surface-blur));backdrop-filter:blur(var(--surface-blur));font-size:calc(25 * var(--ui-px, 1px));cursor:pointer}@media(max-width:600px),(hover:none)and (pointer:coarse){.app-shell>.page{clip-path:inset(var(--scene-top-clip,calc(68 * var(--ui-px, 1px))) -100vmax -100vmax)}}