@import url(https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap);.board-page-container{align-items:center;background:var(--bg);box-sizing:border-box;display:flex;justify-content:center;min-height:calc(100vh - var(--nav-h));padding:24px 20px}.game-container{color:var(--text);justify-content:center}.game-container,.game-content-wrapper{align-items:flex-start;display:flex;gap:20px}.game-content-wrapper{position:relative}.chess-wrapper{flex-direction:column;gap:6px}.chess-wrapper,.player-info{align-items:center;display:flex}.player-info{background:var(--panel);border:1px solid var(--border);border-radius:9px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;justify-content:space-between;padding:9px 16px;transition:background .25s ease,box-shadow .25s ease;-webkit-user-select:none;user-select:none;width:480px}.player-info .player-name{color:var(--text);font-size:13px;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-info .player-rating{color:var(--text-muted);font-size:12px}.guest-rating-wrap{align-items:center;cursor:help;display:inline-flex;position:relative}.guest-rating-tooltip{background:var(--panel);border:1px solid var(--border-strong);border-radius:6px;bottom:calc(100% + 6px);color:var(--text);font-family:DM Sans,sans-serif;font-size:12px;left:50%;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s;visibility:hidden;white-space:nowrap;z-index:10}.guest-rating-wrap:hover .guest-rating-tooltip{opacity:1;visibility:visible}.player-info.active-turn{background:var(--panel-hover);box-shadow:0 0 12px var(--accent-glow)}.captured-row{align-items:center;display:flex;flex-wrap:wrap;gap:0;min-height:20px;padding:2px 4px;width:480px}.cap-piece{display:block;flex-shrink:0;height:20px;margin-right:-4px;object-fit:contain;width:20px}.cap-piece:last-of-type{margin-right:0}.material-adv{color:var(--text-muted);font-size:11px;font-weight:600;margin-left:8px}.chess-board-container{border-radius:4px;box-shadow:0 8px 32px #00000080;height:480px;overflow:hidden;position:relative;transition:box-shadow .5s ease;width:480px}@keyframes boardShake{0%{transform:translate(0) rotate(0deg)}8%{transform:translate(-10px,-5px) rotate(-.6deg)}16%{transform:translate(10px,6px) rotate(.6deg)}24%{transform:translate(-8px,7px) rotate(-.4deg)}32%{transform:translate(8px,-7px) rotate(.4deg)}40%{transform:translate(-5px,4px) rotate(-.25deg)}52%{transform:translate(5px,-4px) rotate(.25deg)}64%{transform:translate(-3px,2px) rotate(-.1deg)}76%{transform:translate(3px,-2px) rotate(.1deg)}88%{transform:translate(-1px,1px) rotate(0deg)}to{transform:translate(0) rotate(0deg)}}.chess-board-container.shaking{animation:boardShake .65s cubic-bezier(.36,.07,.19,.97) both}.chess-board-container.critical-timer{box-shadow:0 8px 32px #00000080,0 0 40px #ef444433}.chess-board-container.critical-timer:after{animation:vignetteIn .5s ease forwards;background:radial-gradient(ellipse at center,#0000 35%,#ef444447 100%);content:"";inset:0;pointer-events:none;position:absolute;z-index:5}@keyframes vignetteIn{0%{opacity:0}to{opacity:1}}.side-panel{background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;flex-shrink:0;max-height:560px;overflow-y:auto;padding:16px;width:200px}.side-panel h3{border-bottom:1px solid var(--border);color:var(--text-muted);font-family:Rajdhani,Impact,sans-serif;font-size:14px;font-weight:700;letter-spacing:.1em;margin-bottom:14px;padding-bottom:8px;text-transform:uppercase}.move-history-table{display:flex;flex-direction:column;gap:2px}.move-history-row{align-items:center;border-radius:5px;display:flex;font-family:DM Sans,monospace;font-size:13px;gap:8px;padding:3px 6px;transition:background .1s}.move-history-row:hover{background:var(--panel)}.move-turn{color:var(--text-dim);flex-shrink:0;font-size:11px;text-align:right;width:24px}.move-black,.move-white{color:var(--text);width:56px}.bpi-header{color:#f59e0b;font-family:Rajdhani,Impact,sans-serif;font-size:16px;font-weight:700;letter-spacing:.05em;margin-bottom:4px}.bpi-subtext{color:#f59e0ba6;font-family:DM Sans,sans-serif;font-size:11px;font-style:italic;margin-bottom:14px}.bpi-timer-wrap{display:flex;justify-content:center;margin-bottom:16px}.bpi-timer-wrap .timer{background:#f59e0b14!important;border-color:#f59e0b66!important;color:#f59e0b!important;font-size:2rem!important;padding:10px 12px!important;width:120px!important}.bpi-slots{gap:8px;margin-bottom:8px}.bpi-slot,.bpi-slots{display:flex;justify-content:center}.bpi-slot{align-items:center;background:#f59e0b0a;border:1.5px dashed #f59e0b4d;border-radius:6px;font-size:16px;height:34px;transition:background .2s,border-color .2s;width:34px}.bpi-slot--placed{background:#f59e0b1f;border-color:#f59e0bb3}.bpi-count{color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:10px;letter-spacing:.5px;margin-bottom:12px;text-align:center}.bpi-rule{color:var(--text-dim);line-height:1.5}.bpi-rule,.bpi-waiting{font-family:DM Sans,sans-serif;font-size:11px;text-align:center}.bpi-waiting{background:#f59e0b12;border:1px solid #f59e0b40;border-radius:6px;color:#f59e0bbf;font-weight:600;letter-spacing:.3px;padding:6px 10px}.disconnect-notice{animation:slideDown .2s ease;background:#ef44441f;border:1px solid #ef444466;border-radius:8px;box-sizing:border-box;color:#fca5a5;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;padding:9px 16px;text-align:center;width:480px}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.placing-bombs .player-info.active-turn{box-shadow:0 0 12px #f59e0b40}.placing-bombs .chess-board-container{box-shadow:0 8px 32px #00000080,0 0 24px #f59e0b1a;transition:box-shadow .4s ease}.enemy-territory-fog{align-items:center;background:#06040ed1;border-bottom:1.5px solid #f59e0b8c;border-top:1.5px solid #f59e0b8c;display:flex;flex-direction:column;gap:4px;height:25%;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:25%;z-index:4}.enemy-territory-label .fog-main{color:#f59e0be6;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;letter-spacing:2.5px;pointer-events:none;text-transform:uppercase}.enemy-territory-label .fog-sub{color:#fff6;font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;letter-spacing:.3px;pointer-events:none}@keyframes boardArmedFade{0%{opacity:0}12%{opacity:1}78%{opacity:1}to{opacity:0}}.board-armed-overlay{align-items:center;animation:boardArmedFade 2.2s ease forwards;background:#000000c7;display:flex;flex-direction:column;gap:10px;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:20}.board-armed-overlay .armed-title{color:#ef4444;font-family:DM Sans,sans-serif;font-size:22px;font-weight:700;letter-spacing:.5px}.board-armed-overlay .armed-subtitle{color:#fff9;font-family:DM Sans,sans-serif;font-size:13px}.move-history-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:8px}.moves-label{color:var(--text-muted);font-family:Rajdhani,Impact,sans-serif;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.nav-controls{display:flex;gap:2px}.nav-btn{background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:11px;line-height:1;padding:3px 6px;transition:color .15s,border-color .15s,background .15s}.nav-btn:hover{background:var(--panel);border-color:var(--accent);color:var(--text)}.move-black,.move-white{border-radius:3px;cursor:pointer;transition:background .1s}.move-black:hover,.move-white:hover{background:var(--panel-hover)}.move-active{background:var(--accent-dim)!important;color:var(--accent-light)!important;font-weight:600}.game-actions{border-top:1px solid var(--border);display:flex;flex-direction:row;gap:8px;margin-top:16px;padding-top:14px}.action-btn{border:1px solid #0000;border-radius:7px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;letter-spacing:.06em;padding:9px 12px;text-transform:uppercase;transition:background .15s,border-color .15s,box-shadow .15s}.action-btn--danger{background:#ef44441a;border-color:#ef444440;color:#fca5a5}.action-btn--danger:hover{background:#ef444433;border-color:#ef444480;box-shadow:0 0 12px #ef444426}.action-btn--ghost{background:#0000;border-color:var(--border-strong);color:var(--text-muted)}.action-btn--ghost:hover{background:var(--panel);border-color:var(--border-strong);color:var(--text)}.action-btn--primary{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 14px var(--accent-glow);color:#fff}.action-btn--primary:hover{background:var(--accent-light);border-color:var(--accent-light);box-shadow:0 6px 20px var(--accent-glow)}.action-btn--waiting{box-shadow:none!important;cursor:default;opacity:.5;transform:none!important}.settings-zone{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.settings-label{color:var(--text-dim);font-family:Rajdhani,Impact,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}.setting-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.setting-name{color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:12px;font-weight:500}.toggle-btn{background:var(--border-strong);border:none;border-radius:9px;cursor:pointer;flex-shrink:0;height:18px;padding:0;position:relative;transition:background .2s;width:34px}.toggle-btn:after{background:#fff;border-radius:50%;content:"";height:12px;left:3px;position:absolute;top:3px;transition:transform .2s;width:12px}.toggle-btn--on{background:var(--accent)}.toggle-btn--on:after{transform:translateX(16px)}.wl-overlay{align-items:center;animation:wlFadeIn .2s ease forwards;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}@keyframes wlFadeIn{0%{opacity:0}to{opacity:1}}.wl-card{animation:wlPopIn .35s cubic-bezier(.16,1,.3,1) forwards;border-radius:14px;overflow:hidden;position:relative;width:340px}.wl-overlay--win .wl-card{background:linear-gradient(160deg,#050e08,#0a1a0d 60%,#060a09)}.wl-overlay--loss .wl-card{background:linear-gradient(160deg,#0d0606,#130a0a 60%,#0a0606)}.wl-overlay--draw .wl-card{background:var(--bg);border:1px solid var(--border)}@keyframes wlPopIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.wl-bg-gif{border-radius:0 0 14px 14px;bottom:0;height:180px;left:0;mask-image:linear-gradient(180deg,#0000 0,#00000080 25%,#000 70%);-webkit-mask-image:linear-gradient(180deg,#0000 0,#00000080 25%,#000 70%);object-fit:cover;object-position:center top;opacity:.38;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.wl-content{align-items:center;display:flex;flex-direction:column;padding:28px 24px 196px;position:relative;width:100%;z-index:1}.wl-headline{font-family:Rajdhani,Impact,sans-serif;font-size:11px;font-weight:700;letter-spacing:5px;margin-bottom:16px}.wl-overlay--win .wl-headline{color:#22c55e}.wl-overlay--loss .wl-headline{color:#ef4444b3}.wl-overlay--draw .wl-headline{color:var(--text-muted)}.wl-tagline{color:var(--text);font-family:Rajdhani,Impact,sans-serif;font-size:18px;font-weight:900;letter-spacing:.04em;line-height:1.25;margin-bottom:6px}.wl-overlay--loss .wl-tagline{color:#f0eff8b3}.wl-subtext{color:var(--text-muted);font-size:13px;margin-bottom:24px}.wl-reason,.wl-subtext{font-family:DM Sans,sans-serif}.wl-reason{color:var(--text-dim);font-size:10px;letter-spacing:1px;margin-bottom:32px;text-transform:uppercase}.wl-elo{align-items:baseline;display:flex;gap:8px;margin-bottom:12px}.wl-elo-change{font-family:Rajdhani,Impact,sans-serif;font-size:34px;font-weight:900;letter-spacing:-1px;line-height:1}.wl-elo-new{color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:18px;font-weight:500}.wl-elo-label{align-self:flex-end;color:var(--text-dim);font-family:Rajdhani,Impact,sans-serif;font-size:11px;letter-spacing:3px;padding-bottom:6px}.wl-matchup{align-items:center;color:var(--text-dim);display:flex;font-family:DM Sans,sans-serif;font-size:12px;gap:8px;margin-bottom:40px}.wl-matchup-vs{color:var(--text-dim);font-size:10px;opacity:.5}.wl-close{align-items:center;background:#ffffff12;border:none;border-radius:50%;color:var(--text-dim);cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;line-height:1;position:absolute;right:12px;top:12px;transition:background .15s,color .15s;width:28px;z-index:2}.wl-close:hover{background:#ffffff24;color:var(--text)}.wl-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.wl-btn{border:1px solid #0000;border-radius:8px;cursor:pointer;font-family:Rajdhani,Impact,sans-serif;font-size:14px;font-weight:700;letter-spacing:.08em;padding:11px 24px;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s}.wl-btn:hover:not(:disabled){transform:translateY(-1px)}.wl-btn:active:not(:disabled){transform:translateY(0)}.wl-btn--primary{background:var(--accent);box-shadow:0 4px 16px var(--accent-glow);color:#fff}.wl-btn--primary:hover:not(:disabled){background:var(--accent-light);box-shadow:0 6px 22px var(--accent-glow)}.wl-btn--ghost{background:#0000;border-color:var(--border-strong);color:var(--text-muted)}.wl-btn--ghost:hover{background:var(--panel);color:var(--text)}.wl-btn--waiting{box-shadow:none!important;cursor:default;opacity:.5;transform:none!important}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 12px 40px #00000080;color:var(--text);font-family:DM Sans,sans-serif;font-size:15px;max-width:380px;padding:28px 36px;text-align:center;width:90vw}.modal-buttons{display:flex;gap:12px;justify-content:center;margin-top:22px}.cancel-button,.confirm-button{border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.06em;padding:10px 28px;text-transform:uppercase;transition:background .15s,box-shadow .15s}.confirm-button{background:#ef4444d9;border:1px solid #ef444480;box-shadow:0 4px 14px #ef444433;color:#fff}.confirm-button:hover{background:#ef4444;box-shadow:0 6px 20px #ef444459}.cancel-button{background:#0000;border:1px solid var(--border-strong);color:var(--text-muted)}.cancel-button:hover{background:var(--panel);color:var(--text)}.det-overlay{align-items:center;animation:detFadeIn .08s ease forwards;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:20}.det-overlay--regular{background:#000000d1}.det-overlay--king{background:radial-gradient(ellipse at center,#1a0a00 0,#000 75%)}@keyframes detFadeIn{0%{opacity:0}to{opacity:1}}.det-flash{animation:detFlash .25s ease-out forwards;inset:0;pointer-events:none;position:absolute}.det-overlay--regular .det-flash{background:#ef444473}.det-overlay--king .det-flash{background:#f59e0b80}@keyframes detFlash{0%{opacity:1}to{opacity:0}}.det-ring{animation:detRingOut 1.6s ease-out forwards;border-radius:50%;border-style:solid;opacity:0;position:absolute}.det-overlay--regular .det-ring{border-color:#ef4444b3;border-width:2px;box-shadow:0 0 16px #ef44444d}.det-overlay--king .det-ring{border-color:#f59e0ba6;border-width:1.5px;box-shadow:0 0 28px #f59e0b40}.det-ring--1{animation-delay:0s;height:50px;width:50px}.det-ring--2{animation-delay:.12s;height:130px;width:130px}.det-ring--3{animation-delay:.26s;height:230px;width:230px}.det-ring--4{animation-delay:.42s;height:350px;width:350px}.det-ring--5{animation-delay:.6s;height:500px;width:500px}@keyframes detRingOut{0%{opacity:0;transform:scale(.2)}15%{opacity:1}70%{opacity:.4}to{opacity:0;transform:scale(1)}}.det-content{animation:detTextIn .35s ease .45s both;padding:0 24px;position:relative;text-align:center;z-index:2}@keyframes detTextIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.det-emoji{animation:detEmojiBounce .4s cubic-bezier(.34,1.56,.64,1) .45s both;font-size:48px;line-height:1;margin-bottom:12px}@keyframes detEmojiBounce{0%{transform:scale(.4)}to{transform:scale(1)}}.det-overlay--regular .det-line1{color:#fff;font-family:Rajdhani,Impact,sans-serif;font-size:22px;font-weight:900;letter-spacing:2px;line-height:1.2;margin-bottom:8px;text-shadow:0 0 32px #ef4444}.det-overlay--regular .det-line2{color:#ef4444d9;font-family:DM Sans,sans-serif;font-size:12px;letter-spacing:.5px}.det-overlay--king .det-line1{color:#f59e0b;font-family:Rajdhani,Impact,sans-serif;font-size:12px;font-weight:700;letter-spacing:5px;margin-bottom:10px;text-shadow:0 0 24px #f59e0be6}.det-overlay--king .det-line2{color:#fff;font-family:Rajdhani,Impact,sans-serif;font-size:22px;font-weight:800;letter-spacing:1px}.mfo-overlay{align-items:center;animation:mfoFadeIn .2s ease forwards;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000e0;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:400}@keyframes mfoFadeIn{0%{opacity:0}to{opacity:1}}.mfo-card{animation:mfoCardIn .32s cubic-bezier(.16,1,.3,1) forwards;background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;padding:36px 52px;text-align:center}@keyframes mfoCardIn{0%{opacity:0;transform:scale(.9) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.mfo-label{color:var(--accent-light);font-family:Rajdhani,Impact,sans-serif;font-size:11px;font-weight:700;letter-spacing:4px;margin-bottom:28px}.mfo-players{gap:28px;margin-bottom:28px}.mfo-player,.mfo-players{align-items:center;display:flex}.mfo-player{flex-direction:column;gap:6px;min-width:100px}.mfo-avatar{align-items:center;background:#7c3aed1f;border:2px solid var(--accent);border-radius:50%;color:var(--accent-light);display:flex;font-family:Rajdhani,Impact,sans-serif;font-size:18px;font-weight:700;height:46px;justify-content:center;width:46px}.mfo-avatar--opponent{background:#ef444414;border-color:#ef444480;color:#fca5a5}.mfo-name{color:var(--text);font-size:14px;font-weight:600}.mfo-name,.mfo-rating{font-family:DM Sans,sans-serif}.mfo-rating{color:var(--text-muted);font-size:12px}.mfo-rating--taunt{color:#ef4444b3;font-style:italic}.mfo-vs{color:var(--text-dim);font-size:20px;font-weight:300}.mfo-starting,.mfo-vs{font-family:Rajdhani,Impact,sans-serif}.mfo-starting{background:var(--accent);border-radius:6px;box-shadow:0 4px 16px var(--accent-glow);color:#fff;display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;padding:9px 22px}.loader-container{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:13px;gap:12px;justify-content:center;padding:24px}.spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.front-page{align-items:center;background:var(--bg);display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--nav-h));overflow:hidden;padding:60px 20px;position:relative}.front-page:before{background:radial-gradient(ellipse,var(--accent-dim) 0,#0000 70%);content:"";height:300px;left:50%;pointer-events:none;position:absolute;top:15%;transform:translateX(-50%);width:500px}.logo{animation:logoReveal .7s cubic-bezier(.16,1,.3,1) forwards;filter:drop-shadow(0 0 40px var(--accent-glow));height:auto;max-width:88vw;width:420px}.logo,.tagline{position:relative;z-index:1}.tagline{animation:panelReveal .7s cubic-bezier(.16,1,.3,1) .08s both;color:var(--text);font-family:Rajdhani,Impact,sans-serif;font-size:17px;font-weight:600;letter-spacing:.12em;margin:12px 0 0;opacity:.85}.join-create-room-container{align-items:center;animation:panelReveal .7s cubic-bezier(.16,1,.3,1) .15s both;display:flex;flex-direction:column;gap:24px;margin-top:40px;position:relative;z-index:1}@keyframes panelReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.button-group{display:flex;gap:12px}.player-elo-badge{color:var(--accent);font-family:Rajdhani,Impact,sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em;opacity:.75;text-transform:uppercase}.matchmaking-group{align-items:center;display:flex;flex-direction:column;gap:16px}.time-control-pills{display:flex;gap:8px}.time-control-pill{background:var(--panel);border:1px solid var(--border-strong);border-radius:8px;color:var(--text-muted);cursor:pointer;font-family:Rajdhani,Impact,sans-serif;font-size:15px;font-weight:700;letter-spacing:.06em;min-width:60px;padding:10px 20px;text-align:center;transition:transform .12s ease,background .12s ease,border-color .12s ease,color .12s ease}.time-control-pill:hover{background:var(--panel-hover);border-color:var(--accent);color:var(--text)}.time-control-pill--active{background:var(--accent);border-color:var(--accent);box-shadow:0 2px 12px var(--accent-glow);color:#fff}.time-control-pill--active:hover{background:var(--accent-light);border-color:var(--accent-light)}.play-game-button{background:var(--accent);border:none;border-radius:10px;box-shadow:0 4px 20px var(--accent-glow);color:#fff;cursor:pointer;font-family:Rajdhani,Impact,sans-serif;font-size:15px;font-weight:700;letter-spacing:.08em;min-width:200px;padding:14px 48px;text-align:center;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.play-game-button:hover:enabled{background:var(--accent-light);box-shadow:0 6px 28px var(--accent-glow);transform:translateY(-2px)}.play-game-button:disabled{cursor:not-allowed;opacity:.4}.queue-error{color:#e55;color:var(--error,#e55);font-size:13px;margin:0}.searching-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.searching-popup{align-items:center;background:var(--panel);border:1px solid var(--border-strong);border-radius:16px;box-shadow:0 8px 40px #00000080;display:flex;flex-direction:column;gap:20px;min-width:280px;padding:40px 48px}.searching-mine{animation:mineSpin 4s linear infinite;flex-shrink:0;height:56px;position:relative;width:56px}.mine-body{border-radius:50%;box-shadow:0 0 14px var(--accent-glow);height:26px;translate:-50% -50%;width:26px}.mine-body,.mine-spike{background:var(--accent);left:50%;position:absolute;top:50%}.mine-spike{border-radius:2px;height:14px;transform-origin:50% 100%;width:4px}.mine-spike--top{transform:translate(-50%,-100%) rotate(0deg) translateY(-5px)}.mine-spike--tr{transform:translate(-50%,-100%) rotate(45deg) translateY(-5px)}.mine-spike--right{transform:translate(-50%,-100%) rotate(90deg) translateY(-5px)}.mine-spike--br{transform:translate(-50%,-100%) rotate(135deg) translateY(-5px)}.mine-spike--bottom{transform:translate(-50%,-100%) rotate(180deg) translateY(-5px)}.mine-spike--bl{transform:translate(-50%,-100%) rotate(225deg) translateY(-5px)}.mine-spike--left{transform:translate(-50%,-100%) rotate(270deg) translateY(-5px)}.mine-spike--tl{transform:translate(-50%,-100%) rotate(315deg) translateY(-5px)}@keyframes mineSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.searching-elapsed{color:var(--text-dim);font-size:14px;letter-spacing:.1em;margin:-12px 0 0}.searching-elapsed,.searching-text{font-family:Rajdhani,Impact,sans-serif;font-weight:600}.searching-text{color:var(--text);font-size:17px;letter-spacing:.04em;margin:0}.searching-cancel{background:var(--panel);border:1px solid var(--border-strong);border-radius:8px;color:var(--text-muted);cursor:pointer;font-family:Rajdhani,Impact,sans-serif;font-size:14px;font-weight:700;letter-spacing:.06em;padding:10px 28px;transition:background .12s ease,color .12s ease,border-color .12s ease}.searching-cancel:hover{background:var(--panel-hover);border-color:var(--accent);color:var(--text)}.sign-in-button{border-radius:10px;box-shadow:0 4px 20px var(--accent-glow);letter-spacing:.08em;min-width:160px;padding:14px 32px;text-align:center;transition:transform .15s ease,box-shadow .15s ease}.sign-in-button:hover:enabled{box-shadow:0 6px 28px var(--accent-glow);transform:translateY(-2px)}.guest-button{background:var(--panel);border:1px solid var(--border-strong);border-radius:10px;color:var(--text-muted);cursor:pointer;font-family:Rajdhani,Impact,sans-serif;font-size:15px;font-weight:700;letter-spacing:.08em;min-width:160px;padding:14px 32px;text-align:center;transition:transform .15s ease,background .15s ease}.guest-button:hover:enabled{background:var(--panel-hover);color:var(--text);transform:translateY(-2px)}.bomb{animation:floatUp 8s ease-in-out infinite;filter:grayscale(.2) opacity(.55);opacity:0;pointer-events:none;position:absolute}.bomb--1{animation-delay:0s;animation-duration:9s;height:22px;left:12%;width:22px}.bomb--2{animation-delay:2.5s;animation-duration:7s;height:34px;left:28%;width:34px}.bomb--3{animation-delay:5s;animation-duration:10s;height:18px;left:62%;width:18px}.bomb--4{animation-delay:1s;animation-duration:8s;height:28px;left:80%;width:28px}@keyframes floatUp{0%{bottom:-5%;opacity:0;transform:translateY(0) rotate(0deg)}10%{opacity:.35}80%{opacity:.2}to{bottom:90vh;opacity:0;transform:translateY(-90vh) rotate(300deg)}}.reset-password-page{align-items:center;background:var(--bg);display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--nav-h));padding:40px 20px;position:relative}.reset-password-page:before{background:radial-gradient(ellipse,var(--accent-dim) 0,#0000 70%);content:"";height:200px;left:50%;pointer-events:none;position:absolute;top:20%;transform:translateX(-50%);width:400px}.reset-password-page .logo{animation:logoReveal .6s cubic-bezier(.16,1,.3,1) forwards;filter:drop-shadow(0 0 28px var(--accent-glow));height:auto;margin-bottom:28px;max-width:72vw;position:relative;width:220px;z-index:1}.reset-container{animation:cardReveal .6s cubic-bezier(.16,1,.3,1) .1s both;background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 8px 40px #0006;display:flex;flex-direction:column;gap:20px;max-width:420px;padding:36px 40px;position:relative;width:100%;z-index:1}.reset-title{color:var(--text);font-family:Rajdhani,Impact,sans-serif;font-size:26px;font-weight:700;letter-spacing:.05em;text-align:center}.reset-form{display:flex;flex-direction:column;gap:8px}.reset-label{color:var(--text-muted);font-size:13px}.reset-input,.reset-label{font-family:DM Sans,sans-serif}.reset-input{background:var(--panel);border:1px solid var(--border-strong);border-radius:8px;box-sizing:border-box;color:var(--text);font-size:15px;margin-bottom:8px;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.reset-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.reset-input::placeholder{color:var(--text-dim)}.reset-button{background:var(--accent);border:none;border-radius:8px;box-shadow:0 4px 14px var(--accent-glow);color:#fff;cursor:pointer;font-family:Rajdhani,Impact,sans-serif;font-size:15px;font-weight:700;letter-spacing:.06em;margin-top:8px;padding:13px 24px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.reset-button:hover{background:var(--accent-light);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.reset-message{color:var(--danger);font-size:13px;text-align:center}.sign-in-page{align-items:center;background:var(--bg);display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--nav-h));padding:40px 20px;position:relative}.sign-in-page:before{background:radial-gradient(ellipse,var(--accent-dim) 0,#0000 70%);content:"";height:200px;left:50%;pointer-events:none;position:absolute;top:20%;transform:translateX(-50%);width:400px}.sign-in-page .logo{animation:logoReveal .6s cubic-bezier(.16,1,.3,1) forwards;filter:drop-shadow(0 0 30px var(--accent-glow));margin-bottom:32px;max-width:80vw;position:relative;width:280px;z-index:1}.sign-in-card{animation:cardReveal .6s cubic-bezier(.16,1,.3,1) .1s both;background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 8px 40px #0006;display:flex;flex-direction:column;gap:20px;max-width:400px;padding:36px 40px;position:relative;width:100%;z-index:1}.sign-in-title{color:var(--text);font-family:Rajdhani,Impact,sans-serif;font-size:26px;font-weight:700;letter-spacing:.05em;margin:0;text-align:center}.sign-in-form{display:flex;flex-direction:column;gap:12px}.sign-in-page .input-field,.sign-in-page .room-input{background:var(--panel);border:1px solid var(--border-strong);border-radius:8px;box-sizing:border-box;color:var(--text);font-family:DM Sans,sans-serif;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.sign-in-page .input-field:focus,.sign-in-page .room-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.sign-in-page .input-field::placeholder,.sign-in-page .room-input::placeholder{color:var(--text-dim)}.sign-in-button{background:var(--accent);border:none;border-radius:8px;box-shadow:0 4px 14px var(--accent-glow);color:#fff;cursor:pointer;font-family:Rajdhani,Impact,sans-serif;font-size:15px;font-weight:700;letter-spacing:.06em;margin-top:4px;padding:13px 24px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.sign-in-button:hover:enabled{background:var(--accent-light);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.error-message,.room-message{color:#f87171;font-family:DM Sans,sans-serif;font-size:13px}.create-account-text,.sign-in-text{color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:13px;text-align:center}.create-account-link,.sign-in-link{color:var(--accent-light);cursor:pointer;font-weight:500;text-decoration:none;transition:color .15s}.create-account-link:hover,.sign-in-link:hover{color:var(--text);text-decoration:underline}.create-account-page{align-items:center;background:var(--bg);display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--nav-h));padding:40px 20px;position:relative}.create-account-page:before{background:radial-gradient(ellipse,var(--accent-dim) 0,#0000 70%);content:"";height:200px;left:50%;pointer-events:none;position:absolute;top:15%;transform:translateX(-50%);width:400px}.create-account-page .logo{animation:logoReveal .6s cubic-bezier(.16,1,.3,1) forwards;filter:drop-shadow(0 0 28px var(--accent-glow));height:auto;margin-bottom:28px;max-width:72vw;position:relative;width:220px;z-index:1}.create-account-container{animation:cardReveal .6s cubic-bezier(.16,1,.3,1) .1s both;background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 8px 40px #0006;display:flex;flex-direction:column;gap:16px;max-width:420px;padding:36px 40px;position:relative;width:100%;z-index:1}.create-account-title{color:var(--text);font-family:Rajdhani,Impact,sans-serif;font-size:26px;font-weight:700;letter-spacing:.05em;text-align:center}.create-account-form{display:flex;flex-direction:column;gap:10px}.field-note{color:var(--text-muted);font-size:12px}.create-account-button{background:var(--accent);border:none;border-radius:8px;box-shadow:0 4px 14px var(--accent-glow);color:#fff;cursor:pointer;font-family:Rajdhani,Impact,sans-serif;font-size:15px;font-weight:700;letter-spacing:.06em;margin-top:4px;padding:13px 24px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.create-account-button:hover:enabled{background:var(--accent-light);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.message{color:#f87171;font-size:13px}.sign-in-text{color:var(--text-muted);font-size:13px;text-align:center}.sign-in-link{color:var(--accent-light);cursor:pointer;font-weight:500}.sign-in-link:hover{text-decoration:underline}.confirm-account-page{align-items:center;background:var(--bg);display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--nav-h));padding:40px 20px;position:relative}.confirm-account-page:before{background:radial-gradient(ellipse,var(--accent-dim) 0,#0000 70%);content:"";height:200px;left:50%;pointer-events:none;position:absolute;top:20%;transform:translateX(-50%);width:400px}.confirm-account-page .logo{animation:logoReveal .6s cubic-bezier(.16,1,.3,1) forwards;filter:drop-shadow(0 0 28px var(--accent-glow));height:auto;margin-bottom:28px;max-width:72vw;position:relative;width:220px;z-index:1}.confirm-account-container{align-items:center;animation:cardReveal .6s cubic-bezier(.16,1,.3,1) .1s both;background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 8px 40px #0006;display:flex;flex-direction:column;gap:16px;max-width:420px;padding:36px 40px;position:relative;width:100%;z-index:1}.confirm-account-title{color:var(--text);font-family:Rajdhani,Impact,sans-serif;font-size:26px;font-weight:700;letter-spacing:.05em;text-align:center}.error-message,.success-message{font-size:15px}.create-account-text{color:var(--text-muted);font-size:13px;text-align:center}.create-account-link{color:var(--accent-light);cursor:pointer;font-weight:500;transition:color .15s}.create-account-link:hover{color:var(--text);text-decoration:underline}.topnav{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#0c0c14e0;border-bottom:1px solid var(--border);gap:0;height:var(--nav-h);left:0;padding:0 24px;position:fixed;right:0;top:0;z-index:900}.topnav,.topnav-brand{align-items:center;display:flex}.topnav-brand{cursor:pointer;flex-shrink:0;gap:10px;margin-right:32px;text-decoration:none;-webkit-user-select:none;user-select:none}.topnav-logo{filter:drop-shadow(0 0 6px var(--accent-glow));height:28px;object-fit:contain;width:28px}.topnav-wordmark{color:var(--text);font-family:Rajdhani,Impact,sans-serif;font-size:17px;font-weight:700;letter-spacing:.12em;white-space:nowrap}.topnav-links{flex:1 1;gap:4px}.nav-link,.topnav-links{align-items:center;display:flex}.nav-link{background:#0000;border:none;border-radius:7px;color:var(--text-muted);cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;gap:5px;letter-spacing:0;min-height:44px;padding:11px 14px;transition:color .15s,background .15s;white-space:nowrap}.nav-link:hover:enabled{background:var(--panel);color:var(--text);opacity:1;transform:none}.nav-link--active{background:var(--panel)!important;color:var(--text)!important}.nav-link--chevron{padding-right:10px}.nav-link:disabled{background:#0000;border:none;cursor:not-allowed;opacity:.35}.nav-chevron{color:var(--text-dim);display:inline-block;font-size:10px;transition:transform .2s ease}.nav-chevron.open{color:var(--text-muted);transform:rotate(180deg)}.nav-dropdown-wrap{position:relative}.nav-dropdown{animation:dropIn .14s ease;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 12px 40px #00000080;left:0;min-width:220px;overflow:hidden;position:absolute;top:calc(100% + 10px);z-index:1000}.nav-dropdown--right{left:auto;right:0}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-dropdown-item{align-items:center;background:#0000;border:none;color:var(--text);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;gap:12px;letter-spacing:0;padding:12px 16px;text-align:left;transition:background .12s ease;width:100%}.nav-dropdown-item:hover:enabled{background:var(--panel);opacity:1;transform:none}.nav-dropdown-item strong{color:var(--text);display:block;font-size:14px;font-weight:600;line-height:1.2}.nav-dropdown-item small{color:var(--text-muted);display:block;font-size:12px;margin-top:1px}.nav-dropdown-item--danger:hover:enabled{background:#ef444414}.nav-dropdown-item--danger strong{color:#ef4444}.nav-dropdown-icon{flex-shrink:0;font-size:16px;text-align:center;width:22px}.nav-dropdown-divider{background:var(--border);height:1px;margin:0 12px}.nav-user{flex-shrink:0;margin-left:auto}.nav-user-btn{align-items:center;background:var(--panel);border:1px solid var(--border-strong);border-radius:30px;color:var(--text-muted);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;gap:8px;letter-spacing:0;min-height:44px;padding:8px 12px 8px 6px;transition:background .15s,border-color .15s,color .15s}.nav-user-btn.open,.nav-user-btn:hover:enabled{background:var(--panel-hover);border-color:var(--border-strong);color:var(--text);opacity:1;transform:none}.nav-user-avatar{align-items:center;background:var(--accent-dim);border:1px solid var(--accent);border-radius:50%;color:var(--accent-light);display:flex;flex-shrink:0;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;height:26px;justify-content:center;width:26px}.nav-user-label{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.not-found-container{align-items:center;background-color:var(--bg);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow:hidden;padding-bottom:100px;position:relative;width:100vw}.not-found-flex-wrapper{flex-wrap:wrap;gap:60px;justify-content:flex-start;padding-left:100px;z-index:1}.not-found-content,.not-found-flex-wrapper{align-items:center;display:flex;max-width:90vw}.not-found-content{flex-direction:column;text-align:center;transform:translate(80px,-20px)}.not-found-img{height:auto;max-width:40vw;object-fit:contain}.not-found-text{color:#fff;font-size:1rem;font-weight:400;margin-top:8px}.cat-img-bottom{bottom:0;height:auto;left:90px;object-fit:contain;position:absolute;width:45vw;z-index:0}@media (max-width:768px){.not-found-flex-wrapper{align-items:center;flex-direction:column;gap:30px;padding-left:0}.not-found-content{transform:translateY(-20px)}.not-found-img{max-width:60vw}.cat-img-bottom{left:50%;max-height:60vh;transform:translateX(-50%)}}.profile-page{background:var(--bg);box-sizing:border-box;color:var(--text);font-family:DM Sans,sans-serif;margin:0 auto;max-width:860px;min-height:calc(100vh - var(--nav-h));padding:48px 40px}.profile-page--deleted{opacity:.6;pointer-events:none}.profile-state-msg{color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:18px;margin-top:120px;text-align:center}.profile-hero{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:28px;padding-bottom:24px}.profile-name{align-items:center;color:var(--text);display:flex;flex-wrap:wrap;font-family:Rajdhani,Impact,sans-serif;font-size:36px;font-weight:900;gap:10px;letter-spacing:.04em}.profile-meta{color:var(--text-dim);font-size:13px;letter-spacing:.02em;margin-top:6px}.profile-elo-block{text-align:right}.profile-elo-value{color:var(--accent);font-size:42px;font-weight:900;letter-spacing:-1px;line-height:1}.profile-elo-label,.profile-elo-value{font-family:Rajdhani,Impact,sans-serif}.profile-elo-label{color:var(--text-dim);font-size:11px;letter-spacing:3px;margin-top:2px}.profile-deleted-tag{background:#f871711a;border:1px solid #f871714d;border-radius:4px;color:#f87171;font-family:Rajdhani,Impact,sans-serif;font-size:12px;letter-spacing:2px;padding:2px 8px}.profile-action-msg{animation:profileMsgIn .2s ease both;color:var(--accent);font-family:DM Sans,sans-serif;font-size:13px;margin-bottom:12px}@keyframes profileMsgIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.profile-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.profile-btn{border:1px solid #0000;border-radius:8px;cursor:pointer;font-family:Rajdhani,Impact,sans-serif;font-size:14px;font-weight:700;letter-spacing:.08em;padding:10px 22px;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s}.profile-btn:hover:not(:disabled){transform:translateY(-1px)}.profile-btn:disabled{cursor:not-allowed;opacity:.4}.profile-btn--primary{background:var(--accent);box-shadow:0 4px 14px var(--accent-glow);color:#fff}.profile-btn--primary:hover:not(:disabled){background:var(--accent-light);box-shadow:0 6px 20px var(--accent-glow)}.profile-btn--ghost{background:#0000;border-color:var(--border-strong);color:var(--text-muted)}.profile-btn--ghost:hover:not(:disabled){background:var(--panel);color:var(--text)}.profile-btn--danger{background:#0000;border-color:#f8717166;color:#f87171}.profile-btn--danger:hover:not(:disabled){background:#f8717114;border-color:#f87171}.profile-sections{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.profile-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;flex:1 1;margin-bottom:16px;min-width:200px;padding:18px 20px}.profile-card--wide{flex:none;width:100%}.profile-card-title{border-bottom:1px solid var(--border);color:var(--text-dim);font-family:Rajdhani,Impact,sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;margin-bottom:14px;padding-bottom:10px}.profile-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;max-height:220px;overflow-y:auto;padding:0}.profile-list-item{align-items:center;border-radius:7px;display:flex;justify-content:space-between;padding:8px 10px;transition:background .12s}.profile-list-item:hover{background:var(--panel)}.profile-link{color:var(--text);font-size:14px;font-weight:500;text-decoration:none;transition:color .12s}.profile-link:hover{color:var(--accent)}.profile-req-actions{display:flex;gap:6px}.profile-btn-sm{border:1px solid #0000;border-radius:5px;cursor:pointer;font-family:Rajdhani,Impact,sans-serif;font-size:12px;font-weight:700;padding:3px 10px;transition:background .12s}.profile-btn-sm--accept{background:#4ade801f;border-color:#4ade804d;color:#4ade80}.profile-btn-sm--accept:hover{background:#4ade8033}.profile-btn-sm--reject{background:#f871711a;border-color:#f8717140;color:#f87171}.profile-btn-sm--reject:hover{background:#f871712e}.profile-empty{color:var(--text-dim);font-size:13px;font-style:italic;margin:0}.profile-tooltip-wrap{align-items:center;cursor:help;display:inline-flex;position:relative}.profile-role-badge{margin-left:4px}.profile-tooltip{background:var(--panel);border:1px solid var(--border-strong);border-radius:6px;bottom:calc(100% + 6px);color:var(--text);font-family:DM Sans,sans-serif;font-size:12px;left:50%;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s;visibility:hidden;white-space:nowrap;z-index:10}.profile-tooltip--below{bottom:auto;top:calc(100% + 6px)}.profile-tooltip-wrap:hover .profile-tooltip{opacity:1;visibility:visible}.games-table-wrap{margin-bottom:16px;overflow-x:auto}.games-table{border-collapse:collapse;font-family:DM Sans,sans-serif;font-size:13px;width:100%}.games-table th{border-bottom:1px solid var(--border-strong);color:var(--text-dim);font-family:Rajdhani,Impact,sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;padding:8px 12px;text-align:left;text-transform:uppercase}.games-table td{border-bottom:1px solid var(--border);color:var(--text-muted);padding:10px 12px}.games-table tr:last-child td{border-bottom:none}.games-table tr:hover td{background:var(--panel)}.games-elo-change{font-family:Rajdhani,Impact,sans-serif;font-size:12px;font-weight:700;letter-spacing:.04em}.games-result{font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;white-space:nowrap}.result-white{color:#86efac}.result-black{color:var(--accent)}.games-player-guest,.result-draw{color:var(--text-dim)}.games-player-guest{font-size:13px;font-style:italic}.games-analyze-link{font-family:Rajdhani,Impact,sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;white-space:nowrap}.games-bombs{color:var(--text-dim);font-family:DM Mono,monospace;font-size:12px}.games-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:4px}.games-page-label{color:var(--text-dim);font-family:DM Sans,sans-serif;font-size:13px}.search-page{align-items:center;background:var(--bg);display:flex;justify-content:center;min-height:calc(100vh - var(--nav-h));padding:40px 20px}.search-panel{animation:searchReveal .5s cubic-bezier(.16,1,.3,1) both;display:flex;flex-direction:column;gap:24px;max-width:480px;width:100%}@keyframes searchReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.search-header{display:flex;flex-direction:column;gap:6px}.search-headline{color:var(--text);font-family:Rajdhani,Impact,sans-serif;font-size:28px;font-weight:900;letter-spacing:.12em}.search-subtext{color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:13px;letter-spacing:.02em}.search-input-row{align-items:center;display:flex;gap:10px}.search-input-wrap{align-items:center;display:flex;flex:1 1;position:relative}.search-icon{color:var(--text-dim);font-size:20px;left:14px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;box-sizing:border-box;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:12px 14px 12px 42px;transition:border-color .15s,box-shadow .15s;width:100%}.search-input::placeholder{color:var(--text-dim)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-btn{background:var(--accent);border:none;border-radius:10px;box-shadow:0 4px 16px var(--accent-glow);color:#fff;cursor:pointer;flex-shrink:0;font-family:Rajdhani,Impact,sans-serif;font-size:15px;font-weight:700;letter-spacing:.08em;padding:12px 24px;transition:background .15s,box-shadow .15s,transform .1s;white-space:nowrap}.search-btn:hover:not(:disabled){background:var(--accent-light);box-shadow:0 6px 22px var(--accent-glow);transform:translateY(-1px)}.search-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.search-error{color:#f87171;font-family:DM Sans,sans-serif;font-size:13px;margin:0}.search-results{animation:searchReveal .3s cubic-bezier(.16,1,.3,1) both;display:flex;flex-direction:column;gap:8px}.search-result-row{align-items:center;background:var(--panel);border:1px solid var(--border);border-left:3px solid #0000;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:13px 18px;transition:background .12s,border-color .12s,box-shadow .12s}.search-result-row:hover{background:var(--panel-hover);border-left-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.search-result-name{color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;font-weight:600}.search-result-elo{color:var(--accent);font-family:Rajdhani,Impact,sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;opacity:.8}.search-no-results{color:var(--text-dim);font-family:DM Sans,sans-serif;font-size:13px;font-style:italic;margin:0}.resend-verification-email-page{align-items:center;background:var(--bg);display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--nav-h));padding:40px 20px;position:relative}.resend-verification-email-page:before{background:radial-gradient(ellipse,var(--accent-dim) 0,#0000 70%);content:"";height:200px;left:50%;pointer-events:none;position:absolute;top:20%;transform:translateX(-50%);width:400px}.resend-verification-email-page .logo{animation:logoReveal .6s cubic-bezier(.16,1,.3,1) forwards;filter:drop-shadow(0 0 28px var(--accent-glow));height:auto;margin-bottom:28px;max-width:72vw;position:relative;width:220px;z-index:1}@keyframes logoReveal{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.resend-verification-email-container{animation:cardReveal .6s cubic-bezier(.16,1,.3,1) .1s both;background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 8px 40px #0006;display:flex;flex-direction:column;gap:16px;max-width:420px;padding:36px 40px;position:relative;width:100%;z-index:1}@keyframes cardReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.resend-title{color:var(--text);font-family:Rajdhani,Impact,sans-serif;font-size:26px;font-weight:700;letter-spacing:.05em;margin:0;text-align:center}.resend-description{color:var(--text-muted);font-size:13px;text-align:center}.resend-form{display:flex;flex-direction:column;gap:12px}.input-field{background:var(--panel);border:1px solid var(--border-strong);border-radius:8px;box-sizing:border-box;color:var(--text);font-family:DM Sans,sans-serif;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input-field::placeholder{color:var(--text-dim)}.resend-verification-btn{background:var(--accent);border:none;border-radius:8px;box-shadow:0 4px 14px var(--accent-glow);color:#fff;cursor:pointer;font-family:Rajdhani,Impact,sans-serif;font-size:15px;font-weight:700;letter-spacing:.06em;padding:13px 24px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.resend-verification-btn:hover{background:var(--accent-light);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.success-message{color:var(--success)}.error-message,.success-message{font-size:13px;text-align:center}.error-message{color:var(--danger)}.game-view-container{align-items:center;background:var(--bg);box-sizing:border-box;color:var(--text);display:flex;justify-content:center;min-height:calc(100vh - var(--nav-h));padding:24px 20px}.game-view-content{align-items:flex-start;display:flex;gap:20px}.game-view-error,.game-view-loading{align-items:center;background:var(--bg);color:var(--text-muted);display:flex;font-size:15px;justify-content:center;min-height:calc(100vh - var(--nav-h))}.game-result-banner{border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:2px;margin-bottom:16px;padding-bottom:14px}.result-text{color:var(--text);font-family:Rajdhani,Impact,sans-serif;font-size:18px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.result-by{text-transform:capitalize}.game-view-meta,.result-by{color:var(--text-muted);font-size:12px}.game-view-meta{border-top:1px solid var(--border);display:flex;justify-content:space-between;margin-top:14px;padding-top:12px}.red-x{color:#ef4444;text-shadow:0 0 6px #ef444499}.enemy-x,.red-x{align-items:center;display:flex;font-size:30px;font-weight:700;justify-content:center;pointer-events:none;position:absolute;z-index:5}.enemy-x{color:#f97316;text-shadow:0 0 6px #f9731699}.game-view-back{color:var(--text-muted);display:block;font-size:13px;margin-top:12px;text-decoration:none;transition:color .15s}.game-view-back:hover{color:var(--accent-light)}:root{--accent:#7c3aed;--accent-light:#9f62f5;--accent-dim:#7c3aed2e;--accent-glow:#7c3aed59;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--bg:#0c0c14;--surface:#13131e;--panel:#1a1a28;--panel-hover:#21212f;--overlay:#000000a6;--border:#ffffff12;--border-strong:#ffffff21;--text:#f0eff8;--text-muted:#7a7894;--text-dim:#44425a;--iwc-purple:#7c3aed;--light-lavender:#ede9fe;--dark:#f0eff8;--wood-brown:#ebb364;--pale-brown:#f9ead5;--invalid:#ffffff12;--nav-h:58px}*,:after,:before{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0c0c14;background-color:var(--bg);color:#f0eff8;color:var(--text);margin:0;padding:0}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.5;padding-top:58px;padding-top:var(--nav-h)}h1,h2,h3,h4{color:#f0eff8;color:var(--text);font-family:Rajdhani,Impact,sans-serif;font-weight:700;letter-spacing:.03em;margin:0}p{margin:0}input,p,select,textarea{font-family:DM Sans,sans-serif;letter-spacing:0}button{border:none;cursor:pointer;font-family:Rajdhani,Impact,sans-serif;font-weight:600;letter-spacing:.06em;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}button:hover:enabled{opacity:.92;transform:translateY(-1px)}button:active:enabled{transform:translateY(0)}button:disabled{background-color:#1a1a28;background-color:var(--panel);border:1px solid #ffffff12;border:1px solid var(--border);color:#44425a;color:var(--text-dim);cursor:not-allowed;opacity:.5}.page-shell{align-items:center;background:#0c0c14;background:var(--bg);display:flex;justify-content:center;min-height:calc(100vh - 58px);min-height:calc(100vh - var(--nav-h));padding:40px 20px}.card{background:#13131e;background:var(--surface);border:1px solid #ffffff21;border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 8px 40px #0006;max-width:440px;padding:36px 40px;width:100%}.field{background:#1a1a28;background:var(--panel);border:1px solid #ffffff21;border:1px solid var(--border-strong);border-radius:8px;color:#f0eff8;color:var(--text);font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.field:focus{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed2e;box-shadow:0 0 0 3px var(--accent-dim)}.field::placeholder{color:#44425a;color:var(--text-dim)}.btn-primary{background:#7c3aed;background:var(--accent);border-radius:8px;box-shadow:0 4px 14px #7c3aed59;box-shadow:0 4px 14px var(--accent-glow);color:#fff;font-size:15px;padding:13px 24px;text-align:center;width:100%}.btn-primary:hover:enabled{background:#9f62f5;background:var(--accent-light);box-shadow:0 6px 20px #7c3aed59;box-shadow:0 6px 20px var(--accent-glow)}.btn-ghost{background:#0000;border:1px solid #ffffff21;border:1px solid var(--border-strong);border-radius:8px;color:#7a7894;color:var(--text-muted);font-size:15px;padding:13px 24px;text-align:center;width:100%}.btn-ghost:hover:enabled{background:#21212f;background:var(--panel-hover);border-color:#ffffff21;border-color:var(--border-strong);color:#f0eff8;color:var(--text)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible{outline:2px solid #9f62f5;outline:2px solid var(--accent-light);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff21;background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#44425a;background:var(--text-dim)}
/*# sourceMappingURL=main.b4620fce.css.map*/