:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-boot{color:#f4efe3bf;letter-spacing:.5px;background:radial-gradient(circle at 50% 100%,#082821,#0d3b2e 70%);justify-content:center;align-items:center;min-height:100svh;font-family:Segoe UI,Roboto,Arial,sans-serif;font-size:15px;display:flex}.home{--felt:#0d3b2e;--felt-dark:#082821;--gold:#e8c368;--gold-bright:#f5da8f;--ink:#f4efe3;--card-bg:#123f32;--danger:#ff8a80;box-sizing:border-box;background:radial-gradient(circle at 50% 0%, #e8c36814, transparent 45%), repeating-linear-gradient(45deg, #ffffff04 0 2px, transparent 2px 4px), radial-gradient(circle at 50% 100%, var(--felt-dark), var(--felt) 70%);width:100%;min-height:100svh;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:36px;padding:48px 20px;font-family:Segoe UI,Roboto,Arial,sans-serif;display:flex}.home__header{text-align:center}.home__title{letter-spacing:4px;color:var(--gold-bright);text-shadow:0 2px 12px #00000073;margin:0;font-family:Arial Black,Impact,Segoe UI,sans-serif;font-size:clamp(36px,7vw,56px);font-weight:900}.home__tagline{letter-spacing:.5px;color:#f4efe3bf;margin:10px 0 0;font-size:15px}.home__card{background:linear-gradient(180deg, var(--card-bg), #0f342a);border:2px solid #e8c36859;border-radius:14px;flex-direction:column;gap:18px;width:min(380px,92vw);padding:32px 28px;display:flex;box-shadow:0 25px 50px #00000073,inset 0 0 0 1px #ffffff08}.home__field{letter-spacing:.5px;text-transform:uppercase;color:#f4efe3a6;flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.home__field input,.home__join-input{font:inherit;color:var(--ink);background:#0003;border:1px solid #e8c3684d;border-radius:8px;outline:none;padding:12px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.home__field input:focus,.home__join-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e8c36826}.home__button{font:inherit;letter-spacing:.5px;color:var(--gold-bright);cursor:pointer;background:#e8c36814;border:1px solid #e8c36866;border-radius:8px;padding:12px 16px;font-size:15px;font-weight:700;transition:background .15s,transform .1s}.home__button:hover:not(:disabled){background:#e8c36829}.home__button:active:not(:disabled){transform:translateY(1px)}.home__button:disabled{opacity:.6;cursor:not-allowed}.home__button--primary{background:linear-gradient(180deg, var(--gold-bright), var(--gold));color:var(--felt-dark);border-color:#0000;box-shadow:0 6px 16px #e8c36840}.home__button--primary:hover:not(:disabled){filter:brightness(1.05);background:linear-gradient(180deg, var(--gold-bright), var(--gold))}.home__divider{letter-spacing:1px;text-transform:uppercase;color:#f4efe366;align-items:center;gap:12px;font-size:12px;display:flex}.home__divider:before,.home__divider:after{content:"";background:#f4efe326;flex:1;height:1px}.home__join{gap:10px;display:flex}.home__join-input{text-align:center;letter-spacing:3px;text-transform:uppercase;flex:1;min-width:0}.home__error{color:var(--danger);text-align:center;background:#ff8a801f;border:1px solid #ff8a804d;border-radius:8px;margin:0;padding:10px 12px;font-size:13.5px}.home__dev{text-align:center;background:#0000001f;border:1px dashed #e8c3684d;border-radius:12px;flex-direction:column;align-items:center;gap:10px;width:min(380px,92vw);padding:18px 20px;display:flex}.home__dev-title{letter-spacing:1px;text-transform:uppercase;color:#f4efe399;margin:0;font-size:13px;font-weight:700}.home__dev-text{color:#f4efe38c;margin:0;font-size:13px}.home__dev-links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.home__account{box-sizing:border-box;background:#0000002e;border:1px solid #e8c36838;border-radius:12px;flex-direction:column;gap:10px;width:min(380px,92vw);padding:14px 18px;display:flex}.home__account-identity{flex-direction:column;gap:2px;display:flex}.home__account-name{color:var(--gold-bright);font-size:16px;font-weight:700}.home__account-stats{color:#f4efe399;font-size:12px}.home__account-guest{align-items:flex-end;gap:10px;display:flex}.home__account-guest .home__field{flex:1}.home__field--inline{margin:0}.home__account-hint{color:#f4efe38c;margin:0;font-size:12px;line-height:1.6}.home__link-button{color:var(--gold-bright);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.home__link-button:disabled{opacity:.5;cursor:default}.home__link-button:hover:not(:disabled){color:#fff2cf}.lobby{--felt:#0d3b2e;--felt-dark:#082821;--gold:#e8c368;--gold-bright:#f5da8f;--ink:#f4efe3;--card-bg:#123f32;--danger:#ff8a80;--warning:#ffcf6b;--ok:#7be3a3;box-sizing:border-box;background:radial-gradient(circle at 50% 0%, #e8c3680f, transparent 45%), radial-gradient(circle at 50% 100%, var(--felt-dark), var(--felt) 70%);width:100%;min-height:100svh;color:var(--ink);flex-direction:column;gap:18px;padding:20px clamp(16px,4vw,40px) 32px;font-family:Segoe UI,Roboto,Arial,sans-serif;display:flex}*{box-sizing:border-box}.lobby--gate{justify-content:center;align-items:center}.lobby__gate-card{background:linear-gradient(180deg, var(--card-bg), #0f342a);text-align:center;border:2px solid #e8c36859;border-radius:14px;flex-direction:column;gap:14px;width:min(360px,92vw);padding:30px 26px;display:flex;box-shadow:0 25px 50px #00000073}.lobby__gate-title{color:var(--gold-bright);margin:0;font-size:20px}.lobby__gate-text{color:#f4efe3b3;margin:0;font-size:14px}.lobby__gate-card input{font:inherit;color:var(--ink);text-align:center;background:#0003;border:1px solid #e8c3684d;border-radius:8px;outline:none;padding:12px 14px;font-size:16px}.lobby__gate-actions{justify-content:center;display:flex}.lobby__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.lobby__leave{font:inherit;color:#f4efe3b3;cursor:pointer;background:0 0;border:none;padding:8px 4px;font-size:14px}.lobby__leave:hover{color:var(--ink)}.lobby__code-block{align-items:center;gap:10px;display:flex}.lobby__code-label{text-transform:uppercase;letter-spacing:1px;color:#f4efe380;font-size:12px}.lobby__code{font:inherit;letter-spacing:4px;color:var(--gold-bright);cursor:pointer;background:#e8c36814;border:1px solid #e8c36866;border-radius:8px;align-items:center;gap:10px;padding:8px 14px;font-size:20px;font-weight:800;display:inline-flex}.lobby__copy-hint{letter-spacing:.5px;text-transform:uppercase;color:#f4efe380;font-size:11px;font-weight:600}.lobby__status{letter-spacing:.5px;background:#0003;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.lobby__status-dot{background:#999;border-radius:50%;width:8px;height:8px}.lobby__status--joined .lobby__status-dot{background:var(--ok);box-shadow:0 0 6px 2px #7be3a380}.lobby__status--checking .lobby__status-dot,.lobby__status--connecting .lobby__status-dot{background:var(--warning);animation:1s ease-in-out infinite lobby-pulse}.lobby__status--error .lobby__status-dot,.lobby__status--not-found .lobby__status-dot,.lobby__status--disconnected .lobby__status-dot{background:var(--danger)}@keyframes lobby-pulse{0%,to{opacity:1}50%{opacity:.4}}.lobby__banner{border-radius:8px;padding:12px 16px;font-size:14px}.lobby__banner--error{color:var(--danger);background:#ff8a801f;border:1px solid #ff8a804d}.lobby__banner--warning{color:var(--warning);background:#ffcf6b1f;border:1px solid #ffcf6b4d}.lobby__main{flex:1;grid-template-columns:220px 1fr;gap:18px;min-height:0;display:grid}@media (width<=720px){.lobby__main{grid-template-columns:1fr}}.lobby__section-title{letter-spacing:1px;text-transform:uppercase;color:#f4efe38c;margin:0 0 12px;font-size:13px;font-weight:700}.lobby__players{background:#0000002e;border:1px solid #e8c36833;border-radius:12px;padding:18px}.lobby__player-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lobby__player{align-items:center;gap:8px;font-size:14.5px;display:flex}.lobby__player-dot{background:var(--ok);border-radius:50%;flex-shrink:0;width:7px;height:7px}.lobby__player-you{color:#f4efe380;font-size:11.5px}.lobby__player-empty{color:#f4efe373;font-size:13px;font-style:italic}.lobby__chat{background:#0000002e;border:1px solid #e8c36833;border-radius:12px;flex-direction:column;min-height:0;padding:18px;display:flex}.lobby__messages{flex-direction:column;flex:1;gap:10px;min-height:260px;max-height:50vh;margin-bottom:14px;padding-right:4px;display:flex;overflow-y:auto}.lobby__messages-empty{color:#f4efe373;margin:auto;font-size:13.5px}.lobby__message{word-break:break-word;background:#ffffff0d;border-radius:10px;max-width:85%;padding:8px 12px;font-size:14px;line-height:1.4}.lobby__message--own{background:#e8c36824;align-self:flex-end}.lobby__message-author{color:var(--gold-bright);margin-bottom:2px;font-size:11.5px;font-weight:700;display:block}.lobby__message-text{color:var(--ink)}.lobby__composer{gap:10px;display:flex}.lobby__composer input{min-width:0;font:inherit;color:var(--ink);background:#0003;border:1px solid #e8c3684d;border-radius:8px;outline:none;flex:1;padding:11px 14px;font-size:14.5px}.lobby__composer input:focus{border-color:var(--gold)}.lobby__composer input:disabled{opacity:.5}.lobby__button{font:inherit;color:var(--gold-bright);cursor:pointer;background:#e8c36814;border:1px solid #e8c36866;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:700}.lobby__button:hover:not(:disabled){background:#e8c36829}.lobby__button:disabled{opacity:.5;cursor:not-allowed}.lobby__button--primary{background:linear-gradient(180deg, var(--gold-bright), var(--gold));color:var(--felt-dark);border-color:#0000}.lobby__button--primary:hover:not(:disabled){filter:brightness(1.05)}.game{--felt:#0d3b2e;--felt-dark:#082821;--wood:#1c1410;--gold:#e8c368;--gold-bright:#f5da8f;--ink:#f4efe3;--danger:#ff8a80;--warning:#ffcf6b;--ok:#7be3a3;background:radial-gradient(ellipse at 50% 50%, #e8c3680d, transparent 60%), radial-gradient(ellipse at 50% -10%, #ffffff0d, transparent 45%), linear-gradient(180deg, var(--wood), #0f0b08 45%, var(--wood));color:var(--ink);flex-direction:column;font-family:Segoe UI,Roboto,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.game *{box-sizing:border-box}.game--gate{justify-content:center;align-items:center}.game__gate-card{text-align:center;background:linear-gradient(#123f32,#0f342a);border:2px solid #e8c36859;border-radius:14px;flex-direction:column;align-items:center;gap:12px;width:min(380px,92vw);padding:30px 26px;display:flex;box-shadow:0 25px 50px #00000073}.game__gate-card h1{color:var(--gold-bright);margin:0;font-size:19px}.game__gate-card p{color:#f4efe3b3;margin:0;font-size:14px}.game__gate-code{letter-spacing:2px;color:var(--gold-bright);font-weight:800}.top-menu{z-index:60;position:absolute;top:12px;left:12px}.top-menu__trigger{width:34px;height:34px;color:var(--gold-bright);cursor:pointer;background:#0006;border:1px solid #e8c36859;border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.top-menu__trigger:hover{background:#0000008c}.top-menu__backdrop{z-index:59;position:fixed;inset:0}.top-menu__dropdown{background:linear-gradient(#123f32,#0f342a);border:1px solid #e8c3684d;border-radius:10px;flex-direction:column;gap:2px;min-width:150px;padding:6px;display:flex;position:absolute;top:42px;left:0;box-shadow:0 16px 30px #00000080}.top-menu__item{font:inherit;text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:13.5px}.top-menu__item:hover:not(:disabled){background:#e8c36824}.top-menu__item:disabled{opacity:.4;cursor:not-allowed}.top-menu__item--danger{color:var(--danger)}.phase-overlay{z-index:55;white-space:nowrap;background:#082821d9;border:1px solid #e8c36866;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12.5px;display:flex;position:absolute;top:12px;left:56px;box-shadow:0 10px 20px #0006}.phase-overlay__turn{color:var(--gold-bright);font-weight:800}.phase-overlay__phase{text-transform:uppercase;letter-spacing:.4px;background:#e8c36829;border-radius:999px;padding:3px 9px;font-weight:700}.phase-overlay__active{color:#f4efe38c}.phase-overlay__active--you{color:var(--ok);font-weight:700}.game__toast{z-index:58;background:#0000008c;border:1px solid #e8c3684d;border-radius:999px;padding:8px 18px;font-size:13px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.game__toast--warning{color:var(--warning);border-color:#ffcf6b80}.game__toast--error{color:var(--danger);border-color:#ff8a8080}.game__corner-actions{z-index:55;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:14px;right:14px}.game__button{font:inherit;color:var(--gold-bright);cursor:pointer;background:#0006;border:1px solid #e8c36866;border-radius:999px;padding:9px 16px;font-size:13.5px;font-weight:700}.game__button:hover:not(:disabled){background:#e8c36829}.game__button:disabled{opacity:.45;cursor:not-allowed}.game__button--primary{background:linear-gradient(180deg, var(--gold-bright), var(--gold));color:var(--felt-dark);border-color:#0000}.game__button--primary:hover:not(:disabled){filter:brightness(1.05)}.game__button--phase{padding:13px 22px;font-size:14.5px;box-shadow:0 10px 22px #00000073}.game__table{flex-direction:column;flex:1;min-height:0;display:flex}.game__row{flex-direction:column;flex:1;min-height:0;padding:2px 60px;display:flex}.game__row .game__hand{height:calc(var(--hand-card-h) + 26px);perspective:900px;flex:none}.game__hand-empty{color:#f4efe359;margin:auto;font-size:12.5px;font-style:italic}.game__hand .card-view__inner{transform:rotateX(9deg)}.game__hand .card-view:hover .card-view__inner{transform:rotateX(0)scale(1.22)translateY(-14px)}.game__hand .card-view--disabled .card-view__inner{transform:rotateX(9deg)}.game__row .game__hand--opponent{height:calc(var(--hand-card-h) * .62 + 16px)}.game__hand--opponent .card-fan{transform-origin:top;transform:scale(.62)}.mat{flex-direction:column;flex:1;min-height:0;padding:4px 4px 6px;display:flex;position:relative}.mat__waiting{color:#f4efe366;margin:auto;font-size:13px;font-style:italic}.mat__life{z-index:5;background:#0006;border:1px solid #e8c3684d;border-radius:8px;flex-direction:column;align-items:flex-start;padding:4px 12px;line-height:1.15;display:flex;position:absolute;top:4px;left:4px}.mat__life-tag{text-transform:uppercase;letter-spacing:.5px;color:#f4efe38c;font-size:9px}.mat__life-value{color:var(--ok);font-size:18px;font-weight:800}.mat__grid{flex:1;grid-template-columns:minmax(56px,78px) 1fr minmax(76px,108px);gap:6px;min-height:0;padding-top:32px;display:grid}.mat__column{flex-direction:column;gap:5px;min-height:0;display:flex}.mat--mirrored .mat__column{flex-direction:column-reverse}.zone{background:#0003;border:1.5px solid #e8c36833;border-radius:8px;flex-direction:column;flex:1;min-height:0;padding:2px;display:flex;position:relative}.mat__legend{flex:none;height:100%}.zone__label{z-index:1;text-transform:uppercase;letter-spacing:.6px;color:#f4efe352;pointer-events:none;font-size:7.5px;font-weight:700;position:absolute;top:2px;left:7px}.zone__content{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.zone__empty,.zone__placeholder{color:#f4efe32e;font-size:13px}.mat__mana-row{align-items:center;gap:6px;width:100%;height:100%;padding-left:2px;display:flex}.mat__mana-fan{flex:1}.pile{width:var(--field-card-w);height:var(--field-card-h);cursor:default;background:0 0;border:none;flex-shrink:0;padding:0;position:relative}.pile--clickable{cursor:pointer}.pile__stack{width:100%;height:100%;display:block;position:relative}.pile__card{background:repeating-linear-gradient(45deg,#e8c3681f 0 5px,#0000 5px 10px),linear-gradient(160deg,#123f32,#082821);border:1px solid #e8c3684d;border-radius:6px;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:absolute;inset:0;box-shadow:0 3px 6px #0006}.pile__card--2{transform:translate(2px,-2px)}.pile__card--3{transform:translate(4px,-4px)}.pile--clickable:hover .pile__card--1{transform:translateY(-4px)}.pile--highlight .pile__card--1{animation:1.4s ease-in-out infinite card-view-glow}.pile__icon{color:#f4efe380;font-size:16px}.pile__count{z-index:2;min-width:18px;color:var(--gold-bright);text-align:center;background:#000000a6;border:1px solid #e8c36880;border-radius:999px;padding:1px 5px;font-size:10px;font-weight:800;position:absolute;bottom:-6px;right:-6px}.modal-backdrop{z-index:80;background:#000000a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal{background:linear-gradient(#123f32,#0f342a);border:2px solid #e8c36859;border-radius:14px;flex-direction:column;width:min(560px,92vw);max-height:82vh;padding:18px 20px;display:flex;box-shadow:0 30px 60px #0000008c}.modal--result{text-align:center;align-items:center;gap:16px;padding:32px 30px}.modal--result h2{color:var(--gold-bright);margin:0;font-size:22px}.modal__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal__header h2{color:var(--gold-bright);margin:0;font-size:15px}.modal__close{width:28px;height:28px;color:var(--ink);cursor:pointer;background:#0000004d;border:1px solid #e8c3684d;border-radius:50%}.modal__close:hover{background:#e8c36829}.modal__grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:12px 10px;padding:4px 2px;display:grid;overflow-y:auto}.modal__card{aspect-ratio:5/7;width:100%}@media (height<=760px){.game__row{padding-left:24px;padding-right:24px}}.card-view{width:100%;height:100%;font:inherit;color:inherit;cursor:default;transform-style:preserve-3d;background:0 0;border:none;flex-shrink:0;padding:0;transition:transform .15s;position:relative}.card-view--tapped{transform:rotate(90deg)}.card-view--clickable{cursor:pointer}.card-view__inner{transform-origin:50%;background:#0a2a21;border:1px solid #e8c36866;border-radius:7px;width:100%;height:100%;transition:transform .15s cubic-bezier(.2,.8,.3,1.3),box-shadow .15s,border-color .15s,opacity .15s;position:relative;box-shadow:0 3px 8px #00000080,inset 0 1px #ffffff0a}.card-view:hover .card-view__inner{border-color:#e8c368cc;transform:scale(1.22)translateY(-4px);box-shadow:0 18px 30px #0000008c}.card-view--selected .card-view__inner{border-color:var(--gold,#e8c368);box-shadow:0 0 0 2px var(--gold,#e8c368), 0 18px 30px #00000080;transform:translateY(-6px)}.card-view--selected:hover .card-view__inner{transform:scale(1.22)translateY(-10px)}.card-view--highlight .card-view__inner{animation:1.4s ease-in-out infinite card-view-glow}@keyframes card-view-glow{0%,to{box-shadow:0 3px 8px #00000080,0 0 0 2px #e8c36859}50%{box-shadow:0 3px 8px #00000080,0 0 0 2px #e8c368e6,0 0 14px 2px #e8c36880}}.card-view--disabled .card-view__inner{opacity:.42;filter:grayscale(.4)}.card-view--disabled:hover .card-view__inner{transform:none;box-shadow:0 3px 8px #00000080}.card-view__art{background:#0a2a21;border-radius:6px;position:absolute;inset:0;overflow:hidden}.card-view__art img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.card-view__fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;padding:4px;display:flex}.card-view__fallback-type{text-transform:uppercase;letter-spacing:.5px;color:#f4efe38c;font-size:8.5px}.card-view__fallback-name{color:#f4efe3d9;word-break:break-word;font-size:9.5px;font-weight:700}.card-view__cost{z-index:2;color:#082821;text-align:center;background:linear-gradient(#f5da8f,#e8c368);border-radius:999px;min-width:18px;padding:1px 4px;font-size:10px;font-weight:800;position:absolute;top:-7px;left:-7px;box-shadow:0 2px 6px #0006}.card-view__attached{z-index:2;color:#04122c;text-align:center;background:#7ba7ff;border-radius:999px;min-width:16px;padding:1px 4px;font-size:9.5px;font-weight:800;position:absolute;top:-7px;right:-7px;box-shadow:0 2px 6px #0006}.card-view__atk,.card-view__pv{z-index:2;text-align:center;border-radius:999px;min-width:18px;padding:1px 4px;font-size:10px;font-weight:800;position:absolute;bottom:-7px;box-shadow:0 2px 6px #0006}.card-view__atk{color:#2c0d0a;background:#ff8a80;left:-7px}.card-view__pv{color:#08281a;background:#7be3a3;right:-7px}.card-view__back{background:repeating-linear-gradient(45deg,#e8c3681f 0 6px,#0000 6px 12px),linear-gradient(160deg,#123f32,#082821);border:1px solid #e8c36840;border-radius:7px;width:100%;height:100%}.card-fan{justify-content:center;align-items:flex-end;width:100%;height:100%;padding:6px 4px;display:flex;position:relative}.card-fan__item{z-index:var(--fan-index);transform-origin:bottom;transform-style:preserve-3d;flex-shrink:0;transition:transform .16s;position:relative}.card-fan__item:hover{z-index:999}.auth{--felt:#0d3b2e;--felt-dark:#082821;--gold:#e8c368;--gold-bright:#f5da8f;--ink:#f4efe3;--card-bg:#123f32;--danger:#ff8a80;box-sizing:border-box;background:radial-gradient(circle at 50% 0%, #e8c36814, transparent 45%), radial-gradient(circle at 50% 100%, var(--felt-dark), var(--felt) 70%);width:100%;min-height:100svh;color:var(--ink);justify-content:center;align-items:center;padding:48px 20px;font-family:Segoe UI,Roboto,Arial,sans-serif;display:flex}.auth__card{background:linear-gradient(180deg, var(--card-bg), #0f342a);border:2px solid #e8c36859;border-radius:14px;width:min(420px,92vw);padding:34px 30px 26px;position:relative;box-shadow:0 25px 50px #00000073,inset 0 0 0 1px #ffffff08}.auth__back{color:#f4efe399;cursor:pointer;background:0 0;border:none;padding:0 0 12px;font-size:13px}.auth__back:hover{color:var(--gold-bright)}.auth__title{letter-spacing:1px;color:var(--gold-bright);margin:0;font-size:26px}.auth__subtitle{color:#f4efe3b3;margin:8px 0 22px;font-size:13px;line-height:1.5}.auth__form{flex-direction:column;gap:16px;display:flex}.auth__field{letter-spacing:.4px;color:#f4efe3cc;flex-direction:column;gap:6px;font-size:13px;display:flex}.auth__field input{color:var(--ink);background:#00000040;border:1px solid #e8c3684d;border-radius:8px;outline:none;padding:11px 12px;font-size:15px}.auth__field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e8c36826}.auth__hint{color:#f4efe380;font-size:11.5px}.auth__error{color:var(--danger);background:#ff8a801f;border:1px solid #ff8a8059;border-radius:8px;margin:0;padding:10px 12px;font-size:13px}.auth__submit{background:linear-gradient(180deg, var(--gold-bright), var(--gold));color:#221803;letter-spacing:.5px;cursor:pointer;border:none;border-radius:9px;margin-top:4px;padding:12px 16px;font-size:15px;font-weight:700}.auth__submit:disabled{opacity:.6;cursor:default}.auth__switch,.auth__guest{color:#f4efe3b3;text-align:center;margin:18px 0 0;font-size:13px;line-height:1.6}.auth__guest{color:#f4efe380;margin-top:10px;font-size:12px}.auth__switch button,.auth__guest button{color:var(--gold-bright);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}