:root{--bg: #0a1429;--board-bg: #122144;--accent: #f4ead0;--ink: #e7ecf5;--rule: #1c2c52}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent}.stage-root{position:relative;width:100vw;height:100dvh;display:flex;flex-direction:column;padding-bottom:60px}.stage-layer{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;container-type:size}.stage-board{background:var(--board-bg)}.board-wrap{width:100%;max-width:min(100cqw - 16px,100cqh - 16px,600px);aspect-ratio:1 / 1;padding:8px}.stage-arena{background:radial-gradient(ellipse at 50% 40%,rgba(244,234,208,.1) 0%,transparent 55%),radial-gradient(circle at center,#14254d 0%,var(--bg) 75%);position:relative;overflow:hidden}.arena-root{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 5vw;position:relative}.arena-fighter{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;letter-spacing:1px;text-transform:uppercase}.fighter-sprite{width:clamp(180px,42vw,320px);height:clamp(180px,42vw,320px);object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.75));user-select:none;-webkit-user-drag:none}.fighter-sprite--defender{transform:scaleX(-1)}.arena-fighter--attacker{position:absolute;left:6vw;bottom:22%}.arena-fighter--defender{position:absolute;right:6vw;bottom:22%}.arena-flash{position:absolute;inset:0;background:#fff;pointer-events:none;opacity:0;mix-blend-mode:screen}.arena-vs{font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:64px;font-weight:600;letter-spacing:6px;color:var(--accent);text-shadow:0 2px 14px rgba(244,234,208,.35)}.arena-result{position:absolute;bottom:14%;left:0;right:0;text-align:center;font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:28px;font-weight:500;letter-spacing:2px;color:var(--accent)}.ads-footer{height:60px;background:#1a1f2b;border-top:1px solid #222;display:flex;align-items:center;justify-content:center}.ads-footer__slot{width:320px;height:50px}.player-strip{display:flex;align-items:stretch;background:linear-gradient(180deg,#1c2c528c,#0a142959);border-bottom:1px solid var(--rule)}.player-strip--bottom{border-bottom:none;border-top:1px solid var(--rule)}.player-strip--top{padding-left:64px}.clock{display:flex;flex-direction:column;justify-content:center;min-width:96px;padding:6px 14px;border-right:1px solid var(--rule);transition:background .25s ease,color .25s ease}.clock__label{font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);opacity:.6;white-space:nowrap}.clock__time{font-variant-numeric:tabular-nums;font-weight:600;font-size:26px;letter-spacing:1px;color:var(--ink)}.clock--active{background:#f4ead01a}.clock--active .clock__label{opacity:1}.clock--active .clock__time{color:var(--accent)}.clock--low .clock__time{color:#f4a000}.clock--critical .clock__time{color:#ff5a4d;animation:clock-pulse .6s infinite}.clock--flagged{background:#ff5a4d2e}.clock--flagged .clock__time{color:#ff5a4d}@keyframes clock-pulse{0%,to{opacity:1}50%{opacity:.55}}.tray{display:flex;align-items:center;gap:6px;padding:6px 10px;flex:1;min-width:0;min-height:56px}.tray__pieces{display:flex;flex-wrap:wrap;align-items:center;gap:3px;flex:1;margin:0;padding:0;list-style:none}.tray__piece{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.tray__piece img{width:100%;height:100%;object-fit:contain;opacity:.8;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.tray__score{font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:18px;font-weight:600;color:var(--accent);margin-left:auto;padding-right:6px;white-space:nowrap}.setup-root{width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at 50% 30%,rgba(244,234,208,.12) 0%,transparent 60%),var(--bg)}.setup-card{width:100%;max-width:480px;display:flex;flex-direction:column;gap:18px}.setup-title{font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:44px;font-weight:600;letter-spacing:4px;color:var(--accent);margin:0;text-align:center}.setup-subtitle{margin:0 0 8px;text-align:center;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--ink);opacity:.7}.setup-levels{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.setup-level{width:100%;display:flex;flex-direction:column;gap:6px;padding:14px 18px;text-align:left;background:#1c2c528c;border:1px solid var(--rule);border-radius:6px;color:var(--ink);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease;font:inherit;position:relative}.setup-level:hover:not(:disabled){background:#1c2c52d9;border-color:var(--accent)}.setup-level:active:not(:disabled){transform:translateY(1px)}.setup-level:disabled{opacity:.5;cursor:not-allowed}.setup-level__name{font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:22px;font-weight:600;letter-spacing:2px;color:var(--accent)}.setup-level__line{font-size:13px;opacity:.85}.setup-level__line strong{color:var(--accent);font-weight:600}.setup-level__line em{font-style:italic;opacity:.95;color:var(--ink)}.setup-footer-link{margin:18px 0 0;text-align:center;font-size:13px}.promotion-overlay{position:fixed;inset:0;background:#0a1429c7;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px;animation:promotion-fade .16s ease-out}@keyframes promotion-fade{0%{opacity:0}to{opacity:1}}.promotion-card{background:var(--board-bg);border:1px solid var(--rule);border-radius:14px;padding:22px 22px 14px;box-shadow:0 24px 60px #0000008c;max-width:480px;width:100%;animation:promotion-pop .22s cubic-bezier(.2,.8,.3,1.2)}@keyframes promotion-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.promotion-title{margin:0 0 16px;text-align:center;font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:22px;letter-spacing:1px;color:var(--accent);font-weight:600}.promotion-choices{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.promotion-choice{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;background:#1c2c528c;border:1px solid var(--rule);border-radius:10px;color:var(--ink);cursor:pointer;transition:border-color .12s,background .12s,transform 80ms;font:inherit}.promotion-choice:hover{border-color:var(--accent);background:#1c2c52d9}.promotion-choice:active{transform:translateY(1px)}.promotion-choice img{width:100%;max-width:84px;aspect-ratio:1 / 1;object-fit:contain;user-select:none;pointer-events:none}.promotion-choice span{font-size:12px;letter-spacing:.5px;color:var(--accent)}.promotion-cancel{display:block;margin:6px auto 0;padding:6px 14px;background:none;border:1px solid transparent;color:var(--ink);font-size:12px;opacity:.65;cursor:pointer;font-family:inherit;border-radius:6px}.promotion-cancel:hover{border-color:var(--rule);opacity:.95}.setup-level__loading{position:absolute;right:16px;top:16px;font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:1px}.setup-error{text-align:center;color:#ff7d6d;font-size:13px;margin:6px 0 0}.thinking-badge{align-self:center;margin-right:14px;padding:4px 10px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:999px;white-space:nowrap;animation:thinking-pulse 1.2s ease-in-out infinite}@keyframes thinking-pulse{0%,to{opacity:.55}50%{opacity:1}}.server-error{position:fixed;bottom:70px;left:50%;transform:translate(-50%);background:#ff5a4d2e;border:1px solid #ff5a4d;color:#ffd1cb;padding:6px 14px;font-size:12px;border-radius:4px;z-index:100;display:flex;align-items:center;gap:10px}.server-error__sync{background:#ffd1cb26;border:1px solid rgba(255,209,203,.5);color:#ffd1cb;padding:3px 10px;font-size:11px;border-radius:999px;cursor:pointer;font:inherit}.server-error__sync:hover{background:#ffd1cb47}.game-over-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a1429d9;backdrop-filter:blur(4px);z-index:50}.game-over-card{background:linear-gradient(180deg,#1c2c52f2,#0a1429f2);border:1px solid var(--accent);padding:30px 40px;border-radius:12px;text-align:center;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;gap:20px}.game-over-card h2{font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:32px;color:var(--accent);margin:0;letter-spacing:1px}.game-over-card button{background:var(--accent);color:var(--bg);border:none;padding:12px 24px;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer;transition:transform .1s,opacity .2s,background .2s;text-transform:uppercase;letter-spacing:1px;flex:1}.game-over-card button:hover{opacity:.9}.game-over-actions{display:flex;gap:12px;width:100%}.btn-exit{background:transparent!important;border:1px solid var(--accent)!important;color:var(--accent)!important}.btn-exit:hover{background:#f4ead01a!important}.premium-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;backdrop-filter:blur(5px)}.premium-modal-card{background:linear-gradient(145deg,#1a1f2e,#0a0e17);width:100%;max-width:400px;border-radius:24px;padding:30px;position:relative;border:1px solid rgba(212,175,55,.3);box-shadow:0 25px 50px -12px #00000080,0 0 20px #d4af371a}.premium-modal-close{position:absolute;top:15px;right:20px;background:none;border:none;color:#ffffff80;font-size:28px;cursor:pointer;padding:5px;line-height:1}.premium-modal-header{text-align:center;margin-bottom:25px}.premium-badge{display:inline-block;background:linear-gradient(90deg,#d4af37,#f9f295,#d4af37);color:#000;font-weight:800;font-size:11px;letter-spacing:2px;padding:4px 12px;border-radius:50px;margin-bottom:15px;box-shadow:0 4px 10px #d4af374d}.premium-modal-header h2{color:#fff;margin:0 0 10px;font-size:24px;font-family:Outfit,sans-serif}.premium-modal-header p{color:#fff9;font-size:14px;margin:0}.premium-benefits{margin-bottom:30px}.benefit-item{display:flex;gap:15px;margin-bottom:15px;align-items:flex-start}.benefit-icon{font-size:22px;background:#d4af371a;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.benefit-text{display:flex;flex-direction:column}.benefit-text strong{color:#f9f295;font-size:15px;margin-bottom:2px}.benefit-text span{color:#ffffff80;font-size:13px;line-height:1.4}.premium-footer{text-align:center}.premium-price{margin-bottom:20px;display:flex;flex-direction:column}.price-label{color:#fff6;font-size:12px;text-transform:uppercase;letter-spacing:1px}.price-value{color:#fff;font-size:32px;font-weight:700}.premium-buy-btn{width:100%;background:linear-gradient(90deg,#d4af37,#f9f295);color:#1a1f2e;border:none;padding:16px;border-radius:14px;font-weight:800;font-size:16px;letter-spacing:1px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 20px #d4af3733}.premium-buy-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #d4af374d}.premium-disclaimer{color:#ffffff4d;font-size:11px;margin-top:15px}.game-over-card button:active{transform:translateY(1px)}.lobby-status{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 16px 22px;border:1px dashed var(--rule);border-radius:8px}.lobby-spinner{font-size:64px;color:var(--accent);animation:lobby-pulse 1.6s ease-in-out infinite}@keyframes lobby-pulse{0%,to{transform:scale(1);opacity:.65}50%{transform:scale(1.15);opacity:1}}.lobby-line{margin:0;font-size:14px;text-align:center;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink);opacity:.85;min-height:1.4em}.lobby-elapsed{margin:0;font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:24px;letter-spacing:4px;color:var(--accent);font-variant-numeric:tabular-nums}.opponent-badge{align-self:center;margin-right:14px;padding:4px 10px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink);border:1px solid var(--rule);border-radius:999px;white-space:nowrap;opacity:.85}.drawer-backdrop{position:fixed;inset:0;background:#040a168c;backdrop-filter:blur(2px);z-index:50}.drawer{position:fixed;top:0;left:0;bottom:0;width:min(420px,92vw);background:linear-gradient(180deg,#0a1429,#0f1f3f);border-right:1px solid var(--rule);display:flex;flex-direction:column;z-index:51;box-shadow:6px 0 30px #00000073}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--rule)}.drawer__title{margin:0;font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:28px;letter-spacing:4px;color:var(--accent)}.drawer__close{background:transparent;border:1px solid var(--rule);color:var(--accent);width:36px;height:36px;border-radius:999px;font-size:22px;line-height:1;cursor:pointer}.drawer__close:hover{border-color:var(--accent)}.drawer__body{flex:1;overflow-y:auto;padding:12px 14px 22px}.drawer__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--rule);background:#0a142999}.drawer__user{font-size:13px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.drawer__logout{background:none;border:1px solid var(--rule);color:var(--accent);padding:6px 16px;border-radius:999px;font-size:12px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;font-family:inherit}.drawer__logout:hover{border-color:var(--accent)}.drawer__logout:active{transform:translateY(1px)}.drawer__loading,.drawer__error,.drawer__empty{text-align:center;font-size:13px;opacity:.75;margin:30px 12px}.drawer__error{color:#ff7d6d}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.history-card{background:#1c2c528c;border:1px solid var(--rule);border-radius:6px;overflow:hidden;transition:border-color .15s ease}.history-card.is-expanded{border-color:var(--accent)}.history-card__head{width:100%;background:transparent;border:none;color:var(--ink);text-align:left;cursor:pointer;padding:10px 14px;display:flex;flex-direction:column;gap:4px;font:inherit}.history-card__head:hover{background:#1c2c52d9}.history-card__line{display:flex;align-items:center;justify-content:space-between;gap:10px}.history-card__opponent{display:flex;align-items:center;gap:8px;font-size:14px}.history-card__result{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;padding:2px 10px;border-radius:999px;border:1px solid currentColor}.history-card__result--win{color:#79e6a8}.history-card__result--loss{color:#ff7d6d}.history-card__result--draw{color:#d6c89c}.history-card__result--ongoing{color:#87b6ff}.history-card__result--abandoned{color:#7a849c}.history-card__meta{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;opacity:.7}.history-card__body{padding:12px 14px 14px;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:12px}.history-card__metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:12px}.history-metric{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(244,234,208,.12);padding:3px 0}.history-metric__label{opacity:.7}.history-metric__value{color:var(--accent);font-variant-numeric:tabular-nums}.history-card__moves-table{display:flex;flex-direction:column;gap:4px;padding:8px 8px 0 0;font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:13px;max-height:250px;overflow-y:auto}.history-card__moves-table::-webkit-scrollbar{width:4px}.history-card__moves-table::-webkit-scrollbar-track{background:#0000001a}.history-card__moves-table::-webkit-scrollbar-thumb{background:#f4ead033;border-radius:4px}.history-move-row{display:grid;grid-template-columns:24px 1fr 1fr;align-items:center;gap:8px;border-bottom:1px solid rgba(244,234,208,.04);padding-bottom:4px}.history-move-num{opacity:.55;font-size:11px;text-align:right;padding-right:4px}.history-move-cell{display:flex;align-items:center}.history-move-cell .move{display:inline-flex;align-items:baseline;gap:4px;padding:2px 6px;border-radius:4px;background:#f4ead00a}.history-move-cell .move.is-zebra{background:#ff91641f;border:1px solid rgba(255,145,100,.35)}.move__san{color:var(--accent)}.move__combat{font-size:10px;opacity:.85}.history-card__loading,.history-card__error{font-size:12px;opacity:.7;margin:4px 0 0}.history-card__error{color:#ff7d6d}.piece-modal-overlay{position:fixed;inset:0;background:#040a18d9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.piece-modal-card{background:linear-gradient(145deg,var(--card-bg),#0c1830);border:1px solid var(--rule);border-radius:16px;width:100%;max-width:320px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 16px 40px #0009;position:relative}.piece-modal-close{position:absolute;top:12px;right:16px;background:transparent;border:none;color:#fff;font-size:28px;line-height:1;opacity:.8;padding:4px;cursor:pointer;transition:opacity .2s,transform .2s}.piece-modal-close:hover{opacity:1;transform:scale(1.1)}.piece-modal-image-wrapper{width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.piece-modal-image-wrapper img{width:100%;height:100%;object-fit:contain}.piece-modal-title{font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:28px;font-weight:700;color:var(--accent);margin:0 0 16px;letter-spacing:1px}.piece-modal-desc{font-size:15px;line-height:1.5;color:#c0c8db;margin:0 0 24px}.piece-modal-btn{background:var(--accent);color:#0a1429;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.piece-modal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f4ead04d}.piece-modal-btn:active{transform:translateY(0)}.avatar-edit-modal{max-width:360px;display:flex;flex-direction:column;align-items:stretch;gap:16px}.avatar-edit-modal__header{text-align:center;margin-top:6px}.avatar-edit-modal__header h2{color:#fff;margin:0 0 6px;font-size:20px;font-family:Outfit,Cormorant Garamond,serif}.avatar-edit-modal__header p{color:#ffffff8c;font-size:13px;margin:0}.avatar-edit-modal__preview{display:flex;justify-content:center;align-items:center;padding:6px 0}.avatar-edit-modal__file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.avatar-edit-modal__pick{display:inline-block;text-align:center;padding:10px 16px;border-radius:999px;border:1px solid rgba(212,175,55,.5);color:#f4ead0;font-size:13px;cursor:pointer;background:#d4af3714;transition:background .15s ease,border-color .15s ease}.avatar-edit-modal__pick:hover{background:#d4af3729;border-color:#d4af37cc}.avatar-edit-modal__file:focus-visible+.avatar-edit-modal__pick{outline:2px solid rgba(212,175,55,.8);outline-offset:2px}.avatar-edit-modal__error{color:#ff8a8a;font-size:13px;margin:0;text-align:center}.avatar-edit-modal__actions{display:flex;gap:10px;margin-top:4px}.avatar-edit-modal__cancel,.avatar-edit-modal__save{flex:1;padding:10px 14px;border-radius:999px;font-size:14px;font-family:inherit;cursor:pointer;border:1px solid rgba(255,255,255,.18);transition:opacity .15s ease,background .15s ease}.avatar-edit-modal__cancel{background:transparent;color:#ffffffbf}.avatar-edit-modal__cancel:hover:not(:disabled){background:#ffffff0f}.avatar-edit-modal__save{background:linear-gradient(90deg,#d4af37,#f9f295,#d4af37);color:#0a0e17;border-color:transparent;font-weight:700}.avatar-edit-modal__save:hover:not(:disabled){opacity:.92}.avatar-edit-modal__save:disabled,.avatar-edit-modal__cancel:disabled{opacity:.5;cursor:not-allowed}.drawer-section{padding:0 20px 20px;border-bottom:1px solid var(--rule);margin-bottom:20px}.drawer-section__title{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--accent);opacity:.5;margin-bottom:14px;display:block}.setting-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.setting-item label{font-size:14px;color:var(--ink);cursor:pointer}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#1c2c52cc;transition:.3s;border-radius:24px;border:1px solid var(--rule)}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--ink);transition:.3s;border-radius:50%}input:checked+.switch-slider{background-color:var(--accent);border-color:var(--accent)}input:checked+.switch-slider:before{transform:translate(20px);background-color:var(--bg)}.faq-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.faq-item{border:1px solid var(--rule);border-radius:8px;overflow:hidden;background:#1c2c5259}.faq-question{width:100%;padding:12px 16px;background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-family:inherit;transition:background .2s}.faq-question:hover{background:#f4ead00d}.faq-answer{padding:0 16px 12px;font-size:13px;line-height:1.5;color:var(--ink);opacity:.85}.faq-icon{font-size:10px;transition:transform .3s;opacity:.5}.faq-item.is-open .faq-icon{transform:rotate(180deg)}.lobby-players{list-style:none;margin:0;padding:0 6px 0 0;display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto}.lobby-players::-webkit-scrollbar{width:4px}.lobby-players::-webkit-scrollbar-thumb{background:#f4ead026;border-radius:4px}.lobby-player-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#1c2c5266;border:1px solid var(--rule);border-radius:12px;transition:border-color .15s}.lobby-player-card:hover{border-color:#f4ead04d;background:#1c2c5299}.lobby-player-info{flex:1;display:flex;flex-direction:column;min-width:0}.lobby-player-name{font-size:15px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-player-wins{font-size:11px;color:var(--accent);opacity:.8;letter-spacing:.5px;text-transform:uppercase}.lobby-challenge-btn{padding:8px 16px;background:var(--accent);color:var(--bg);border:none;border-radius:8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:transform .1s,opacity .2s;white-space:nowrap}.lobby-challenge-btn:hover{opacity:.9}.lobby-challenge-btn:active{transform:translateY(1px)}.lobby-challenge-btn:disabled{opacity:.5;cursor:not-allowed}.challenge-modal-overlay{position:fixed;inset:0;background:#040a18d9;backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.challenge-modal{background:var(--board-bg);border:1px solid var(--accent);border-radius:20px;padding:30px;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 50px #0009}.challenge-modal h2{font-family:Cormorant Garamond,serif;font-size:28px;color:var(--accent);margin-bottom:12px}.challenge-modal p{color:var(--ink);opacity:.8;margin-bottom:24px}.challenge-actions{display:flex;gap:12px}.challenge-btn{flex:1;padding:12px;border-radius:10px;font-weight:700;cursor:pointer;border:none}.challenge-btn--accept{background:var(--accent);color:var(--bg)}.challenge-btn--reject{background:#ffffff1a;color:#fff}.auth-root{min-height:100dvh;width:100vw;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(ellipse at 50% 30%,rgba(244,234,208,.06) 0%,transparent 60%),var(--bg);overflow-y:auto}.auth-card{width:100%;max-width:420px;background:var(--board-bg);border:1px solid var(--rule);border-radius:14px;padding:28px 26px 22px;box-shadow:0 18px 40px #00000073}.auth-brand{margin:0 0 4px;font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:30px;font-weight:600;letter-spacing:1.2px;color:var(--accent);text-align:center}.auth-title{margin:0 0 24px;font-size:16px;text-align:center;color:var(--ink);opacity:.85}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--ink);opacity:.7}.auth-field input{padding:11px 14px;font-size:15px;background:#ffffff0a;border:1px solid var(--rule);border-radius:8px;color:var(--ink);outline:none;transition:border-color .12s}.auth-field input:focus{border-color:var(--accent)}.auth-field input:disabled{opacity:.55;cursor:not-allowed}.auth-field--hint{font-size:11px;color:var(--ink);opacity:.5;margin-top:-2px}.auth-submit{margin-top:6px;padding:13px 18px;background:var(--accent);color:var(--bg);border:none;border-radius:8px;font-size:15px;font-weight:700;letter-spacing:.4px;cursor:pointer;transition:transform 90ms,opacity .12s}.auth-submit:hover:not(:disabled){transform:translateY(-1px)}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-error{margin:8px 0 0;padding:10px 12px;background:#dc505a1f;border:1px solid rgba(220,80,90,.4);border-radius:8px;color:#ffb7bb;font-size:13px;line-height:1.45}.auth-success{margin:8px 0 0;padding:10px 12px;background:#78c88c1f;border:1px solid rgba(120,200,140,.4);border-radius:8px;color:#c5e7ce;font-size:13px;line-height:1.45}.auth-links{margin-top:18px;display:flex;flex-direction:column;gap:8px;align-items:center;font-size:13px;color:var(--ink);opacity:.85}.auth-link{background:none;border:none;padding:4px 6px;color:var(--accent);font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-family:inherit}.auth-link:hover{opacity:.85}.auth-divider{margin:16px 0 8px;border-top:1px solid var(--rule)}.google-signin{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 18px;position:relative}.google-signin:after{content:"ou";display:block;margin-top:8px;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink);opacity:.45}.google-signin__busy{font-size:12px;color:var(--ink);opacity:.7}.google-signin__android-btn{display:inline-flex;align-items:center;gap:12px;padding:11px 18px;width:280px;max-width:100%;justify-content:center;background:#fff;color:#1f1f1f;border:1px solid rgba(255,255,255,.65);border-radius:8px;font-size:14px;font-weight:500;font-family:Roboto,system-ui,sans-serif;cursor:pointer;transition:transform 90ms,box-shadow .12s;box-shadow:0 1px 2px #0000004d}.google-signin__android-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 6px #00000059}.google-signin__android-btn:disabled{opacity:.6;cursor:not-allowed}.google-signin__g{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc04 66%,#ea4335);color:#fff;font-weight:700;font-size:13px;line-height:1}.session-bar{position:fixed;top:12px;right:14px;display:flex;align-items:center;gap:12px;padding:6px 10px 6px 14px;background:#122144d9;border:1px solid var(--rule);border-radius:999px;font-size:13px;color:var(--ink);backdrop-filter:blur(4px);z-index:10}.session-bar .avatar{margin-left:-6px}.session-bar__avatar-btn{background:none;border:none;padding:0;cursor:pointer;border-radius:999px;transition:transform .15s ease,box-shadow .15s ease;font-family:inherit}.session-bar__avatar-btn:hover,.session-bar__avatar-btn:focus-visible{transform:scale(1.06);box-shadow:0 0 0 2px var(--accent, #d4af37);outline:none}.session-bar__name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-bar__logout{background:none;border:1px solid var(--rule);color:var(--accent);padding:4px 12px;border-radius:999px;font-size:12px;cursor:pointer;font-family:inherit}.session-bar__logout:hover{border-color:var(--accent)}.hamburger{position:fixed;top:14px;left:14px;width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px;background:#122144d9;border:1px solid var(--rule);border-radius:999px;cursor:pointer;backdrop-filter:blur(4px);z-index:11;transition:border-color .15s ease,background .15s ease}.hamburger span{display:block;width:18px;height:2px;background:var(--accent);border-radius:2px}.hamburger:hover{border-color:var(--accent)}.hamburger:active{transform:translateY(1px)}.boot-splash{min-height:100dvh;display:flex;align-items:center;justify-content:center;color:var(--accent);font-family:Cormorant Garamond,Georgia,serif;font-size:24px;letter-spacing:1.2px;background:var(--bg)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--rule);user-select:none}.avatar--img{object-fit:cover;border:1px solid var(--rule)}.avatar--initials{background:linear-gradient(135deg,#1c2c52,#0a1429);color:var(--accent);font-family:Cormorant Garamond,Georgia,serif;font-weight:600;letter-spacing:.5px;border:1px solid var(--rule)}.auth-avatar-uploader{display:flex;align-items:center;gap:14px;padding:6px 0 4px}.auth-avatar-uploader__actions{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.auth-avatar-uploader__file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.auth-avatar-uploader__file:focus-visible+label.auth-link{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.auth-link--muted{color:var(--ink);opacity:.55}.session-bar__avatar-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;border-radius:50%;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.session-bar__avatar-btn:hover{transform:scale(1.1)}.avatar-edit-modal{text-align:center}.avatar-edit-modal__header h2{margin:0 0 8px;color:#fff;font-size:20px}.avatar-edit-modal__header p{margin:0 0 24px;color:#ffffff80;font-size:13px}.avatar-edit-modal__preview{margin-bottom:24px;display:flex;justify-content:center}.avatar-edit-modal__file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.avatar-edit-modal__pick{display:inline-block;padding:10px 20px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:8px;color:var(--accent);font-size:14px;cursor:pointer;transition:all .2s;margin-bottom:20px}.avatar-edit-modal__pick:hover{background:#ffffff1a;border-color:var(--accent)}.avatar-edit-modal__error{color:#ff5a4d;font-size:13px;margin-top:-10px;margin-bottom:20px}.avatar-edit-modal__actions{display:flex;gap:12px;margin-top:10px}.avatar-edit-modal__cancel,.avatar-edit-modal__save{flex:1;padding:12px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.avatar-edit-modal__cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.avatar-edit-modal__cancel:hover{background:#ffffff1a}.avatar-edit-modal__save{background:var(--accent);border:none;color:#000}.avatar-edit-modal__save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f4ead033}.avatar-edit-modal__save:disabled{opacity:.5;cursor:not-allowed}.support-drawer{background:#0a1429;color:#e7ecf5;display:flex;flex-direction:column}.support-header{display:flex;align-items:center;gap:16px;padding:24px;background:#0d1b38;border-bottom:1px solid #1c2c52}.support-back{background:#1c2c52;border:none;color:#e7ecf5;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.support-header-text h2{margin:0;font-size:18px;font-family:Georgia,serif;color:#f4ead0}.support-header-text span{font-size:11px;color:#7a849c;letter-spacing:1px}.support-tabs{display:flex;padding:16px;gap:12px}.support-tab{flex:1;padding:12px;background:transparent;border:1px solid #1c2c52;border-radius:8px;color:#9aa6bd;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.support-tab.active{background:#1c2c52;border-color:#7b61ff;color:#f4ead0}.support-body{flex:1;overflow-y:auto;padding:16px 24px}.support-label{display:block;font-size:11px;font-weight:700;color:#7a849c;margin-bottom:12px;margin-top:20px;letter-spacing:.5px}.subject-list{display:flex;flex-direction:column;gap:10px}.subject-btn{display:flex;align-items:center;gap:12px;background:#122144;border:1px solid #1c2c52;padding:14px 16px;border-radius:12px;color:#e7ecf5;cursor:pointer;transition:border-color .2s}.subject-btn.selected{border-color:#7b61ff}.subject-dot{width:8px;height:8px;border-radius:50%}.message-container{background:#122144;border:1px solid #1c2c52;border-radius:12px;overflow:hidden}.message-toolbar{display:flex;gap:8px;padding:8px;background:#0d1b38;border-bottom:1px solid #1c2c52}.message-toolbar button{background:#1c2c52;border:none;color:#7a849c;padding:4px 10px;border-radius:4px;font-size:11px;opacity:.6}.message-container textarea{width:100%;height:180px;background:transparent;border:none;padding:16px;color:#e7ecf5;font-family:inherit;resize:none;outline:none}.char-count{text-align:right;padding:8px 16px;font-size:10px;color:#7a849c}.attachment-zone{background:#122144;border:1px dashed #1c2c52;border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;color:#9aa6bd}.attachment-zone.has-file{border-style:solid;border-color:#7b61ff;color:#f4ead0}.support-disclaimer{font-size:11px;color:#7a849c;line-height:1.5;margin-top:24px;text-align:center}.support-submit{width:100%;background:#1c2c52;color:#f4ead0;border:none;padding:16px;border-radius:12px;font-weight:700;margin-top:24px;cursor:pointer}.support-submit:disabled{opacity:.5;cursor:not-allowed}.support-history{padding-bottom:40px}.ticket-item{background:#122144;border:1px solid #1c2c52;border-radius:12px;padding:16px;margin-bottom:16px;list-style:none}.ticket-header{display:flex;justify-content:space-between;margin-bottom:12px}.ticket-subject{font-weight:700;color:#f4ead0}.ticket-date{font-size:11px;color:#7a849c}.ticket-message{font-size:14px;line-height:1.5;color:#cdd5e3;margin-bottom:12px}.ticket-attachment{display:inline-block;font-size:12px;color:#7b61ff;text-decoration:none;margin-bottom:16px}.ticket-reply{background:#0d1b38;border-left:3px solid #7b61ff;padding:12px;border-radius:0 8px 8px 0}.ticket-reply label{font-size:10px;font-weight:700;color:#7b61ff;display:block;margin-bottom:4px}.ticket-reply p{margin:0;font-size:14px;color:#e7ecf5}.reply-date{display:block;text-align:right;font-size:10px;color:#7a849c;margin-top:8px}.ticket-pending{font-size:12px;font-style:italic;color:#7a849c}.drawer__btn-support{display:flex;align-items:center;gap:10px;width:100%;background:#1c2c52;border:none;padding:12px 16px;border-radius:8px;color:#f4ead0;font-weight:700;cursor:pointer;margin-bottom:12px}