:root{--font-display:"Lilita One", "Arial Black", system-ui, sans-serif;--font-body:"Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg:#eef1e8;--color-surface:#fff;--color-border:#e0e4d6;--color-text:#26312a;--color-muted:#71806f;--color-felt:#2f9247;--color-felt-deep:#175c2b;--color-primary:#4caf50;--color-primary-deep:#3a8f3e;--color-primary-edge:#2e7231;--color-pill:#ddefc8;--color-pill-hover:#cfe8b2;--color-pill-text:#38601a;--color-accent:#ffc93c;--color-accent-deep:#f5b820;--color-accent-edge:#d99e0b;--color-accent-text:#5f4200;--color-brand:#d9342b;--color-danger:#e03131;--color-danger-deep:#c92a2a;--color-success:#2f9e44;--radius:12px;--radius-sm:9px;--shadow-sm:0 1px 2px #26312a0f, 0 2px 6px #26312a0f;--shadow-md:0 2px 4px #26312a12, 0 10px 26px #26312a1a;--shadow-lg:0 4px 10px #26312a1a, 0 18px 44px #26312a29;--ring:0 0 0 3px #4caf5038}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:radial-gradient(900px 500px at 85% -10%, #4caf501a, transparent 60%), radial-gradient(700px 420px at -10% 0%, #ffc93c1f, transparent 55%), var(--color-bg);color:var(--color-text);background-attachment:fixed;margin:0;font-size:15px;line-height:1.55}h1{font-family:var(--font-display);letter-spacing:.5px;color:#223326;margin:0 0 18px;font-size:30px;font-weight:400}a{color:var(--color-pill-text);font-weight:700}.main-layout{flex-direction:column;min-height:100vh;display:flex}.main-layout__content{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:28px 20px 48px}.navbar{-webkit-backdrop-filter:blur(10px)saturate(1.4);backdrop-filter:blur(10px)saturate(1.4);border-bottom:1px solid var(--color-border);z-index:100;background:#ffffffeb;align-items:center;gap:22px;padding:12px 26px;display:flex;position:sticky;top:0;box-shadow:inset 0 1px #fff9,0 4px 18px #26312a0f}.navbar__brand{font-family:var(--font-display);letter-spacing:2.5px;color:var(--color-brand);text-shadow:0 1px #fffc;align-items:center;gap:9px;font-size:23px;font-weight:400;text-decoration:none;display:flex}.navbar__brand-icon{filter:drop-shadow(0 2px 3px #26312a47);width:auto;height:38px;display:block}.navbar__right{align-items:center;gap:10px;margin-left:auto;display:flex}.navbar__user{color:var(--color-text);border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:14px;font-weight:800;text-decoration:none;transition:background .15s;display:inline-flex}.navbar__user:hover{background:var(--color-pill)}.navbar__user em{color:var(--color-primary-deep);font-size:12.5px;font-style:normal;font-weight:900}.conn{font-size:11px}.conn--connected{color:var(--color-success);filter:drop-shadow(0 0 4px #2f9e44b3)}.conn--connecting,.conn--reconnecting{color:var(--color-accent-deep);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.dot{font-size:10px}.dot--up{color:var(--color-success);filter:drop-shadow(0 0 4px #2f9e44cc)}.dot--down{color:var(--color-danger)}.fan{gap:10px;transition:transform .18s;display:flex;transform:translateY(-20px)}.mini-card{color:#263043;background:linear-gradient(160deg,#fff 0%,#f4f2ea 100%);border:1px solid #d5d2c6;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:62px;height:88px;font-weight:900;transition:transform .18s;display:flex;box-shadow:inset 0 0 0 3px #fff,0 5px 10px #00000061}.mini-card span{filter:drop-shadow(0 1px 1px #0003);font-size:25px;line-height:1}.mini-card small{letter-spacing:1px;font-size:8.5px}.fan .mini-card:first-child{transform:rotate(-13deg)translateY(8px)}.fan .mini-card:nth-child(3){transform:rotate(13deg)translateY(8px)}.btn{border-radius:var(--radius-sm);font-family:var(--font-body);letter-spacing:.2px;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:900;text-decoration:none;transition:transform 80ms,filter .12s,box-shadow .12s;display:inline-flex}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn:active:not(:disabled){transform:translateY(2px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--block{width:100%}.btn--lg{padding:13px 30px;font-size:16px}.btn--primary{background:linear-gradient(180deg, #5dbf61 0%, var(--color-primary) 45%, var(--color-primary-deep) 100%);color:#fff;text-shadow:0 1px 2px #00000040;box-shadow:inset 0 1px 0 #ffffff59, inset 0 -3px 0 var(--color-primary-edge), 0 3px 8px #3a8f3e59}.btn--primary:hover:not(:disabled){filter:brightness(1.06)}.btn--primary:active:not(:disabled){box-shadow:inset 0 1px 0 #fff3, inset 0 -1px 0 var(--color-primary-edge)}.btn--accent{background:linear-gradient(180deg, #ffd766 0%, var(--color-accent) 45%, var(--color-accent-deep) 100%);color:var(--color-accent-text);text-shadow:0 1px #fff6;box-shadow:inset 0 1px 0 #ffffff80, inset 0 -3px 0 var(--color-accent-edge), 0 3px 8px #d99e0b4d}.btn--accent:hover:not(:disabled){filter:brightness(1.05)}.btn--pill{background:var(--color-pill);color:var(--color-pill-text);border-radius:999px;padding:7px 15px;font-size:13px;box-shadow:inset 0 -2px #38601a26}.btn--pill:hover:not(:disabled){background:var(--color-pill-hover)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);box-shadow:var(--shadow-sm), inset 0 -2px 0 #26312a0f}.btn--secondary:hover:not(:disabled){background:#fbfcf8;border-color:#c9cfba}.btn--danger{background:linear-gradient(180deg, #f05252 0%, var(--color-danger) 50%, var(--color-danger-deep) 100%);color:#fff;text-shadow:0 1px 2px #00000040;box-shadow:inset 0 1px #ffffff4d,inset 0 -3px #a61e1e,0 3px 8px #c92a2a4d}.btn--danger:hover:not(:disabled){filter:brightness(1.05)}.btn--ghost{color:var(--color-text);background:0 0}.btn--ghost:hover:not(:disabled){background:#26312a0f}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:18px;padding:24px}.card__title{letter-spacing:.2px;align-items:center;gap:10px;margin:-2px 0 16px;font-size:16px;font-weight:900;display:flex}.card__title:before{content:"";background:linear-gradient(180deg, var(--color-primary), var(--color-primary-deep));border-radius:3px;width:5px;height:18px;box-shadow:0 1px 3px #3a8f3e66}.field{flex-direction:column;gap:5px;margin-bottom:15px;display:flex}.field__label{letter-spacing:.3px;text-transform:uppercase;color:var(--color-muted);font-size:12.5px;font-weight:800}.field__input{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--color-text);background:#fbfcf8;outline:none;padding:11px 14px;font-size:14.5px;font-weight:600;transition:border-color .12s,box-shadow .12s,background .12s}.field__input:focus{border-color:var(--color-primary);box-shadow:var(--ring);background:#fff}.field__input--error{border-color:var(--color-danger)}.field__input--error:focus{box-shadow:0 0 0 3px #e031312e}.field__error{color:var(--color-danger);font-size:12.5px;font-weight:700}.spinner{border:2.5px solid #4caf5040;border-top-color:var(--color-primary);vertical-align:middle;border-radius:50%;animation:.65s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.page-center{justify-content:center;align-items:center;min-height:62vh;padding:32px 20px;display:flex}.auth-shell{place-items:center;min-height:calc(100vh - 150px);padding:20px 0;display:grid}.auth-shell__box{background:var(--color-surface);border-radius:26px;grid-template-columns:1.05fr 1fr;width:100%;max-width:1000px;min-height:600px;display:grid;overflow:hidden;box-shadow:0 2px 6px #26312a1a,0 24px 70px #26312a47,0 0 0 1px #26312a0f}.auth-shell__hero{border-right:4px solid var(--color-accent);background-image:radial-gradient(#ffffff12 1px,#0000 1.4px),radial-gradient(640px 340px at 50% -8%,#ffffff38,#0000 60%),radial-gradient(circle at 50% 55%,#3dab57 0%,#24803f 55%,#0e4a20 100%);background-size:14px 14px,auto,auto;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:48px 36px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 100px #0006}.auth-shell__hero:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#ffd65a38 0%,#ffd65a0f 45%,#0000 70%);border:2px dashed #ffffff29;border-radius:50%;width:400px;animation:4s ease-in-out infinite alternate glow-pulse;position:absolute;top:44px;left:50%;transform:translate(-50%)}@keyframes glow-pulse{0%{opacity:.75;transform:translate(-50%)scale(.98)}to{opacity:1;transform:translate(-50%)scale(1.03)}}.auth-shell__hero:after{content:"⚔️";opacity:.08;filter:grayscale()brightness(3);pointer-events:none;font-size:170px;position:absolute;bottom:-44px;right:-30px;transform:rotate(-18deg)}.auth-shell__logo{filter:drop-shadow(0 10px 18px #00000073);width:168px;height:auto;margin-bottom:-12px;display:block;position:relative}.auth-shell__wordmark{font-family:var(--font-display);letter-spacing:4px;color:var(--color-accent);text-align:center;text-shadow:-2px -2px #4a3200,2px -2px #4a3200,-2px 2px #4a3200,2px 2px #4a3200,0 7px 14px #0000008c;font-size:44px;position:relative}.auth-shell__wordmark:after{content:"Real-time card duels";font-family:var(--font-body);letter-spacing:4.5px;text-transform:uppercase;color:#fffc;text-shadow:0 1px 3px #00000080;margin-top:8px;font-size:12px;font-weight:900;display:block}.auth-shell__hero .fan{position:relative;transform:none}.auth-shell__hero .mini-card{border-radius:11px;width:92px;height:128px;animation:3.2s ease-in-out infinite alternate card-bob;box-shadow:inset 0 0 0 4px #fff,0 12px 24px #00000073}.auth-shell__hero .mini-card span{font-size:38px}.auth-shell__hero .mini-card small{font-size:11px;font-weight:900}.auth-shell__hero .fan .mini-card:first-child{animation-delay:0s;transform:rotate(-13deg)translateY(8px)}.auth-shell__hero .fan .mini-card:first-child small{color:#c0392b}.auth-shell__hero .fan .mini-card:nth-child(2){z-index:1;animation-delay:.5s;transform:translateY(-4px)}.auth-shell__hero .fan .mini-card:nth-child(2) small{color:#b07d00}.auth-shell__hero .fan .mini-card:nth-child(3){animation-delay:1s;transform:rotate(13deg)translateY(8px)}.auth-shell__hero .fan .mini-card:nth-child(3) small{color:#1f6bb0}@keyframes card-bob{0%{margin-top:0}to{margin-top:-10px}}.auth-shell__rules{gap:10px;margin:0;padding:0;list-style:none;display:grid;position:relative}.auth-shell__rules li{color:#fffffff2;letter-spacing:.3px;background:linear-gradient(#00000052,#0003);border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:10px;padding:9px 20px;font-size:14px;font-weight:800;display:flex;box-shadow:0 3px 8px #00000040,inset 0 1px #ffffff1a}.auth-shell__rules li:first-child{border-color:#ff7a5c8c}.auth-shell__rules li:nth-child(2){border-color:#ffc93c8c}.auth-shell__rules li:nth-child(3){border-color:#6db3ff8c}.auth-shell__form{background:radial-gradient(420px 260px at 100% 0,#ffc93c17,#0000 65%),linear-gradient(#fff 0%,#f8faf4 100%);justify-content:center;align-items:center;padding:44px 40px;display:flex}.auth-shell .field__input{border-radius:11px;padding:13px 15px;font-size:15px}.auth-shell .btn--block{border-radius:11px;padding:13px 18px;font-size:15.5px}.auth-shell .auth-card{width:100%;max-width:400px;box-shadow:none;background:0 0;border:none;border-radius:0;margin:0;padding:0}@media (max-width:960px){.auth-shell__box{grid-template-columns:1fr;max-width:480px;min-height:0}.auth-shell__hero{flex-flow:wrap;gap:16px;padding:22px 24px}.auth-shell__logo{width:64px;margin-bottom:0}.auth-shell__wordmark{letter-spacing:3px;text-align:center;width:100%;font-size:26px}.auth-shell__hero .fan,.auth-shell__rules{display:none}.auth-shell__form{padding:28px 24px 32px}}.auth-card .card__title{font-family:var(--font-display);letter-spacing:.5px;text-align:center;justify-content:center;margin-bottom:20px;font-size:24px;font-weight:400}.auth-card .card__title:before{display:none}.auth-card__switch{color:var(--color-muted);text-align:center;margin:14px 0 0;font-size:13px;font-weight:600}.auth-card__hint{color:var(--color-muted);margin:0 0 16px;font-size:13.5px;font-weight:600}.empty-state,.error-state{text-align:center;color:var(--color-muted);padding:40px 28px;font-weight:600}.empty-state h3{font-family:var(--font-display);letter-spacing:.4px;color:var(--color-text);margin:0 0 6px;font-size:21px;font-weight:400}.error-state--page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.status-list{gap:8px;margin:0;padding:0;font-weight:600;list-style:none;display:grid}.profile-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.info-list{margin:0 0 16px;padding:0;list-style:none}.info-list li{border-bottom:1px dashed var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.info-list li:last-child{border-bottom:none}.info-list li>span{color:var(--color-muted);text-transform:uppercase;letter-spacing:.4px;font-size:12.5px;font-weight:700}.info-list li>strong{text-align:right;font-weight:800}.badge{letter-spacing:.6px;text-transform:uppercase;vertical-align:middle;border-radius:999px;padding:3px 10px;font-size:10.5px;font-style:normal;font-weight:900;display:inline-block}.badge--ok{color:#1e6b30;background:#d9f2dc;box-shadow:inset 0 0 0 1px #b5e2bc}.badge--warn{color:#8a5a00;background:#fdeec5;box-shadow:inset 0 0 0 1px #f3dda0}.session-list{margin:0 0 16px;padding:0;list-style:none}.session-row{border-bottom:1px dashed var(--color-border);padding:11px 0;font-size:14px;font-weight:700}.session-row:last-child{border-bottom:none}.session-row .badge{margin-left:8px}.session-row__meta{color:var(--color-muted);margin-top:2px;font-size:12px;font-weight:600}.danger-zone{background:linear-gradient(snow,#fff5f5);border:1px solid #f3c5c5}.danger-zone .card__title:before{background:linear-gradient(180deg, #f05252, var(--color-danger-deep));box-shadow:0 1px 3px #c92a2a66}.avatar{object-fit:cover;vertical-align:middle;background:#e9ece4;border-radius:50%;flex-shrink:0;display:inline-block;box-shadow:0 0 0 2px #fff,0 1px 3px #26312a38}.avatar--sm{width:28px;height:28px}.avatar--md{width:48px;height:48px}.avatar--lg{width:128px;height:128px;box-shadow:0 0 0 4px #fff,0 6px 16px #26312a38}.avatar--fallback{font-family:var(--font-display);color:#fff;text-transform:uppercase;text-shadow:0 1px 2px #0000004d;background:linear-gradient(#3dab57,#24803f);justify-content:center;align-items:center;display:inline-flex}.avatar--sm.avatar--fallback{font-size:14px}.avatar--md.avatar--fallback{font-size:22px}.avatar--lg.avatar--fallback{font-size:56px}.profile-image{align-items:flex-start;gap:22px;display:flex}.profile-image__body{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.profile-image__status{color:var(--color-muted);margin:0;font-size:14px;font-weight:600}.profile-image__status strong{color:var(--color-text);font-weight:800}.profile-image__actions{flex-wrap:wrap;gap:10px;display:flex}.field__hint{color:var(--color-muted);margin:0;font-size:12.5px;font-weight:600}.notice{border-radius:var(--radius-sm);border:1px solid #0000;padding:12px 16px;font-size:13.5px;font-weight:700}.notice--warn{color:#7a5200;background:#fff7e0;border-color:#f3dda0}.dialog-backdrop{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#141e1880;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.dialog{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:24px;animation:.18s both toast-in}.dialog h2{font-family:var(--font-display);letter-spacing:.3px;margin:0 0 6px;font-size:22px;font-weight:400}.dialog p{color:var(--color-muted);margin:0 0 16px;font-size:13.5px;font-weight:600}.dialog__actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.cropper{flex-direction:column;align-items:center;gap:14px;display:flex}.cropper__viewport{aspect-ratio:1;border-radius:var(--radius);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#1f2a22;width:min(320px,80vw);position:relative;overflow:hidden}.cropper__viewport:active{cursor:grabbing}.cropper__img{pointer-events:none;will-change:transform;max-width:none;position:absolute;top:0;left:0}.cropper__mask{pointer-events:none;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 0 999px #0000008c}.cropper__loading{place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.cropper__zoom{width:100%;color:var(--color-muted);align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex}.cropper__zoom input[type=range]{accent-color:var(--color-primary);flex:1}.progress{background:#e9ece4;border-radius:999px;width:100%;height:6px;overflow:hidden}.progress__bar{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-deep));height:100%;transition:width .15s}@media (max-width:600px){.profile-image{text-align:center;flex-direction:column;align-items:center}.profile-image__actions{justify-content:center}}.toasts{z-index:1000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:22px;right:22px}.toast{color:#f2f5ef;border-radius:var(--radius-sm);border-left:4px solid var(--color-muted);box-shadow:var(--shadow-lg);cursor:pointer;background:#26312a;max-width:330px;padding:12px 18px;font-size:13.5px;font-weight:700;animation:.22s both toast-in}@keyframes toast-in{0%{opacity:0;transform:translate(24px)}}.toast--success{border-left-color:#51cf66}.toast--error{border-left-color:#ff6b6b}.toast--info{border-left-color:var(--color-accent)}@media (max-width:900px){.profile-grid{grid-template-columns:1fr}}@media (max-width:480px){.auth-card .card__title{font-size:20px}}@media (max-width:768px){.navbar{flex-wrap:wrap;gap:10px;padding:10px 14px}.navbar__brand-icon{height:30px}.main-layout__content{padding:18px 12px 36px}h1{font-size:25px}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.page-head h1{margin:0}.result-banner{text-align:center;border-top:4px solid var(--color-border)}.result-banner--win{border-top-color:var(--color-success)}.result-banner--loss{border-top-color:var(--color-danger)}.result-banner__title{font-family:var(--font-display);letter-spacing:.6px;margin:0 0 6px;font-size:30px;font-weight:400}.result-banner--win .result-banner__title{color:var(--color-success)}.result-banner--loss .result-banner__title{color:var(--color-danger)}.result-banner__reason{color:var(--color-text);margin:0 0 10px;font-weight:800}.result-banner__meta{color:var(--color-muted);margin:0;font-size:14px;font-weight:600}.counter-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.counter-grid__side h3{text-transform:uppercase;letter-spacing:.5px;color:var(--color-muted);margin:0 0 10px;font-size:12px;font-weight:900}.counter-chip{background:var(--color-pill);border-radius:var(--radius-sm);color:var(--color-pill-text);justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;padding:7px 10px;font-size:13px;font-weight:800;display:flex}.counter-chip--out{color:var(--color-danger)}.battle-log{max-height:560px;overflow-y:auto}.clash-group{margin-bottom:16px}.clash-group__head{z-index:1;background:var(--color-surface);text-transform:uppercase;letter-spacing:.5px;color:var(--color-muted);border-bottom:1px dashed var(--color-border);align-items:center;gap:8px;margin:0 0 4px;padding:6px 0;font-size:12px;font-weight:900;display:flex;position:sticky;top:0}.log-list{margin:0;padding:0;list-style:none}.log-row{border-bottom:1px solid #0000;align-items:baseline;gap:10px;padding:6px 0;font-size:13.5px;display:flex}.log-row__seq{font-variant-numeric:tabular-nums;min-width:38px;color:var(--color-muted);flex:none;font-size:11px;font-weight:800}.log-row__body{flex:auto}.log-row__detail{color:var(--color-muted);font-weight:600}.log-row__actor{text-transform:uppercase;letter-spacing:.4px;color:var(--color-muted);flex:none;font-size:11px;font-weight:800}.log-row--redacted .log-row__body strong{opacity:.72}@media (max-width:600px){.counter-grid{grid-template-columns:1fr}.log-row__actor{display:none}}.card-face{color:#263043;width:76px;height:104px;font-family:var(--font-body);background:linear-gradient(160deg,#fff 0%,#f4f2ea 100%);border:1px solid #d5d2c6;border-radius:9px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;padding:0;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative;box-shadow:inset 0 0 0 3px #fff,0 4px 9px #26312a38}.card-face--sm{gap:2px;width:60px;height:84px}.card-face__icon{filter:drop-shadow(0 1px 1px #0003);font-size:26px;line-height:1}.card-face--sm .card-face__icon{font-size:20px}.card-face__name{letter-spacing:1px;font-size:8.5px;font-weight:900}.card-face--sm .card-face__name{letter-spacing:.7px;font-size:7.5px}.card-face__id{color:var(--color-muted);font-size:8px;font-style:normal;font-weight:700}.card-face--sm .card-face__id{font-size:7px}.card-face--interactive{cursor:pointer}.card-face--interactive:hover:not(:disabled){transform:translateY(-6px);box-shadow:inset 0 0 0 3px #fff,0 10px 18px #26312a42}.card-face--interactive:focus-visible{box-shadow:inset 0 0 0 3px #fff, var(--ring);outline:none}.card-face--interactive:disabled{cursor:not-allowed;opacity:.55}.card-face--selected{border-color:var(--color-primary);transform:translateY(-8px);box-shadow:inset 0 0 0 3px #fff,0 0 0 3px #4caf5059,0 10px 18px #26312a42}.card-face--locked{border-color:var(--color-accent-edge);transform:translateY(-8px);box-shadow:inset 0 0 0 3px #fff,0 0 0 3px #ffc93c80}.card-face--won{border-color:var(--color-success);box-shadow:inset 0 0 0 3px #fff,0 0 0 2px #2f9e4466}.card-face--lost{border-color:var(--color-danger);opacity:.72}.card-face--tied{border-color:var(--color-accent-edge);box-shadow:inset 0 0 0 3px #fff,0 0 0 2px #d99e0b61}.card-face--concealed{border-color:var(--color-felt-deep);background:repeating-linear-gradient(45deg,#2f9247 0 6px,#175c2b 6px 12px)}.clash-status{background:var(--color-surface);border:1px solid var(--color-border);border-left:5px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:18px;padding:16px 18px}.clash-status--escalation{border-left-color:var(--color-accent-edge);animation:1.6s ease-in-out 3 escalation-pulse}.clash-status--waiting{border-left-color:var(--color-felt)}.clash-status--selection{border-left-color:var(--color-primary)}.clash-status__head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:6px;display:flex}.clash-status__title{font-family:var(--font-display);letter-spacing:.4px;font-size:19px;font-weight:400}.clash-status__tie{color:var(--color-accent-text);background:#fff4d6;border-radius:999px;padding:3px 12px;font-size:12.5px;font-weight:800}.clash-status__detail{color:var(--color-muted);margin:0 0 10px;font-size:13.5px;font-weight:600}.clash-status__locks{flex-wrap:wrap;gap:8px;display:flex}.lock-pip{text-transform:uppercase;letter-spacing:.4px;background:var(--color-bg);color:var(--color-muted);border:1px solid var(--color-border);border-radius:999px;padding:4px 11px;font-size:11px;font-weight:800}.lock-pip--on{background:var(--color-pill);color:var(--color-pill-text);border-color:#0000}.clash-zone__rows{flex-direction:column;gap:10px;display:flex}.clash-zone--resolved{opacity:.85}.clash-round{border-radius:var(--radius-sm);background:var(--color-bg);align-items:center;gap:16px;padding:10px 12px;animation:.42s cubic-bezier(.22,1,.36,1) both clash-reveal;display:flex}.clash-round--tied{box-shadow:inset 3px 0 0 var(--color-accent-edge);background:#fff8e6}.clash-round--decided{box-shadow:inset 3px 0 0 var(--color-primary)}.clash-round__label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-muted);flex:0 0 96px;font-size:10.5px;font-weight:900}.clash-round__cards{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.clash-round__side{flex-direction:column;align-items:center;gap:5px;display:flex}.clash-round__side small{text-transform:uppercase;letter-spacing:.4px;color:var(--color-muted);font-size:10px;font-weight:800}.clash-round__verdict{font-family:var(--font-display);letter-spacing:1px;color:var(--color-muted);font-size:15px}.clash-round--tied .clash-round__verdict{color:var(--color-accent-edge)}.clash-result{background:var(--color-surface);border:1px solid var(--color-border);border-top:4px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:18px;padding:18px}.clash-result--won{border-top-color:var(--color-success)}.clash-result--lost{border-top-color:var(--color-danger)}.clash-result--exhausted{border-top-color:var(--color-accent-edge)}.clash-result__title{font-family:var(--font-display);letter-spacing:.4px;margin:0 0 8px;font-size:19px;font-weight:400}.clash-result__lead{color:var(--color-muted);margin:0;font-size:13.5px;font-weight:600}.clash-result__pair{align-items:center;gap:14px;margin-bottom:12px;display:flex}.clash-result__vs{text-transform:uppercase;letter-spacing:.6px;color:var(--color-muted);font-size:11.5px;font-weight:900}.bottom-deck{grid-template-columns:1fr 1fr;gap:20px;margin:14px 0 0;display:grid}.bottom-deck__side h4{text-transform:uppercase;letter-spacing:.4px;color:var(--color-muted);margin:0 0 8px;font-size:11.5px;font-weight:900}.bottom-deck__hint{text-transform:none;letter-spacing:0;font-weight:700}.bottom-deck__cards{flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:0;list-style:none;display:flex}.bottom-deck__cards li{animation:.45s cubic-bezier(.22,1,.36,1) both bury-card;position:relative}.bottom-deck__order{background:var(--color-accent);width:19px;height:19px;color:var(--color-accent-text);border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid;position:absolute;top:-6px;left:-6px}.bottom-deck__restored{color:var(--color-muted);margin:0;font-size:12.5px;font-weight:700}.hand-picker__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.hand-picker__head h3{font-family:var(--font-display);letter-spacing:.4px;margin:0;font-size:18px;font-weight:400}.hand-picker__count{background:var(--color-pill);color:var(--color-pill-text);font-family:var(--font-body);border-radius:999px;margin-left:6px;padding:1px 9px;font-size:12px;font-weight:900;display:inline-block}.hand-picker__note{color:var(--color-muted);font-size:12px;font-weight:700}.hand-picker__cards{flex-wrap:wrap;gap:10px;padding:6px 0 14px;display:flex}.hand-picker__cards--locked{opacity:.85}.hand-picker__actions{border-top:1px dashed var(--color-border);padding-top:14px}.hand-picker__locked{color:var(--color-accent-text);margin:0;font-size:13px;font-weight:800}.opponent-strip{border-top:1px dashed var(--color-border);flex-wrap:wrap;gap:10px;margin:14px 0 0;padding:14px 0 0;list-style:none;display:flex}.opponent-strip li{background:var(--color-bg);border-radius:999px;align-items:baseline;gap:7px;padding:5px 12px;font-size:12px;display:flex}.opponent-strip span{color:var(--color-muted);font-weight:700}.opponent-strip strong{font-weight:900}@keyframes clash-reveal{0%{opacity:0;transform:translateY(-14px)scale(.94)}to{opacity:1;transform:none}}@keyframes bury-card{0%{opacity:0;transform:translateY(-18px)rotate(-6deg)}to{opacity:1;transform:none}}@keyframes escalation-pulse{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:var(--shadow-sm), 0 0 0 4px #ffc93c47}}@media (prefers-reduced-motion:reduce){.clash-round,.bottom-deck__cards li,.clash-status--escalation{animation:none}.card-face{transition:none}}@media (max-width:700px){.bottom-deck{grid-template-columns:1fr}.clash-round{flex-direction:column;align-items:flex-start;gap:8px}.clash-round__label{flex-basis:auto}}.home{flex-direction:column;align-items:center;gap:18px;max-width:560px;margin:0 auto;padding-block-start:8px;padding-block-end:40px;display:flex}.player-chip{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);color:inherit;border-radius:999px;align-self:stretch;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;transition:box-shadow .16s,transform .16s;display:flex}.player-chip:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.player-chip:focus-visible{box-shadow:var(--ring);outline:none}.player-chip__text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.player-chip__text strong{font-size:15px;font-weight:900}.player-chip__text small{color:var(--color-muted);font-size:12px;font-weight:700}.player-chip__mmr{color:var(--color-pill-text);background:var(--color-pill);border-radius:999px;margin-left:auto;padding:4px 12px;font-size:12px;font-style:normal;font-weight:900}.home__guest{justify-content:flex-end;align-self:stretch;gap:10px;display:flex}.home__hero{text-align:center;padding-top:10px}.home__cards{justify-content:center;gap:14px;margin-bottom:18px;display:flex}.home__cards .card-face:first-child{transform:rotate(-7deg)translateY(4px)}.home__cards .card-face:nth-child(3){transform:rotate(7deg)translateY(4px)}.home__wordmark{font-family:var(--font-display);letter-spacing:3px;color:var(--color-text);margin:0;font-size:clamp(34px,9vw,52px);font-weight:400}.home__tagline{letter-spacing:.3px;color:var(--color-muted);margin:4px 0 0;font-size:13px;font-weight:700}.play-button{background:linear-gradient(#6b1a18 0%,#4a0f0e 100%);border-radius:16px;width:100%;max-width:460px;padding:7px;text-decoration:none;transition:transform .14s,box-shadow .14s;display:block;box-shadow:0 2px 4px #26312a2e,0 14px 30px #4a0f0e47}.play-button:hover{transform:translateY(-2px);box-shadow:0 3px 6px #26312a33,0 18px 38px #4a0f0e57}.play-button:active{transform:translateY(1px);box-shadow:0 2px 6px #4a0f0e4d}.play-button:focus-visible{outline:none;box-shadow:0 0 0 4px #ffc93c8c}.play-button__label{letter-spacing:.22em;text-indent:.22em;text-align:center;color:#4a0f0e;text-shadow:0 1px #ffffffa6;background:linear-gradient(#efe0bd 0%,#e2d0a7 100%);border:2px solid #d8b878;border-radius:10px;padding:26px 20px;font-family:Lilita One,Georgia,Times New Roman,serif;font-size:clamp(30px,8vw,46px);font-weight:400;display:block}.play-button--sm{max-width:260px}.play-button--sm .play-button__label{padding:15px 16px;font-size:24px}.home__play-note{color:var(--color-muted);margin:-6px 0 0;font-size:12.5px;font-weight:700}.home__more{align-self:stretch;width:100%;max-width:460px;margin:0 auto}.more-toggle{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;color:var(--color-text);font-family:var(--font-body);letter-spacing:.4px;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:900;transition:background .16s;display:flex}.more-toggle:hover{background:var(--color-bg)}.more-toggle:focus-visible{box-shadow:var(--ring);outline:none}.more-toggle__chev{font-size:12px;transition:transform .18s}.more-toggle__chev--open{transform:rotate(180deg)}.home-menu{gap:8px;margin:10px 0 0;padding:0;list-style:none;animation:.2s both menu-open;display:grid}.home-menu__item{border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);color:inherit;flex-direction:column;gap:2px;padding:12px 16px;text-decoration:none;transition:border-color .16s,transform .16s;display:flex}.home-menu__item:hover{border-color:var(--color-primary);transform:translate(2px)}.home-menu__item:focus-visible{box-shadow:var(--ring);outline:none}.home-menu__label{align-items:center;gap:8px;font-size:14px;font-weight:900;display:flex}.home-menu__soon{letter-spacing:.6px;text-transform:uppercase;background:var(--color-bg);color:var(--color-muted);border:1px solid var(--color-border);border-radius:999px;padding:2px 8px;font-size:9.5px;font-style:normal;font-weight:900}.home-menu__hint{color:var(--color-muted);font-size:12px;font-weight:600}.home__status{color:var(--color-muted);align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:inline-flex}.card-face--lg{gap:6px;width:110px;height:152px}.card-face--lg .card-face__icon{font-size:34px}.card-face--lg .card-face__name{font-size:10px}.card-face__initial{color:#2b2118;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:700;position:absolute;top:6px;left:8px}.card-face--lg .card-face__initial{font-size:17px}.card-face--sm .card-face__initial{font-size:10px;top:4px;left:5px}.card-face--art{background:#f5f0e8;overflow:hidden}.card-face__art{object-fit:cover;border-radius:7px;width:100%;height:100%;display:block}.card-face__id--over{background:#ffffffd1;border-radius:4px;padding:0 4px;position:absolute;bottom:3px;right:5px}.how-to-play{max-width:720px;margin:0 auto}.prose{color:var(--color-text);margin:0 0 12px;font-size:14.5px;line-height:1.65}.prose:last-child{margin-bottom:0}.prose--steps{padding-left:20px}.prose--steps li{margin-bottom:8px}.matrix{flex-direction:column;gap:10px;margin:4px 0 14px;display:flex}.matrix__row{align-items:center;gap:14px;display:flex}.matrix__verb{text-transform:uppercase;letter-spacing:.6px;color:var(--color-muted);font-size:11.5px;font-weight:900}.how-to-play__cta{justify-content:center;padding:8px 0 24px;display:flex}@keyframes menu-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.home-menu{animation:none}.play-button,.player-chip,.home-menu__item{transition:none}}@media (max-width:560px){.home__cards{gap:8px}.card-face--lg{width:88px;height:122px}.home__guest{justify-content:center}}