:root{--bg-color: #0d131a;--surface-color: #16202c;--surface-hover: #1e2c3c;--border-color: #2a3c50;--text-main: #f1f5f9;--text-muted: #94a3b8;--primary: #10b981;--primary-hover: #059669;--accent-gold: #f59e0b;--accent-blue: #3b82f6;--accent-red: #ef4444;--accent-purple: #a855f7;--accent-orange: #f97316;--frog-blue: #2563eb;--frog-green: #16a34a;--frog-red: #dc2626;--frog-orange: #ea580c;--water-bg: #0a6070;--water-tile: #0E7D90;--water-tile-dark: #0A5C70;--water-tile-light: #35C6D3;--water-grid-line: rgba(63, 216, 224, .55);--sand-start: #3b3020;--finish-gold: #4a3810}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.5;min-height:100vh}#app{max-width:1260px;margin:0 auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px}.header-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background-color:var(--surface-color);padding:10px 18px;border-radius:12px;border:1px solid var(--border-color)}.game-title{font-size:1.2rem;font-weight:700;color:var(--accent-gold);display:flex;align-items:center;gap:8px}.status-badge{padding:4px 10px;border-radius:9999px;font-size:.85rem;font-weight:600;background-color:#334155}.status-badge.connected{background-color:#064e3b;color:#34d399}.status-badge.disconnected{background-color:#7f1d1d;color:#f87171}.debug-bar{background:linear-gradient(90deg,#1e1b4b,#311042);border:1px solid #6366f1;padding:8px 16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;font-size:.9rem;flex-wrap:wrap;gap:12px}.debug-badge{background-color:#4f46e5;color:#fff;padding:2px 8px;border-radius:4px;font-weight:700}.main-layout{display:grid;grid-template-columns:auto 400px;gap:20px;justify-content:center;align-items:start}@media(max-width:960px){.main-layout{grid-template-columns:1fr;justify-content:center}}.turn-dashboard{background-color:var(--surface-color);padding:10px 16px;border-radius:12px;border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.turn-player{font-size:1.05rem;font-weight:700;display:flex;align-items:center;gap:8px}.actions-pill{background-color:var(--accent-gold);color:#000;padding:4px 12px;border-radius:9999px;font-weight:700}.timer-pill{background-color:#0f172a;border:1px solid var(--border-color);padding:4px 12px;border-radius:9999px;font-weight:700;font-variant-numeric:tabular-nums}.timer-pill.paused{opacity:.6;border-color:#eab308;color:#eab308}.timer-pill.timer-warning{border-color:#ef4444;color:#f87171;animation:pulseTimerWarning 1s infinite alternate}@keyframes pulseTimerWarning{0%{box-shadow:0 0 2px #ef444466}to{box-shadow:0 0 10px #ef4444d9}}.board-container{background-color:var(--water-bg);border:2px solid var(--border-color);border-radius:16px;padding:14px;overflow:hidden;display:flex;flex-direction:column;gap:6px;align-items:center;width:fit-content;margin:0 auto;box-shadow:0 8px 30px #00000073;-webkit-user-select:none;user-select:none;flex-shrink:0}.finish-zone{width:388px;height:38px;background-color:var(--finish-gold);border:2px dashed var(--accent-gold);border-radius:8px;padding:4px 8px;text-align:center;font-weight:700;color:#fef08a;display:flex;align-items:center;justify-content:center;font-size:.82rem;box-sizing:border-box}.grid-10x7{display:grid;grid-template-columns:repeat(7,52px);grid-template-rows:repeat(10,52px);gap:4px;width:388px;height:556px;box-sizing:border-box}.tile-cell{width:52px;height:52px;min-width:52px;min-height:52px;max-width:52px;max-height:52px;box-sizing:border-box;background-color:var(--water-tile);border:1px solid rgba(255,255,255,.12);border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;padding:2px 3px;position:relative;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease;-webkit-user-select:none;user-select:none;overflow:hidden}.tile-cell:hover{border-color:var(--accent-gold);box-shadow:0 0 6px #f59e0b66}.tile-cell.selected{border-color:#10b981;box-shadow:0 0 0 2px #10b981,0 0 8px #10b98199}.tile-cell.reachable-target{border-color:#38bdf8;box-shadow:inset 0 0 6px #38bdf866}.tile-cell.face-down{background:linear-gradient(135deg,#1b2533,#0f172a);border-color:#334155}.tile-cell.card-targetable{border-color:#818cf8;cursor:pointer;box-shadow:0 0 8px #818cf899;animation:pulseTargetCell 1.5s infinite ease-in-out}.tile-cell.first-target-selected{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf8,0 0 12px #38bdf8cc;background:#1e3a5f!important}@keyframes pulseTargetCell{0%,to{border-color:#818cf8}50%{border-color:#c7d2fe;box-shadow:0 0 12px #c7d2fecc}}.tile-coord{font-size:.6rem;color:var(--text-muted);line-height:1}.tile-content{text-align:center;font-size:.65rem;font-weight:600;word-break:break-word;line-height:1.05;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto 0;padding:0 1px}.tile-cell .tile-frogs{position:absolute;top:2px;right:2px;display:flex;gap:2px;align-items:center;z-index:10}.tile-cell.has-frog{border-color:#ffffffe6!important;box-shadow:0 0 8px #38bdf8b3}.start-slot .tile-frogs{display:flex;gap:2px;justify-content:center;align-items:center;height:18px}.frog-dot{width:18px;height:18px;border-radius:50%;border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#fff;box-shadow:0 2px 6px #000000d9,0 0 4px #000000b3;flex-shrink:0}.start-zone{width:388px;background-color:var(--sand-start);border:2px dashed #78350f;border-radius:8px;padding:4px;display:grid;grid-template-columns:repeat(7,52px);gap:4px;box-sizing:border-box}.start-slot{border:1px dashed rgba(255,255,255,.2);border-radius:6px;padding:2px;font-size:.65rem;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-sizing:border-box;overflow:hidden;transition:all .15s ease}.start-slot.pickable{border:2px solid #38bdf8;cursor:pointer;background-color:#38bdf826;box-shadow:0 0 8px #38bdf866;animation:pulseSlotPickable 1.8s infinite ease-in-out}.start-slot.pickable:hover{background-color:#38bdf859;border-color:#7dd3fc;box-shadow:0 0 14px #38bdf8cc;transform:translateY(-2px)}.start-slot.taken{border-color:#ffffff40;background-color:#00000040}@keyframes pulseSlotPickable{0%,to{box-shadow:0 0 4px #38bdf84d}50%{box-shadow:0 0 12px #38bdf8b3}}.sidebar{display:flex;flex-direction:column;gap:12px}.panel-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.panel-title{font-size:.95rem;font-weight:700;color:var(--text-main);border-bottom:1px solid var(--border-color);padding-bottom:6px}.action-windows-container{display:flex;flex-direction:column;gap:10px}.action-window{border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--border-color);background-color:#172332;transition:all .15s ease}.action-window.move-window{border-color:#10b981;background:linear-gradient(180deg,#0f2d22,#162424);box-shadow:0 2px 8px #10b98126}.action-window.peek-window{border-color:#3b82f6;background:linear-gradient(180deg,#10233d,#16202c);box-shadow:0 2px 8px #3b82f626}.action-window.shift-window{border-color:#8b5cf6;background:linear-gradient(180deg,#241a3d,#191c2e);box-shadow:0 2px 8px #8b5cf626}.action-window.finish-window{border-color:var(--accent-gold);background:linear-gradient(180deg,#382707,#1e1910)}.action-window-header{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700}.action-window-icon{font-size:1.1rem}.action-window-body{display:flex;flex-direction:column;gap:8px}.action-info{font-size:.8rem;color:var(--text-muted);line-height:1.3}.action-info.peeked{color:#38bdf8;font-weight:600}.btn-action-large{width:100%;padding:8px 12px;font-size:.9rem;font-weight:700;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:2px}.btn-subtext{font-size:.72rem;font-weight:400;opacity:.85}.shift-group{display:flex;flex-direction:column;gap:4px}.shift-label{font-size:.75rem;color:#cbd5e1;font-weight:600}.shift-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.btn{background-color:#273544;color:var(--text-main);border:1px solid var(--border-color);padding:6px 10px;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .12s ease;display:flex;align-items:center;justify-content:center;gap:6px}.btn:hover:not(:disabled){background-color:var(--surface-hover);border-color:#475569}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:#fff;border:none}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-secondary{background-color:#2563eb;color:#fff;border:none}.btn-secondary:hover:not(:disabled){background-color:#1d4ed8}.btn-danger{background-color:var(--accent-red);color:#fff;border:none}.btn-warning{background-color:var(--accent-gold);color:#000;border:none}.hand-list{display:flex;flex-direction:column;gap:6px}.card-item{background-color:#1a2634;border:1px solid var(--border-color);border-radius:8px;padding:6px 10px;display:flex;justify-content:space-between;align-items:center}.card-name{font-weight:600;font-size:.82rem}.overlay-banner{background:linear-gradient(90deg,#451a03,#78350f);border:2px solid var(--accent-gold);padding:12px 18px;border-radius:12px;display:flex;flex-direction:column;gap:8px}.banner-title{font-size:1rem;font-weight:700;color:#fef08a}.event-log{max-height:140px;overflow-y:auto;font-size:.75rem;display:flex;flex-direction:column;gap:4px}.event-item{color:var(--text-muted);border-bottom:1px solid #1e293b;padding-bottom:2px}.event-item b{color:#cbd5e1}.peek-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:36px;box-sizing:border-box;z-index:1000;animation:fadeIn .15s ease-out}.peek-modal-card{background:#16202c;border:3px solid #3b82f6;border-radius:24px;padding:36px 32px;max-width:820px;width:92%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 24px 60px #000000e6,0 0 40px #3b82f666}.peek-modal-icon{font-size:5rem;line-height:1}.peek-modal-title{font-family:Cinzel,serif;font-size:2.2rem;font-weight:900;color:#93c5fd;text-shadow:0 2px 6px rgba(0,0,0,.8)}.peek-modal-coord{font-size:1.3rem;color:#cbd5e1}.peek-modal-content{background:#0f172a;border:2px solid var(--border-color);border-radius:16px;padding:22px;width:100%;display:flex;flex-direction:column;gap:10px}.peek-modal-tile-name{font-size:1.9rem;font-weight:800;color:#fff}.peek-modal-desc{font-size:1.35rem;color:#cbd5e1;line-height:1.45}.targeting-banner{background:linear-gradient(90deg,#1e1b4b,#312e81);border:2px solid #818cf8;border-radius:12px;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;box-shadow:0 4px 20px #6366f166}.targeting-header{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:#e0e7ff}.targeting-icon{font-size:1.3rem}.targeting-desc{font-size:.88rem;color:#c7d2fe}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tile-cell.card-targetable,.tile-cell.binoculars-targetable{border-color:#38bdf8;box-shadow:0 0 6px #38bdf866;cursor:pointer;animation:pulseTarget 1.5s infinite}.tile-cell.card-targetable:hover,.tile-cell.binoculars-targetable:hover{border-color:#7dd3fc;box-shadow:0 0 12px #38bdf8cc;background-color:#38bdf826}.tile-cell.first-target-selected{border-color:#818cf8;box-shadow:0 0 0 2px #818cf8,0 0 10px #818cf8b3;background-color:#818cf833}@keyframes pulseTarget{0%{box-shadow:0 0 4px #38bdf84d}50%{box-shadow:0 0 10px #38bdf8b3}to{box-shadow:0 0 4px #38bdf84d}}.form-group{margin-bottom:18px;display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.form-control{background:#0f172a;border:1px solid var(--border-color);color:var(--text-main);padding:10px 14px;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .2s}.form-control:focus{border-color:var(--primary)}.auth-error{background:#ef444426;border:1px solid #ef4444;color:#fca5a5;padding:10px 14px;border-radius:8px;font-size:.85rem;margin-bottom:16px}.btn-full{width:100%;padding:12px;font-size:1rem;font-weight:700}.lobby-screen{display:flex;flex-direction:column;gap:20px}.lobby-topbar{display:flex;justify-content:space-between;align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:14px 20px}.user-profile-badge{display:flex;align-items:center;gap:12px}.user-name{font-weight:700;color:var(--accent-gold)}.lobby-actions{display:flex;gap:12px;align-items:center}.lobby-list-container{display:flex;flex-direction:column;gap:14px}.lobby-list-header{display:flex;justify-content:space-between;align-items:center}.lobby-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.room-box{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px;max-width:760px;margin:0 auto;width:100%}.room-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:16px}.player-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.roster-card{background:#0f172a;border:2px solid var(--border-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;position:relative}.roster-card.is-host{border-color:var(--accent-gold)}.roster-avatar{width:56px;height:56px;border-radius:50%;background:#1e293b;display:flex;align-items:center;justify-content:center;font-size:1.6rem;border:2px solid var(--border-color)}.roster-name{font-weight:700;font-size:1rem}.roster-role-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--accent-gold)}.room-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:16px;border-top:1px solid var(--border-color)}.setup-overlay{background:#0d131af2;border:2px solid var(--accent-gold);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px;max-width:820px;margin:12px auto;width:100%;box-shadow:0 16px 40px #0009}.setup-title-box{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:14px}.draft-ribbon{display:flex;gap:10px;flex-wrap:wrap}.draft-chip{background:#1e293b;border:1px solid var(--border-color);padding:6px 14px;border-radius:20px;font-size:.85rem;display:flex;align-items:center;gap:8px}.draft-chip.current-picker{border-color:var(--primary);background:#10b98133;color:#6ee7b7;font-weight:700;box-shadow:0 0 10px #10b98166}.draft-chip.picked{opacity:.7}.color-select-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.color-choice-btn{padding:10px 18px;border-radius:8px;font-weight:700;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.color-choice-btn.selected{border-color:#f8fafc;transform:scale(1.05);box-shadow:0 0 12px #fff6}.color-choice-btn.disabled{opacity:.35;cursor:not-allowed}.start-slots-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.start-slot-tile{background:var(--sand-start);border:2px dashed #ca8a04;border-radius:10px;padding:12px 6px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:700;transition:all .2s}.start-slot-tile.available:hover{background:#533f1f;border-style:solid;border-color:#fde047}.start-slot-tile.selected{border-color:#10b981;border-style:solid;background:#10b98140;box-shadow:0 0 12px #10b98180}.start-slot-tile.taken{opacity:.4;cursor:not-allowed;border-color:#64748b;border-style:solid}@keyframes victoryPulse{0%{transform:scale(1);filter:drop-shadow(0 0 10px rgba(245,158,11,.5))}50%{transform:scale(1.08);filter:drop-shadow(0 0 24px rgba(245,158,11,.9))}to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(245,158,11,.5))}}@keyframes victoryFadeIn{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.victory-modal-overlay{position:fixed;inset:0;background:#0a0f17d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;animation:fadeIn .2s ease-out}.victory-modal-card{background:linear-gradient(165deg,#1e293b,#0f172a);border:4px solid #f59e0b;border-radius:28px;padding:44px 36px;max-width:820px;width:92%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 24px 60px #000000e6,0 0 45px #f59e0b73;animation:victoryFadeIn .3s cubic-bezier(.16,1,.3,1)}.victory-modal-card.is-current-user-winner{border-color:#10b981;box-shadow:0 24px 60px #000000e6,0 0 50px #10b9818c}.victory-trophy-icon{font-size:6rem;line-height:1;animation:victoryPulse 2.5s infinite ease-in-out}.victory-title{font-size:2.2rem;font-weight:800;color:#fef08a;letter-spacing:-.02em;line-height:1.25}.victory-modal-card.is-current-user-winner .victory-title{color:#a7f3d0;text-shadow:0 0 15px rgba(16,185,129,.5)}.victory-subtitle{font-size:1.35rem;color:#cbd5e1;line-height:1.5;margin-top:-6px}.victory-roster{width:100%;background:#090e17;border:2px solid var(--border-color);border-radius:18px;padding:20px 24px;display:flex;flex-direction:column;gap:12px;margin-top:6px}.victory-roster-title{font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;text-align:left;border-bottom:1px solid #1e293b;padding-bottom:8px}.victory-roster-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:12px;font-size:1.25rem;background:#1e293b66}.victory-roster-row.is-winner{background:#f59e0b26;border:1px solid rgba(245,158,11,.4)}.victory-roster-player{display:flex;align-items:center;gap:12px}.victory-roster-status{display:flex;align-items:center;gap:10px}.victory-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-weight:800;font-size:1.05rem;padding:4px 12px;border-radius:8px}.victory-actions{display:flex;flex-direction:column;gap:14px;width:100%;margin-top:10px}.victory-btn-primary{width:100%;padding:20px;font-size:1.5rem;font-weight:800;letter-spacing:.01em;border-radius:16px;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 18px #10b98166;transition:all .2s;cursor:pointer}.victory-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98199}.victory-btn-secondary{width:100%;padding:10px;font-size:.9rem;font-weight:600;border-radius:10px;cursor:pointer}.victory-sticky-banner{background:linear-gradient(90deg,#1e1b4b,#1e293b,#064e3b);border:2px solid #f59e0b;border-radius:12px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;box-shadow:0 4px 18px #00000080;animation:fadeIn .3s ease-out}.victory-side-window{border-color:#f59e0b!important;background:linear-gradient(180deg,#1e293b,#0f172a)!important;box-shadow:0 0 15px #f59e0b33}body.is-game-screen{overflow:hidden!important;margin:0!important;padding:0!important;width:100vw;height:100vh;background:#072111}#app.game-active{max-width:none!important;margin:0!important;padding:0!important;width:100vw;height:100vh;overflow:hidden;position:relative}.canvas-viewport{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#072111}.game-canvas-1080{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform-origin:center center;background:transparent;overflow:visible;-webkit-user-select:none;user-select:none}.canvas-bg-fight{display:none}.canvas-water-layer{position:absolute;left:318px;top:102px;width:1278px;height:876px;background-image:url(/assets/tiles/tile_back_v4.png);background-repeat:repeat;background-size:125px 121px;pointer-events:none;z-index:1;border-radius:18px}.canvas-shore-overlay{position:absolute;left:318px;top:102px;width:1278px;height:876px;pointer-events:none;z-index:6;border-radius:18px;box-shadow:inset 0 0 20px 6px #041e2873;border:1px solid rgba(180,240,240,.15)}.canvas-board-frame-img{position:absolute;left:-164px;top:-409px;width:2321px;height:1900px;object-fit:fill;pointer-events:none;z-index:2}.canvas-burger-btn{position:absolute;left:24px;top:14px;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#eab308,#b45309 80%,#78350f);border:3px solid #fef08a;box-shadow:0 4px 14px #000000a6,inset 0 2px 4px #fff6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;z-index:50;transition:transform .15s ease,filter .15s ease}.canvas-burger-btn:hover{transform:scale(1.06);filter:brightness(1.12)}.canvas-burger-btn:active{transform:scale(.95)}.canvas-burger-bar{width:28px;height:4px;background:#3f1d0b;border-radius:2px;box-shadow:0 1px 2px #ffffff40}.canvas-avatar-item{position:absolute;left:28px;width:112px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:20}.avatar-disc-wrap{position:relative;width:92px;height:92px;flex-shrink:0}.avatar-disc{width:92px;height:92px;border-radius:50%;overflow:hidden;background:#0f172a;box-shadow:0 6px 18px #000000d9,0 2px 6px #0009;position:relative;z-index:15}.avatar-frog-img{width:100%;height:100%;object-fit:cover}.avatar-ring-svg{position:absolute;inset:-10px;width:112px;height:112px;pointer-events:none;z-index:18}.avatar-ring-bg{stroke:#000000bf;stroke-width:6;fill:none}.avatar-ring-active{stroke:#22c55e;stroke-width:6;fill:none;stroke-linecap:round;filter:drop-shadow(0 0 8px #22c55e);transition:stroke-dashoffset .5s linear}.avatar-card-badge{position:absolute;right:-4px;top:-3px;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,#0284c7,#0369a1 70%,#075985);border:2.5px solid #7dd3fc;box-shadow:0 3px 8px #000c,inset 0 1px 3px #fff9;display:flex;align-items:center;justify-content:center;gap:2px;font-family:Outfit,sans-serif;font-size:16px;font-weight:900;color:#fff;z-index:25}.badge-card-icon{width:11px;height:15px;border-radius:1.5px;object-fit:cover;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.avatar-action-badge{position:absolute;right:-4px;bottom:-3px;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,#fde047,#eab308 60%,#ca8a04);border:2.5px solid #fef9c3;box-shadow:0 3px 8px #000c,inset 0 1px 3px #fff9;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:20px;font-weight:900;color:#422006;z-index:25}.avatar-info-col{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%}.avatar-name-label{background:#0f172af0;color:#e2e8f0;border:1.5px solid #64748b;padding:3px 9px;border-radius:999px;font-family:Outfit,sans-serif;font-size:13px;font-weight:800;letter-spacing:.2px;box-shadow:0 3px 10px #000000bf,0 1px 3px #00000080;z-index:26;white-space:nowrap;max-width:112px;overflow:hidden;text-overflow:ellipsis;text-align:center;line-height:16px}.avatar-name-label.is-me{background:linear-gradient(135deg,#b45309,#78350f);color:#fef08a;border-color:#fde047;font-weight:800;box-shadow:0 2px 8px #eab30880}.avatar-chips-row{display:flex;align-items:center;justify-content:center;gap:4px}.avatar-chip-sleep{background:#581c87;color:#e9d5ff;border:1px solid #c084fc;border-radius:7px;padding:2px 6px;font-size:12px;font-weight:800;box-shadow:0 2px 4px #0009;line-height:16px}.avatar-chip-bonus{background:#14532d;color:#86efac;border:1px solid #4ade80;border-radius:7px;padding:2px 6px;font-size:12px;font-weight:800;box-shadow:0 2px 4px #0009}.canvas-start-slot{position:absolute;width:121px;height:121px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:50%}.canvas-start-slot.empty{border:2px dashed rgba(234,179,8,.45)}.canvas-start-slot.canvas-start-slot-violetka{border:none!important;pointer-events:none}.canvas-start-slot.pickable{border:3px solid #38bdf8;background:#38bdf840;cursor:pointer;animation:pulsePickable 1.2s infinite alternate}@keyframes pulsePickable{0%{box-shadow:0 0 4px #38bdf866}to{box-shadow:0 0 16px #38bdf8d9}}.start-lily-img{position:absolute;width:116px;height:116px;object-fit:contain;pointer-events:none;filter:drop-shadow(4px 6px 10px rgba(30,80,40,.65)) drop-shadow(2px 3px 5px rgba(0,0,0,.4))}.start-frog-img{position:absolute;width:90px;height:90px;object-fit:contain;pointer-events:none;transform:rotate(90deg);filter:drop-shadow(0 6px 12px rgba(0,0,0,.75));z-index:12}.canvas-grid-cell{position:absolute;width:123px;height:119px;box-sizing:border-box;border-radius:4px;overflow:hidden;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:box-shadow .15s ease,border-color .15s ease;outline:1px solid var(--water-grid-line);outline-offset:-1px;box-shadow:0 0 4px #3fd8e02e inset}.canvas-grid-cell.selected{border:4px solid #22c55e!important;box-shadow:0 0 18px #22c55ee6;z-index:15}.canvas-grid-cell.reachable-step{border:3px dashed #4ade80;animation:pulseReachable 1.2s infinite alternate}@keyframes pulseReachable{0%{box-shadow:0 0 4px #4ade8066}to{box-shadow:0 0 14px #4ade80e6}}.canvas-grid-cell.shift-highlight-row,.canvas-grid-cell.shift-highlight-col{background:#22c55e2e;border:2px solid rgba(34,197,94,.4)}.canvas-grid-cell.card-target-candidate{border:3px solid #38bdf8;box-shadow:0 0 12px #38bdf8b3}.canvas-grid-cell.card-first-selected{border:4px solid #f59e0b;box-shadow:0 0 16px #f59e0be6}.canvas-grid-cell.tile-empty-revealed{border:2px solid #38bdf8!important;box-shadow:inset 0 0 20px #0ea5e98c}.canvas-grid-cell.tile-empty-flipping{z-index:18!important}.cell-bg-img.flip-water-card{animation:flipWaterCardAnim 1.5s cubic-bezier(.2,.85,.3,1) forwards}@keyframes flipWaterCardAnim{0%{transform:perspective(600px) rotateY(90deg);filter:brightness(1.25)}15%{transform:perspective(600px) rotateY(0);filter:brightness(1)}80%{transform:perspective(600px) rotateY(0);filter:brightness(1)}95%{transform:perspective(600px) rotateY(90deg);filter:brightness(1.2)}to{transform:perspective(600px) rotateY(90deg);filter:brightness(1)}}.empty-tile-water-label{position:absolute;bottom:4px;left:50%;transform:translate(-50%);background:#082f49d9;color:#7dd3fc;border:1px solid #38bdf8;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:800;letter-spacing:.5px;pointer-events:none;z-index:11;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 2px 6px #00000080;white-space:nowrap}.cell-splash-effect{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:16;animation:splashPop 1.5s ease-out forwards}.cell-splash-effect.empty-water-splash{z-index:20}.cell-splash-effect .splash-icon{font-size:36px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.85))}.cell-splash-effect .splash-label{background:#082f49f0;color:#7dd3fc;border:1.5px solid #38bdf8;padding:2px 10px;border-radius:999px;font-weight:800;font-size:12px;letter-spacing:.5px;box-shadow:0 4px 12px #000000b3;white-space:nowrap}@keyframes splashPop{0%{transform:scale(.3);opacity:0}18%{transform:scale(1.15);opacity:1}35%{transform:scale(1);opacity:.98}80%{transform:scale(1.04);opacity:.95}95%{transform:scale(.8);opacity:0}to{transform:scale(.5);opacity:0}}.cell-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.cell-frog-img{position:absolute;width:96px;height:96px;object-fit:contain;pointer-events:none;transform:rotate(90deg);filter:drop-shadow(0 8px 16px rgba(0,50,60,.7)) drop-shadow(0 3px 6px rgba(0,0,0,.6));z-index:12}.cell-frog-img.frog-jumping{animation:frogHopJump .52s cubic-bezier(.22,1,.36,1) forwards;z-index:40!important}.canvas-frogs-layer{position:absolute;inset:0;pointer-events:none;z-index:45}.canvas-frog-entity{position:absolute;width:96px;height:96px;pointer-events:none;transform:rotate(90deg);filter:drop-shadow(0 8px 16px rgba(0,50,60,.7)) drop-shadow(0 3px 6px rgba(0,0,0,.6));z-index:45}.canvas-frog-entity.frog-jumping{animation:frogHopJump .52s cubic-bezier(.22,1,.36,1) forwards;z-index:48!important}.canvas-frog-entity .frog-entity-img{width:100%;height:100%;object-fit:contain}.canvas-modals-layer{position:absolute;inset:0;pointer-events:none;z-index:80}.canvas-modals-layer>*{pointer-events:auto}.canvas-avatars-layer{position:absolute;inset:0;pointer-events:none;z-index:25}.canvas-start-slots-layer,.canvas-grid-layer{position:absolute;inset:0;pointer-events:none;z-index:10}.canvas-shift-arrows-layer{position:absolute;inset:0;pointer-events:none;z-index:35}.canvas-cell-menu-layer{position:absolute;inset:0;pointer-events:none;z-index:55}.canvas-hand-cards-layer{position:absolute;inset:0;pointer-events:none;z-index:70}.canvas-toast-layer{position:absolute;inset:0;pointer-events:none;z-index:85}.canvas-targeting-layer{position:absolute;inset:0;pointer-events:none;z-index:80}.canvas-avatars-layer>*,.canvas-start-slots-layer>*,.canvas-grid-layer>*,.canvas-shift-arrows-layer>*,.canvas-cell-menu-layer>*,.canvas-hand-cards-layer>*,.canvas-toast-layer>*,.canvas-targeting-layer>*{pointer-events:auto}@keyframes frogHopJump{0%{transform:translate(var(--jump-from-x),var(--jump-from-y)) scale(1) rotate(90deg)}38%{transform:translate(calc(var(--jump-from-x) * .56),calc(var(--jump-from-y) * .56 - 44px)) scale(1.35) rotate(90deg);filter:drop-shadow(0 32px 26px rgba(0,0,0,.52)) drop-shadow(0 44px 36px rgba(0,45,55,.38))}74%{transform:translate(calc(var(--jump-from-x) * .18),calc(var(--jump-from-y) * .18 - 10px)) scale(1.12) rotate(90deg)}88%{transform:translate(0) scale(1.2,.84) rotate(90deg);filter:drop-shadow(0 6px 12px rgba(0,50,60,.85))}to{transform:translate(0) scale(1) rotate(90deg);filter:drop-shadow(0 8px 16px rgba(0,50,60,.7)) drop-shadow(0 3px 6px rgba(0,0,0,.6))}}.canvas-frog-violetka{position:absolute;width:96px;height:96px;pointer-events:none;transform:rotate(90deg);filter:drop-shadow(0 8px 16px rgba(76,29,149,.75)) drop-shadow(0 3px 6px rgba(0,0,0,.6));z-index:46}.canvas-frog-violetka.facing-up{transform:rotate(0)}.canvas-frog-violetka.frog-jumping{animation:frogHopJump .52s cubic-bezier(.22,1,.36,1) forwards;z-index:49!important}.canvas-frog-violetka.violetka-turn-jump{animation:violetkaHopTurn .55s cubic-bezier(.22,1,.36,1) forwards;z-index:49!important}.canvas-frog-violetka.violetka-up-jump{animation:violetkaHopUp .52s cubic-bezier(.22,1,.36,1) forwards;z-index:49!important}@keyframes violetkaHopTurn{0%{transform:translate(var(--jump-from-x),var(--jump-from-y)) scale(1) rotate(90deg)}38%{transform:translate(calc(var(--jump-from-x) * .56),calc(var(--jump-from-y) * .56 - 48px)) scale(1.35) rotate(60deg);filter:drop-shadow(0 32px 26px rgba(0,0,0,.52)) drop-shadow(0 44px 36px rgba(76,29,149,.45))}50%{transform:translate(calc(var(--jump-from-x) * .5),calc(var(--jump-from-y) * .5 - 50px)) scale(1.35) rotate(45deg)}74%{transform:translate(calc(var(--jump-from-x) * .18),calc(var(--jump-from-y) * .18 - 12px)) scale(1.12) rotate(20deg)}88%{transform:translate(0) scale(1.2,.84) rotate(0);filter:drop-shadow(0 6px 12px rgba(76,29,149,.85))}to{transform:translate(0) scale(1) rotate(0);filter:drop-shadow(0 8px 16px rgba(76,29,149,.75)) drop-shadow(0 3px 6px rgba(0,0,0,.6))}}@keyframes violetkaHopUp{0%{transform:translate(var(--jump-from-x),var(--jump-from-y)) scale(1) rotate(0)}38%{transform:translate(calc(var(--jump-from-x) * .56),calc(var(--jump-from-y) * .56 - 44px)) scale(1.35) rotate(0);filter:drop-shadow(0 32px 26px rgba(0,0,0,.52)) drop-shadow(0 44px 36px rgba(76,29,149,.45))}74%{transform:translate(calc(var(--jump-from-x) * .18),calc(var(--jump-from-y) * .18 - 10px)) scale(1.12) rotate(0)}88%{transform:translate(0) scale(1.2,.84) rotate(0);filter:drop-shadow(0 6px 12px rgba(76,29,149,.85))}to{transform:translate(0) scale(1) rotate(0);filter:drop-shadow(0 8px 16px rgba(76,29,149,.75)) drop-shadow(0 3px 6px rgba(0,0,0,.6))}}.violetka-entity-img{width:100%;height:100%;object-fit:contain;display:block}.violetka-zzz-badge{position:absolute;top:-24px;left:50%;transform:translate(-50%);background:#2e1065;color:#f3e8ff;border:2.5px solid #1a1a1a;border-radius:999px;font-size:15px;font-weight:900;padding:1px 8px;box-shadow:0 4px #1a1a1a;animation:violetkaZzzFloat 1.8s ease-in-out infinite;pointer-events:none;white-space:nowrap;letter-spacing:.05em;z-index:50}@keyframes violetkaZzzFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-7px)}}.canvas-frog-entity.frog-jetpack-flight{animation:frogJetpackFlight .75s cubic-bezier(.22,1,.36,1) forwards;z-index:55!important;filter:drop-shadow(0 0 20px rgba(251,146,60,.95)) drop-shadow(0 14px 28px rgba(234,88,12,.8))!important}@keyframes frogJetpackFlight{0%{transform:translate(var(--jump-from-x),var(--jump-from-y)) scale(1) rotate(90deg)}14%{transform:translate(calc(var(--jump-from-x) * .98),calc(var(--jump-from-y) * .98 + 4px)) scale(1.18,.88) rotate(90deg)}45%{transform:translate(calc(var(--jump-from-x) * .45),calc(var(--jump-from-y) * .45 - 64px)) scale(1.42) rotate(90deg);filter:drop-shadow(0 0 28px rgba(251,146,60,1)) drop-shadow(0 28px 38px rgba(234,88,12,.9))}75%{transform:translate(calc(var(--jump-from-x) * .12),calc(var(--jump-from-y) * .12 - 14px)) scale(1.18) rotate(90deg)}88%{transform:translate(0) scale(1.22,.84) rotate(90deg);filter:drop-shadow(0 0 20px rgba(245,158,11,.9))}to{transform:translate(0) scale(1) rotate(90deg);filter:drop-shadow(0 8px 16px rgba(0,50,60,.7)) drop-shadow(0 3px 6px rgba(0,0,0,.6))}}.jetpack-thrust-flames{position:absolute;top:72%;left:50%;transform:translate(-50%) rotate(180deg);width:32px;height:48px;background:radial-gradient(ellipse at top,#fff,#fef08a 25%,#f97316 65%,#ef444400);border-radius:50% 50% 20% 20%;pointer-events:none;animation:jetpackFlamesFlicker .1s infinite alternate;filter:drop-shadow(0 0 12px #f97316) drop-shadow(0 0 22px #eab308);z-index:-1}@keyframes jetpackFlamesFlicker{0%{transform:translate(-50%) rotate(180deg) scale(.9,.85);opacity:.9}to{transform:translate(-50%) rotate(180deg) scale(1.2,1.3);opacity:1}}.canvas-grid-cell.jetpack-target-candidate{box-shadow:0 0 20px #f59e0bf2,inset 0 0 14px #f59e0b99!important;border:3px solid #f59e0b!important;cursor:pointer!important;animation:jetpackPulseCell 1.2s ease-in-out infinite alternate;z-index:22!important}@keyframes jetpackPulseCell{0%{box-shadow:0 0 14px #f59e0bb3,inset 0 0 10px #f59e0b66;transform:scale(1)}to{box-shadow:0 0 26px #f59e0b,inset 0 0 18px #f59e0bcc;transform:scale(1.035)}}.canvas-grid-cell.jetpack-dimmed-cell{opacity:.35!important;filter:grayscale(35%) brightness(.82);transition:opacity .25s ease,filter .25s ease}.canvas-grid-cell.sharp-eyes-target-candidate{box-shadow:0 0 20px #c084fcf2,inset 0 0 14px #c084fc99!important;border:3px solid #c084fc!important;cursor:pointer!important;animation:sharpEyesPulseCell 1.2s ease-in-out infinite alternate;z-index:22!important}@keyframes sharpEyesPulseCell{0%{box-shadow:0 0 14px #c084fcb3,inset 0 0 10px #c084fc66;transform:scale(1)}to{box-shadow:0 0 26px #c084fc,inset 0 0 18px #c084fccc;transform:scale(1.035)}}.canvas-grid-cell.sharp-eyes-dimmed-cell{opacity:.35!important;filter:grayscale(35%) brightness(.82);transition:opacity .25s ease,filter .25s ease}.canvas-shift-arrow.brute-force-arrow-active{animation:bruteArrowPulse 1.1s ease-in-out infinite alternate;filter:drop-shadow(0 0 12px rgba(168,85,247,.95))}@keyframes bruteArrowPulse{0%{filter:drop-shadow(0 0 8px rgba(168,85,247,.7))}to{filter:drop-shadow(0 0 20px rgba(192,132,252,1)) brightness(1.25)}}.cell-bg-img.tile-crocodile-img{transform:rotate(90deg)}.canvas-grid-cell.cell-shift-active-line{box-shadow:0 0 18px #38bdf8d9,inset 0 0 12px #38bdf873!important;border-color:#38bdf8!important}.canvas-grid-cell.tile-slide-row-up{animation:tileSlideRowUp .26s cubic-bezier(.25,1,.5,1) forwards}.canvas-grid-cell.tile-slide-row-down{animation:tileSlideRowDown .26s cubic-bezier(.25,1,.5,1) forwards}.canvas-grid-cell.tile-slide-col-left{animation:tileSlideColLeft .26s cubic-bezier(.25,1,.5,1) forwards}.canvas-grid-cell.tile-slide-col-right{animation:tileSlideColRight .26s cubic-bezier(.25,1,.5,1) forwards}@keyframes tileSlideRowUp{0%{transform:translateY(133px)}to{transform:translateY(0)}}@keyframes tileSlideRowDown{0%{transform:translateY(-133px)}to{transform:translateY(0)}}@keyframes tileSlideColLeft{0%{transform:translate(127px)}to{transform:translate(0)}}@keyframes tileSlideColRight{0%{transform:translate(-127px)}to{transform:translate(0)}}.canvas-grid-cell.tile-wrap-row-up{animation:tileWrapRowUp .54s cubic-bezier(.25,1,.5,1) forwards;z-index:28!important;filter:drop-shadow(0 12px 20px rgba(0,0,0,.7))}.canvas-grid-cell.tile-wrap-row-down{animation:tileWrapRowDown .54s cubic-bezier(.25,1,.5,1) forwards;z-index:28!important;filter:drop-shadow(0 12px 20px rgba(0,0,0,.7))}.canvas-grid-cell.tile-wrap-col-left{animation:tileWrapColLeft .54s cubic-bezier(.25,1,.5,1) forwards;z-index:28!important;filter:drop-shadow(0 12px 20px rgba(0,0,0,.7))}.canvas-grid-cell.tile-wrap-col-right{animation:tileWrapColRight .54s cubic-bezier(.25,1,.5,1) forwards;z-index:28!important;filter:drop-shadow(0 12px 20px rgba(0,0,0,.7))}@keyframes tileWrapRowUp{0%{transform:translateY(-798px)}28%{transform:translateY(-931px) scale(1.04)}40%{transform:translateY(-931px) scale(1.04)}to{transform:translateY(0) scale(1)}}@keyframes tileWrapRowDown{0%{transform:translateY(798px)}28%{transform:translateY(931px) scale(1.04)}40%{transform:translateY(931px) scale(1.04)}to{transform:translateY(0) scale(1)}}@keyframes tileWrapColLeft{0%{transform:translate(-1143px)}28%{transform:translate(-1270px) scale(1.04)}40%{transform:translate(-1270px) scale(1.04)}to{transform:translate(0) scale(1)}}@keyframes tileWrapColRight{0%{transform:translate(1143px)}28%{transform:translate(1270px) scale(1.04)}40%{transform:translate(1270px) scale(1.04)}to{transform:translate(0) scale(1)}}.canvas-frog-entity.frog-slide-smooth{animation:frogShiftSlide .26s cubic-bezier(.25,1,.5,1) forwards;z-index:46!important}@keyframes frogShiftSlide{0%{transform:translate(var(--shift-from-x),var(--shift-from-y)) rotate(90deg)}to{transform:translate(0) rotate(90deg)}}.canvas-frog-entity.frog-wrap-row-up{animation:frogWrapRowUp .54s cubic-bezier(.25,1,.5,1) forwards;z-index:49!important}.canvas-frog-entity.frog-wrap-row-down{animation:frogWrapRowDown .54s cubic-bezier(.25,1,.5,1) forwards;z-index:49!important}.canvas-frog-entity.frog-wrap-col-left{animation:frogWrapColLeft .54s cubic-bezier(.25,1,.5,1) forwards;z-index:49!important}.canvas-frog-entity.frog-wrap-col-right{animation:frogWrapColRight .54s cubic-bezier(.25,1,.5,1) forwards;z-index:49!important}@keyframes frogWrapRowUp{0%{transform:translateY(-798px) rotate(90deg)}28%{transform:translateY(-931px) scale(1.04) rotate(90deg)}40%{transform:translateY(-931px) scale(1.04) rotate(90deg)}to{transform:translateY(0) scale(1) rotate(90deg)}}@keyframes frogWrapRowDown{0%{transform:translateY(798px) rotate(90deg)}28%{transform:translateY(931px) scale(1.04) rotate(90deg)}40%{transform:translateY(931px) scale(1.04) rotate(90deg)}to{transform:translateY(0) scale(1) rotate(90deg)}}@keyframes frogWrapColLeft{0%{transform:translate(-1143px) rotate(90deg)}28%{transform:translate(-1270px) scale(1.04) rotate(90deg)}40%{transform:translate(-1270px) scale(1.04) rotate(90deg)}to{transform:translate(0) scale(1) rotate(90deg)}}@keyframes frogWrapColRight{0%{transform:translate(1143px) rotate(90deg)}28%{transform:translate(1270px) scale(1.04) rotate(90deg)}40%{transform:translate(1270px) scale(1.04) rotate(90deg)}to{transform:translate(0) scale(1) rotate(90deg)}}.canvas-grid-cell.tile-lift-peek{animation:tileLiftPeek 1.25s cubic-bezier(.25,1,.35,1) forwards;z-index:38!important}@keyframes tileLiftPeek{0%{transform:translateY(0) scale(1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}24%{transform:translateY(-24px) scale(1.1);filter:drop-shadow(0 22px 26px rgba(0,0,0,.75)) drop-shadow(0 0 16px rgba(255,220,100,.65))}75%{transform:translateY(-22px) scale(1.08);filter:drop-shadow(0 20px 24px rgba(0,0,0,.7)) drop-shadow(0 0 14px rgba(255,220,100,.5))}to{transform:translateY(0) scale(1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}}.flying-card-gain-anim{position:absolute;top:0;left:0;width:96px;height:136px;z-index:95;pointer-events:none;animation:flyCardArc 1.05s cubic-bezier(.22,1,.36,1) forwards}.flying-card-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.flying-card-img{width:100%;height:100%;object-fit:contain;border-radius:10px;border:3px solid #facc15;box-shadow:0 0 32px #facc15e6,0 12px 28px #000000e6}.flying-card-glow-halo{position:absolute;inset:-14px;border-radius:16px;background:radial-gradient(circle,rgba(254,240,138,.55) 0%,rgba(234,179,8,.3) 50%,transparent 75%);pointer-events:none;animation:cardHaloPulse .5s ease-in-out infinite alternate}.flying-card-badge{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#fef08a,#eab308);border:2px solid #1a1a1a;border-radius:8px;padding:2px 8px;font-family:Bitter,Cinzel,serif;font-size:13px;font-weight:900;color:#1a1a1a;box-shadow:0 4px 10px #000c;white-space:nowrap}@keyframes flyCardArc{0%{transform:translate(var(--fly-start-x),var(--fly-start-y)) scale(.6) rotate(-8deg);opacity:0}15%{transform:translate(var(--fly-start-x),calc(var(--fly-start-y) - 30px)) scale(1.18) rotate(4deg);opacity:1}75%{transform:translate(calc(var(--fly-dest-x) + (var(--fly-start-x) - var(--fly-dest-x)) * .2),calc(min(var(--fly-start-y),var(--fly-dest-y)) - 50px)) scale(1.05) rotate(-3deg);opacity:1}92%{transform:translate(var(--fly-dest-x),var(--fly-dest-y)) scale(1.02) rotate(0);opacity:1}to{transform:translate(var(--fly-dest-x),var(--fly-dest-y)) scale(.85);opacity:0}}@keyframes cardHaloPulse{0%{transform:scale(.95);opacity:.6}to{transform:scale(1.15);opacity:1}}.cell-marker-img{position:absolute;top:4px;right:4px;width:44px;height:44px;object-fit:contain;z-index:11;filter:drop-shadow(0 4px 8px rgba(0,0,0,.8))}.canvas-cell-action-menu{position:absolute;width:210px;display:flex;flex-direction:column;gap:8px;z-index:55;pointer-events:auto}.canvas-cell-menu-btn{width:210px;height:68px;background:linear-gradient(180deg,#14532d,#064e3b 70%,#022c22);border:3px solid #eab308;border-radius:12px;font-family:Cinzel,serif;font-size:22px;font-weight:900;color:#fef08a;box-shadow:0 8px 24px #000000d9,inset 0 2px 4px #ffffff4d;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .15s ease,filter .15s ease;text-shadow:0 2px 4px rgba(0,0,0,.9)}.canvas-cell-menu-btn:hover:not(:disabled){transform:scale(1.04);filter:brightness(1.18);box-shadow:0 10px 28px #000000f2,0 0 20px #eab30866}.canvas-cell-menu-btn:disabled,.canvas-cell-menu-btn.disabled{opacity:.55;filter:grayscale(.8);border-color:#64748b;color:#cbd5e1;background:#1e293b;cursor:pointer}.canvas-shift-arrow{position:absolute;width:54px;height:54px;cursor:pointer;z-index:35;transition:transform .15s ease,filter .15s ease;filter:drop-shadow(0 6px 12px rgba(0,0,0,.7))}.canvas-shift-arrow:hover:not(.blocked){filter:drop-shadow(0 0 16px rgba(34,197,94,.95))}.canvas-shift-arrow.blocked{opacity:.35;filter:grayscale(.85);cursor:pointer}.shift-arrow-img{width:100%;height:100%;object-fit:contain}.canvas-finish-zone{position:absolute;left:1610px;top:436px;width:114px;height:205px;z-index:20;display:flex;align-items:center;justify-content:center;transition:transform .22s ease,filter .22s ease,border-color .25s ease,box-shadow .25s ease;pointer-events:none;box-sizing:border-box;border-radius:14px}.canvas-finish-aura{display:none}.canvas-finish-inner{position:absolute;left:50%;top:50%;width:205px;height:114px;transform:translate(-50%,-50%) rotate(90deg);display:flex;align-items:center;justify-content:center;pointer-events:none}.canvas-finish-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.55))}.canvas-finish-zone.can-finish{cursor:pointer;pointer-events:auto;border:3px solid #fde047;border-radius:14px;background:radial-gradient(ellipse at center,rgba(250,204,21,.18) 0%,rgba(34,197,94,.08) 70%,transparent 100%);box-shadow:0 0 18px 4px #facc158c,inset 0 0 12px #facc1559;animation:finishPerimeterPulse 2s infinite ease-in-out}.canvas-finish-zone.can-finish:hover{transform:scale(1.025);filter:brightness(1.1);box-shadow:0 0 32px 10px #facc15cc,inset 0 0 22px #facc1580}@keyframes finishPerimeterPulse{0%,to{box-shadow:0 0 18px 4px #facc1573,inset 0 0 12px #facc1540;border-color:#fde047d9}50%{box-shadow:0 0 32px 10px #facc15bf,inset 0 0 20px #facc1573;border-color:#fef08a}}.canvas-finish-zone.violetka-danger-finish{border:3.5px solid #ef4444!important;border-radius:14px;background:radial-gradient(ellipse at center,rgba(239,68,68,.3) 0%,rgba(220,38,38,.12) 70%,transparent 100%);box-shadow:0 0 22px 6px #ef4444b3,inset 0 0 14px #ef444466;animation:violetkaDangerPerimeterPulse .9s infinite ease-in-out!important}@keyframes violetkaDangerPerimeterPulse{0%,to{box-shadow:0 0 16px 4px #ef444473,inset 0 0 10px #ef444440;border-color:#ef4444d9}50%{box-shadow:0 0 38px 14px #ef4444f2,inset 0 0 24px #ef444499;border-color:#fecaca}}.canvas-turn-controls{position:absolute;right:28px;top:28px;display:flex;align-items:center;gap:14px;z-index:25}.canvas-btn-fs{width:58px;height:58px;background:#0f172ae0;border:2px solid #eab308;border-radius:12px;color:#fef08a;font-size:26px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #000000b3,0 2px 8px #eab30840;transition:transform .1s,background-color .1s}.canvas-btn-fs:hover{background:#1e293bf2;transform:scale(1.05)}.canvas-btn-fs:active{transform:scale(.96)}.canvas-turn-timer{font-family:Cinzel,serif;font-size:32px;font-weight:900;color:#fef08a;text-shadow:0 2px 6px rgba(0,0,0,.85);background:#0f172ae0;border:2px solid #eab308;border-radius:12px;padding:6px 14px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #000000b3,0 2px 8px #eab30840}.canvas-turn-timer.paused{opacity:.45;filter:grayscale(.8)}.canvas-btn-end-turn{width:180px;height:58px;background:linear-gradient(180deg,#d97706,#b45309 70%,#78350f);border:3px solid #fef08a;border-radius:12px;font-family:Cinzel,serif;font-size:20px;font-weight:900;color:#fef08a;box-shadow:0 8px 22px #000000bf,inset 0 2px 4px #fff6,0 2px 8px #eab30840;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,filter .15s ease;text-shadow:0 2px 4px rgba(0,0,0,.8)}.canvas-btn-end-turn:hover:not(:disabled){transform:scale(1.04);filter:brightness(1.1);box-shadow:0 10px 28px #000000d9,inset 0 2px 4px #fff6,0 0 16px #eab30866}.canvas-btn-end-turn:active:not(:disabled){transform:scale(.97);box-shadow:0 3px 10px #000000a6,inset 0 3px 6px #0000004d}.canvas-btn-end-turn:disabled{opacity:.5;filter:grayscale(.8);cursor:not-allowed}.canvas-hand-card-slot{position:absolute;right:-20px;width:176px;height:248px;pointer-events:auto;transition:right .22s ease}.canvas-hand-card-slot:hover{z-index:74!important}.canvas-hand-card-slot:has(.selected),.canvas-hand-card-slot.selected-slot{z-index:76!important}.canvas-hand-card{position:relative;width:100%;height:100%;cursor:pointer;transform-origin:center right;transition:transform .28s cubic-bezier(.34,1.56,.64,1),filter .22s ease;filter:drop-shadow(-5px 8px 16px rgba(0,0,0,.85)) drop-shadow(-2px 3px 6px rgba(0,0,0,.55));z-index:2}.canvas-hand-card.selected{transform:translate(-80px) scale(1.05)!important;filter:drop-shadow(-14px 12px 28px rgba(0,0,0,.98)) brightness(1.06);z-index:55!important}.hand-card-img{width:100%;height:100%;object-fit:contain;border:none!important;border-radius:0!important;box-shadow:none!important}.hand-card-action-popup{position:absolute;right:100%;margin-right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:75;width:320px;pointer-events:auto}.hand-card-info-badge{background:#0f172afa;border:3px solid #f59e0b;border-radius:14px;padding:12px 16px;text-align:center;box-shadow:0 10px 30px #000000f2,0 0 20px #f59e0b59;width:100%}.hand-card-title{font-family:Cinzel,serif;font-size:21px;font-weight:900;color:#fef08a;text-shadow:0 2px 4px rgba(0,0,0,.95);letter-spacing:.5px}.hand-card-desc{font-family:Outfit,sans-serif;font-size:16px;color:#f1f5f9;margin-top:6px;line-height:1.35;font-weight:500}.hand-card-popup-buttons{display:flex;gap:8px;width:100%;justify-content:center}.hand-card-btn-zoom{background:linear-gradient(180deg,#0284c7,#0369a1);border:2px solid #7dd3fc;color:#fff;padding:10px 14px;border-radius:10px;font-family:Cinzel,serif;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px #000c;display:flex;align-items:center;gap:6px;transition:transform .15s ease,filter .15s ease}.hand-card-btn-play{background:linear-gradient(180deg,#16a34a,#15803d);border:2px solid #86efac;color:#fff;padding:10px 18px;border-radius:10px;font-family:Cinzel,serif;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px #000c;transition:transform .15s ease,filter .15s ease}.hand-card-btn-cancel{background:#334155;border:2px solid #94a3b8;color:#fff;padding:10px 14px;border-radius:10px;font-family:Cinzel,serif;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px #000c;transition:transform .15s ease,filter .15s ease}.hand-card-popup-buttons{display:flex;gap:10px;width:100%;justify-content:center}.hand-card-btn-zoom{background:linear-gradient(180deg,#0284c7,#0369a1);border:3px solid #7dd3fc;color:#fff;padding:12px 18px;border-radius:14px;font-family:Cinzel,serif;font-size:20px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px #000c;text-shadow:0 1px 3px rgba(0,0,0,.8);display:flex;align-items:center;gap:8px;transition:transform .15s ease,filter .15s ease}.hand-card-btn-zoom:hover{transform:scale(1.05);filter:brightness(1.15)}.hand-card-btn-play{background:linear-gradient(180deg,#16a34a,#15803d);border:3px solid #86efac;color:#fff;padding:12px 26px;border-radius:14px;font-family:Cinzel,serif;font-size:22px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px #000c;text-shadow:0 1px 3px rgba(0,0,0,.8);transition:transform .15s ease,filter .15s ease}.hand-card-btn-play:hover:not(:disabled){transform:scale(1.05);filter:brightness(1.15)}.hand-card-btn-play:disabled{opacity:.5;filter:grayscale(.8);cursor:not-allowed}.hand-card-btn-cancel{background:#334155;border:3px solid #94a3b8;color:#fff;padding:12px 20px;border-radius:14px;font-family:Cinzel,serif;font-size:20px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px #000c;transition:transform .15s ease,filter .15s ease}.hand-card-btn-cancel:hover{transform:scale(1.05);background:#475569}@keyframes screenShake{0%{transform:translate(-50%,-50%) rotate(0)}15%{transform:translate(calc(-50% - 16px),calc(-50% + 12px)) rotate(-1deg)}30%{transform:translate(calc(-50% + 16px),calc(-50% - 14px)) rotate(1.2deg)}45%{transform:translate(calc(-50% - 12px),calc(-50% - 10px)) rotate(-.8deg)}60%{transform:translate(calc(-50% + 12px),calc(-50% + 8px)) rotate(.6deg)}75%{transform:translate(calc(-50% - 6px),calc(-50% + 4px)) rotate(-.3deg)}to{transform:translate(-50%,-50%) rotate(0)}}.game-canvas-1080.screen-shake{animation:screenShake .75s ease-out}.canvas-dynamite-overlay{position:absolute;inset:0;background:#0f0303e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:96;display:flex;align-items:center;justify-content:center;padding:30px;animation:fadeInZoom .25s ease-out}.dynamite-modal-box{background:linear-gradient(180deg,#2a0808,#160303);border:4px solid #ef4444;border-radius:28px;padding:36px 40px;max-width:820px;width:90%;display:flex;flex-direction:column;align-items:center;gap:24px;box-shadow:0 30px 80px #000000f2,0 0 60px #ef44448c;animation:popInModal .28s cubic-bezier(.34,1.56,.64,1)}.dynamite-modal-header{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.dynamite-modal-icon-wrap{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,#7f1d1d,#450a0a);border:4px solid #f87171;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #ef444499}.dynamite-modal-img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.8))}.dynamite-modal-title{font-family:Cinzel,serif;font-size:38px;font-weight:900;color:#fca5a5;text-shadow:0 4px 10px rgba(0,0,0,.9),0 0 25px rgba(239,68,68,.7);letter-spacing:1px}.dynamite-modal-body{display:flex;flex-direction:column;gap:18px;width:100%}.dynamite-modal-cause{font-family:Outfit,sans-serif;font-size:26px;font-weight:700;color:#fff;text-align:center;background:#450a0abf;border:2px solid rgba(248,113,113,.4);border-radius:16px;padding:16px 20px;line-height:1.4}.dynamite-modal-effects{display:flex;flex-direction:column;gap:10px;background:#00000073;border-radius:16px;padding:20px 24px}.dynamite-effect-item{font-family:Outfit,sans-serif;font-size:21px;color:#fecaca;line-height:1.45;font-weight:500}.dynamite-modal-btn{background:linear-gradient(180deg,#dc2626,#991b1b);border:3px solid #fca5a5;color:#fff;font-family:Cinzel,serif;font-size:26px;font-weight:800;padding:16px 48px;border-radius:16px;cursor:pointer;box-shadow:0 8px 24px #000c,0 0 20px #dc262680;transition:transform .15s ease,filter .15s ease}.dynamite-modal-btn:hover{transform:scale(1.05);filter:brightness(1.15)}.canvas-card-zoom-overlay{position:absolute;inset:0;background:#000000e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:95;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;animation:fadeInZoom .2s ease-out}@keyframes fadeInZoom{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.card-zoom-content{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:620px}.card-zoom-info-badge{background:#0f172af5;border:3px solid #f59e0b;border-radius:14px;padding:14px 24px;text-align:center;box-shadow:0 10px 30px #000000e6;width:100%}.card-zoom-title{font-family:Cinzel,serif;font-size:26px;font-weight:900;color:#fef08a;text-shadow:0 2px 4px rgba(0,0,0,.9)}.card-zoom-desc{font-family:Outfit,sans-serif;font-size:18px;color:#f1f5f9;margin-top:8px;line-height:1.45;font-weight:500}.card-zoom-img-wrapper{position:relative;width:580px;height:818px;display:flex;align-items:center;justify-content:center}.card-zoom-img{width:100%;height:100%;object-fit:contain;border:none!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 20px 45px rgba(0,0,0,.95))}.card-zoom-actions{display:flex;gap:16px;margin-top:4px}.card-zoom-btn-play{background:linear-gradient(180deg,#16a34a,#15803d);border:2px solid #86efac;color:#fff;padding:14px 36px;border-radius:12px;font-family:Cinzel,serif;font-size:22px;font-weight:900;cursor:pointer;box-shadow:0 8px 24px #000000d9;text-shadow:0 1px 3px rgba(0,0,0,.8);transition:transform .15s ease,filter .15s ease}.card-zoom-btn-play:hover:not(:disabled){transform:scale(1.04);filter:brightness(1.15)}.card-zoom-btn-play:disabled{opacity:.5;filter:grayscale(.8);cursor:not-allowed}.card-zoom-btn-close{background:#334155;border:2px solid #94a3b8;color:#fff;padding:14px 28px;border-radius:12px;font-family:Cinzel,serif;font-size:22px;font-weight:900;cursor:pointer;box-shadow:0 8px 24px #000000d9;transition:transform .15s ease}.card-zoom-btn-close:hover{transform:scale(1.04);background:#475569}.canvas-deck-stack{position:absolute;right:-12px;bottom:-12px;width:252px;height:196px;z-index:25;pointer-events:none}.deck-stack-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 28px rgba(0,0,0,.92)) drop-shadow(6px 8px 14px rgba(0,0,0,.6))}.deck-count-badge{position:absolute;right:28px;top:12px;left:auto;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,#fde047,#eab308 60%,#ca8a04);border:3px solid #fef9c3;box-shadow:0 6px 16px #000000d9,inset 0 2px 4px #ffffffb3;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:24px;font-weight:900;color:#422006;z-index:26;pointer-events:auto}.landscape-rotate-prompt{display:none;position:fixed;inset:0;background:#081a10f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99999;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.rotate-device-icon{font-size:68px;animation:rotatePhone 2.2s infinite ease-in-out;margin-bottom:20px}@keyframes rotatePhone{0%,20%{transform:rotate(0)}50%,70%{transform:rotate(90deg)}to{transform:rotate(0)}}.rotate-device-title{font-family:Cinzel,serif;font-size:28px;font-weight:900;color:#fef08a;margin-bottom:12px;text-shadow:0 2px 6px rgba(0,0,0,.9)}.rotate-device-desc{font-family:Outfit,sans-serif;font-size:17px;color:#e2e8f0;max-width:340px;line-height:1.45}.btn-rotate-fullscreen{margin-top:24px;background:#fef08a;color:#1a1a1a;border:3px solid #1a1a1a;border-radius:999px;padding:14px 28px;font-family:Bitter,Georgia,serif;font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 4px #1a1a1a,0 8px 20px #0006;transition:transform .1s,box-shadow .1s}.btn-rotate-fullscreen:active{transform:translateY(2px);box-shadow:0 2px #1a1a1a}@media(orientation:portrait)and (max-width:900px){.landscape-rotate-prompt{display:flex!important}}.burger-drawer-overlay{position:absolute;inset:-3000px -6000px;background:#00000080;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;animation:menuFadeIn .18s ease-out}@keyframes menuFadeIn{0%{opacity:0}to{opacity:1}}@keyframes menuScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.burger-drawer-content{width:1040px;max-width:92%;max-height:960px;background:#c4ba98;border:6px solid #1a1a1a;border-radius:32px;box-shadow:0 14px 40px #0000008c;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;animation:menuScaleUp .18s cubic-bezier(.2,.8,.2,1)}.burger-drawer-header{background:#dfe67a;border-bottom:4px solid #1a1a1a;padding:16px 26px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;flex-shrink:0}.burger-drawer-title{font-family:Bitter,Lora,serif;font-size:30px;font-weight:900;color:#1a1a1a;letter-spacing:.6px;text-transform:uppercase;margin:0;display:flex;align-items:center;gap:14px}.burger-drawer-close{background:#ffe8cc;border:3.5px solid #1a1a1a;color:#1a1a1a;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,background .12s ease;box-shadow:0 3px #1a1a1a;padding:0;outline:none}.burger-drawer-close:hover{transform:scale(1.06);background:#f4604f;color:#fff}.burger-drawer-close:active{transform:scale(.96)}.burger-tabs-nav{display:flex;margin:16px 24px 0;background:#a9aa7e;border:3.5px solid #1a1a1a;border-radius:16px;overflow:hidden;height:52px;flex-shrink:0;box-sizing:border-box}.burger-tab-btn{flex:1;border:none;font-family:Bitter,Lora,serif;font-size:21px;font-weight:700;color:#383626;background:#a9aa7e;cursor:pointer;transition:background .15s ease,color .15s ease;display:flex;align-items:center;justify-content:center;gap:8px;outline:none}.burger-tab-btn:first-child{border-right:3px solid #1a1a1a}.burger-tab-btn.active{background:#dfe67a;color:#1a1a1a;font-weight:900}.burger-tab-btn:not(.active):hover{background:#b9ba8e;color:#1a1a1a}.burger-tab-content{padding:18px 24px 24px;overflow-y:auto;max-height:720px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;gap:16px;font-family:Outfit,sans-serif;scrollbar-width:thin;scrollbar-color:#a9aa7e #ffe8cc;box-sizing:border-box}.burger-tab-content::-webkit-scrollbar{width:8px}.burger-tab-content::-webkit-scrollbar-track{background:#ffe8cc;border-radius:4px}.burger-tab-content::-webkit-scrollbar-thumb{background:#a9aa7e;border-radius:4px;border:1px solid #1a1a1a}.menu-cream-card{background:#ffe8cc;border:3px solid #1a1a1a;border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.menu-info-row{display:flex;justify-content:space-between;align-items:center;font-family:Outfit,sans-serif;font-size:20px;color:#5c5346}.menu-info-val{font-weight:800;color:#1a1a1a;font-size:20px}.status-chip-online{display:inline-flex;align-items:center;gap:8px;background:#dcfce7;border:2px solid #1a1a1a;border-radius:999px;padding:4px 14px;font-weight:800;font-size:17px;color:#166534}.status-dot{width:10px;height:10px;border-radius:50%;background:#16a34a}.menu-sound-row{display:flex;justify-content:space-between;align-items:center;font-family:Outfit,sans-serif;font-size:20px;font-weight:800;color:#1a1a1a}.btn-menu-test{background:#c9c7a4;border:3px solid #1a1a1a;border-radius:12px;padding:8px 18px;font-family:Bitter,Lora,serif;font-size:18px;font-weight:800;color:#1a1a1a;cursor:pointer;box-shadow:0 3px #1a1a1a;transition:all .12s ease;outline:none}.btn-menu-test:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px #1a1a1a}.btn-menu-test:active{transform:translateY(1px);box-shadow:0 1px #1a1a1a}.menu-log-title{font-family:Bitter,Lora,serif;font-size:22px;font-weight:900;color:#1a1a1a;margin-top:4px;margin-bottom:6px}.menu-log-card{background:#ffe8cc;border:3px solid #1a1a1a;border-radius:18px;max-height:240px;min-height:120px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;font-family:Outfit,sans-serif;font-size:19px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#a9aa7e #ffe8cc}.menu-log-card::-webkit-scrollbar{width:8px}.menu-log-card::-webkit-scrollbar-track{background:#ffe8cc;border-radius:4px}.menu-log-card::-webkit-scrollbar-thumb{background:#a9aa7e;border-radius:4px;border:1px solid #1a1a1a}.menu-log-item{padding:8px 14px;border-bottom:1px solid rgba(26,26,26,.12);line-height:1.35;color:#1a1a1a;display:flex;gap:10px;box-sizing:border-box}.menu-log-item:nth-child(2n){background:#f5debf}.menu-log-item.is-victory{background:#fef08a!important;font-weight:800;border-radius:8px}.menu-log-time{font-weight:800;color:#785b3a;flex-shrink:0;font-variant-numeric:tabular-nums}.btn-menu-exit{width:100%;height:52px;background:#f4604f;border:3.5px solid #1a1a1a;border-radius:999px;font-family:Bitter,Lora,serif;font-size:20px;font-weight:900;color:#1a1a1a;cursor:pointer;box-shadow:0 4px #1a1a1a;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .12s ease;margin-top:6px;outline:none;box-sizing:border-box}.btn-menu-exit:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 6px #1a1a1a}.btn-menu-exit:active{transform:translateY(2px);box-shadow:0 2px #1a1a1a}.rule-section-card{background:#ffe8cc;border:3px solid #1a1a1a;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.rule-section-title{font-family:Bitter,Lora,serif;font-size:19px;font-weight:900;color:#1a1a1a;display:flex;align-items:center;gap:10px;margin:0}.rule-section-body{font-family:Outfit,sans-serif;font-size:15.5px;color:#1a1a1a;line-height:1.45}.rule-grid-chips{display:flex;flex-direction:column;gap:8px;margin-top:4px}.rule-chip-item{background:#f4e3c2;border:2px solid #1a1a1a;border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}.rule-chip-title{font-family:Outfit,sans-serif;font-weight:800;font-size:16px;color:#1a1a1a;display:flex;align-items:center;gap:8px}.rule-chip-text{font-family:Outfit,sans-serif;font-size:14.5px;color:#2e2c1e;line-height:1.4}.rule-bullets-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-family:Outfit,sans-serif;font-size:15.5px;color:#1a1a1a;line-height:1.4}.canvas-discard-overlay{position:absolute;inset:-3000px -6000px;background:#00000085;z-index:96;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;animation:discardModalPop .18s cubic-bezier(.2,.8,.2,1)}@keyframes discardModalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.discard-modal-window{background-color:#c4ba98;border:6px solid #1a1a1a;border-radius:28px;box-shadow:0 10px #12130e,0 22px 50px #000000b3;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;-webkit-user-select:none;user-select:none}.discard-pick-window{width:100%;max-width:840px}.discard-waiting-window{width:100%;max-width:620px}.discard-modal-header{background-color:#dfe67a;border-bottom:4px solid #1a1a1a;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box}.discard-header-left{display:flex;align-items:center;gap:14px}.discard-header-icon{flex-shrink:0;display:block}.discard-modal-title{font-family:Bitter,Lora,serif;font-size:28px;font-weight:900;color:#1a1a1a;letter-spacing:.5px;text-transform:uppercase;margin:0;line-height:1.1;white-space:nowrap}.discard-timer-pill{background-color:#cdc4a2;border:3px solid #1a1a1a;border-radius:999px;padding:5px 16px;display:flex;align-items:center;gap:8px;font-family:Bitter,serif;font-weight:900;font-size:20px;color:#1a1a1a;white-space:nowrap;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease}.discard-timer-icon{flex-shrink:0;display:block}.discard-timer-pill.is-warning{background-color:#f4604f;color:#1a1a1a}.discard-modal-body{background-color:#c4ba98;box-sizing:border-box}.discard-pick-body{padding:24px 28px 28px;display:flex;flex-direction:column;align-items:center;gap:20px}.discard-instructions{font-family:Comfortaa,Outfit,Bitter,sans-serif;font-size:22px;font-weight:700;color:#1a1a1a;text-align:center;line-height:1.35}.discard-cards-grid{display:flex;justify-content:center;align-items:center;gap:22px;width:100%}.discard-card-slot{width:220px;height:308px;border:none;background-color:transparent;overflow:visible;cursor:pointer;position:relative;transition:transform .18s ease,filter .18s ease;box-sizing:border-box;display:flex;align-items:center;justify-content:center;outline:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.48))}.discard-card-slot:hover{transform:translateY(-8px);filter:drop-shadow(0 16px 24px rgba(0,0,0,.6)) drop-shadow(0 0 12px rgba(244,96,79,.75))}.discard-card-slot:active{transform:translateY(-2px);filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}.discard-card-slot:focus-visible{filter:drop-shadow(0 0 0 3px #f4604f) drop-shadow(0 12px 20px rgba(0,0,0,.45))}.discard-card-slot.disabled{pointer-events:none;opacity:.5;filter:grayscale(.4) drop-shadow(0 4px 10px rgba(0,0,0,.3))}.discard-card-art{width:100%;height:100%;object-fit:contain;display:block;border:none!important;border-radius:0!important;box-shadow:none!important}.discard-waiting-body{padding:24px 28px;display:flex;align-items:center;gap:16px}.discard-avatar-wrap{width:52px;height:52px;border:3px solid #1a1a1a;border-radius:50%;background:#f7f4dc;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 6px #00000059}.discard-avatar-img{width:100%;height:100%;object-fit:cover}.discard-waiting-text{font-family:Comfortaa,Outfit,Bitter,sans-serif;font-size:22px;font-weight:600;color:#1a1a1a;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discard-waiting-text b{font-weight:800}@media(max-height:560px){.discard-pick-window{max-width:95vw}.discard-modal-header{padding:8px 16px}.discard-modal-title{font-size:19px}.discard-timer-pill{padding:3px 12px;font-size:16px}.discard-pick-body{padding:12px 18px 16px;gap:12px}.discard-instructions{font-size:16px}.discard-cards-grid{gap:14px}.discard-card-slot{width:140px;height:196px}.discard-waiting-body{padding:14px 18px;gap:12px}.discard-avatar-wrap{width:42px;height:42px}.discard-waiting-text{font-size:16px}}.cartoon-modal-overlay{position:absolute;inset:-3000px -6000px;background-color:#0a0c08a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2100;padding:16px;box-sizing:border-box;animation:cartoonModalFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes cartoonModalFadeIn{0%{opacity:0}to{opacity:1}}.cartoon-modal-window{background-color:#c4ba98;border:6px solid #1a1a1a;border-radius:28px;box-shadow:0 10px #12130e,0 22px 50px #000000b3;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;-webkit-user-select:none;user-select:none;width:100%;animation:cartoonModalScaleIn .22s cubic-bezier(.34,1.56,.64,1)}@keyframes cartoonModalScaleIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.cancelled-modal-window,.peek-modal-window{max-width:620px}.dynamite-modal-window{max-width:640px}.cartoon-modal-header{background-color:#dfe67a;border-bottom:4px solid #1a1a1a;padding:14px 24px;display:flex;align-items:center;justify-content:center;text-align:center;gap:14px;box-sizing:border-box}.cartoon-modal-icon{flex-shrink:0;display:block}.cartoon-modal-img-icon{height:40px;width:auto;max-width:60px;object-fit:contain;flex-shrink:0;display:block}.cartoon-modal-title{font-family:Bitter,Lora,serif;font-size:28px;font-weight:900;color:#1a1a1a;letter-spacing:.5px;text-transform:uppercase;margin:0;line-height:1.1;white-space:nowrap}.cartoon-modal-body{background-color:#c4ba98;box-sizing:border-box;padding:24px 28px 28px;display:flex;flex-direction:column;align-items:center;gap:18px}.cartoon-inner-card{background-color:#ffe8cc;border:3.5px solid #1a1a1a;border-radius:22px;width:100%;box-sizing:border-box;padding:20px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.cartoon-modal-btn{width:100%;border:3.5px solid #1a1a1a;border-radius:999px;padding:13px 24px;font-family:Bitter,Lora,serif;font-size:22px;font-weight:900;color:#1a1a1a;cursor:pointer;outline:none;box-sizing:border-box;box-shadow:0 4px #1a1a1a;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.cartoon-modal-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px #1a1a1a}.cartoon-modal-btn:active{transform:translateY(2px);box-shadow:0 2px #1a1a1a}.cartoon-btn-coral{background-color:#f4604f}.cartoon-btn-coral:hover{background-color:#ff6e5f}.cartoon-btn-green{background-color:#05c450}.cartoon-btn-green:hover{background-color:#10d85d}.cartoon-btn-sand,.cartoon-btn-cream{background-color:#fff4d9;color:#1a1a1a}.cartoon-btn-sand:hover,.cartoon-btn-cream:hover{background-color:#fff}.cartoon-btn-sand:active,.cartoon-btn-cream:active{background-color:#f7e6be}.canvas-ambient-wind-canvas,#ambient-wind-canvas{position:absolute;left:0;top:0;width:1920px;height:1080px;pointer-events:none;z-index:30}.cancelled-inner-header{font-family:Bitter,Lora,serif;font-size:23px;font-weight:900;color:#1a1a1a;line-height:1.25}.cancelled-inner-desc{font-family:Comfortaa,Outfit,sans-serif;font-size:18px;font-weight:600;color:#1a1a1a;line-height:1.35;margin-top:10px}.peek-coords-label{font-family:Bitter,Lora,serif;font-size:22px;font-weight:900;color:#1a1a1a;text-align:center;margin-top:-4px}.peek-inner-title{font-family:Bitter,Lora,serif;font-size:26px;font-weight:900;color:#1a1a1a;line-height:1.2}.peek-inner-desc{font-family:Comfortaa,Outfit,sans-serif;font-size:19px;font-weight:600;color:#1a1a1a;line-height:1.35;margin-top:8px}.peek-bottom-hint{font-family:Comfortaa,Outfit,sans-serif;font-size:16px;font-weight:700;color:#1a1a1a;text-align:center;line-height:1.3}.dynamite-trigger-label{font-family:Bitter,Lora,serif;font-size:22px;font-weight:700;color:#1a1a1a;line-height:1.25;text-align:center;margin-top:-4px}.dynamite-inner-card{align-items:flex-start;text-align:left;padding:18px 24px}.dynamite-bullets-list{display:flex;flex-direction:column;gap:10px;width:100%}.dynamite-bullet-item{font-family:Comfortaa,Outfit,sans-serif;font-size:19px;font-weight:700;color:#1a1a1a;line-height:1.4}.victory-modal-window{width:1040px;max-width:92%;border-width:6.5px;border-radius:34px}.victory-modal-window .cartoon-modal-header{padding:18px 28px;gap:16px}.victory-modal-window .cartoon-modal-img-icon{height:52px;max-width:68px}.victory-modal-window .cartoon-modal-title{font-size:34px;letter-spacing:.8px}.victory-modal-window .cartoon-modal-body{padding:24px 30px 28px;gap:16px}.victory-section-title{font-family:Bitter,Lora,serif;font-size:28px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:#1a1a1a;text-align:center;margin-top:-2px;margin-bottom:6px}.victory-players-list{display:flex;flex-direction:column;gap:14px;width:100%;box-sizing:border-box}.victory-player-row{background-color:#ffe8cc;border:4px solid #1a1a1a;border-radius:999px;padding:10px 22px;display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;box-shadow:0 5px 12px #00000026;transition:transform .15s ease}.victory-player-left{display:flex;align-items:center;min-width:0}.victory-avatar-wrap{width:58px;height:58px;border:3px solid #1a1a1a;border-radius:50%;background:#f7f4dc;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.victory-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.victory-player-row.is-violetka .victory-avatar-wrap{border-color:#7c3aed}.victory-color-dot{width:16px;height:16px;border-radius:50%;border:2px solid #1a1a1a;margin:0 12px 0 14px;flex-shrink:0}.victory-player-name{font-family:Bitter,Outfit,serif;font-size:26px;font-weight:900;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.victory-player-right{display:flex;align-items:center;flex-shrink:0;margin-left:14px}.victory-winner-badge{background-color:#ffe600;border:3px solid #1a1a1a;border-radius:999px;padding:6px 20px;display:flex;align-items:center;gap:10px;font-family:Bitter,serif;font-size:24px;font-weight:900;color:#1a1a1a;white-space:nowrap}.victory-winner-badge svg{flex-shrink:0;display:block}.victory-player-pos{font-family:Comfortaa,Outfit,sans-serif;font-size:22px;font-weight:700;color:#1a1a1a;white-space:nowrap;margin-right:6px}.victory-action-btn{margin-top:6px;min-height:64px;font-size:24px;padding:12px 28px;border-radius:999px;border-width:4px;box-shadow:0 6px #1a1a1a}.disconnect-modal-window{max-width:580px}.leave-confirm-modal-window{max-width:480px}.disconnect-players-list{display:flex;flex-direction:column;gap:10px;width:100%}.disconnect-player-card{background-color:#fbedd0;border:3px solid #1a1a1a;border-radius:18px;padding:10px 16px;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px}.disconnect-player-info{display:flex;align-items:center;gap:12px}.disconnect-player-name{font-family:Bitter,Lora,serif;font-size:18px;font-weight:800;color:#1a1a1a}.disconnect-timer-pill{background-color:#dfe67a;border:2.5px solid #1a1a1a;border-radius:999px;padding:6px 14px;display:inline-flex;align-items:center;gap:6px;font-family:Bitter,Lora,serif;font-size:16px;font-weight:900;color:#1a1a1a;box-shadow:0 2px #1a1a1a;flex-shrink:0}.disconnect-timer-pill.is-warning{background-color:#f4604f;color:#fff}@media(max-height:580px){.cartoon-modal-header{padding:8px 16px;gap:10px;justify-content:center}.cartoon-modal-title{font-size:20px}.cartoon-modal-icon{width:24px;height:24px}.cartoon-modal-body{padding:12px 18px 16px;gap:10px}.cartoon-inner-card{padding:12px 16px;border-radius:16px}.cancelled-inner-header,.peek-inner-title,.peek-coords-label,.dynamite-trigger-label{font-size:18px}.cancelled-inner-desc,.peek-inner-desc,.dynamite-bullet-item{font-size:15px}.peek-bottom-hint{font-size:13px}.cartoon-modal-btn{padding:9px 18px;font-size:18px}}.cartoon-paint-banner{position:absolute;top:14px;left:50%;transform:translate(-50%);box-sizing:border-box;width:max-content;max-width:96vw;background-color:#c4ba98;border:4.5px solid #1a1a1a;border-radius:28px;padding:10px 32px 10px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:70;box-shadow:0 6px #1a1a1a;animation:cartoonBannerPop .22s cubic-bezier(.18,.89,.32,1.28)}@keyframes cartoonBannerPop{0%{opacity:0;transform:translate(-50%,-18px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}.paint-banner-left{display:flex;align-items:center;gap:16px;flex-shrink:0}.paint-banner-roller-icon{height:52px;width:auto;max-width:60px;object-fit:contain;flex-shrink:0;display:block}.paint-banner-text{display:flex;flex-direction:column;gap:2px;justify-content:center;text-align:left}.paint-banner-heading{font-family:Outfit,sans-serif;font-size:23px;font-weight:800;color:#1a1a1a;line-height:1.15;margin:0;white-space:nowrap}.paint-banner-subheading{font-family:Outfit,sans-serif;font-size:21px;font-weight:800;color:#1a1a1a;line-height:1.15;margin:0;white-space:nowrap}.paint-banner-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-right:2px}.paint-banner-no-card-badge{background-color:#f7f4dc;border-radius:999px;padding:8px 18px;font-family:Outfit,sans-serif;font-size:19px;font-weight:700;color:#1a1a1a;white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1.2;box-sizing:border-box}.paint-banner-btn{width:auto;min-width:80px;padding:8px 20px;font-size:20px;line-height:1.2}.paint-banner-waiting{font-family:Outfit,sans-serif;font-size:19px;font-weight:700;color:#1a1a1a;white-space:nowrap}.legacy-cartoon-paint-banner{position:static;transform:none;margin:12px auto;max-width:900px}@media(max-width:768px){.cartoon-paint-banner{padding:8px 16px;gap:14px;border-radius:20px;border-width:3.5px}.paint-banner-roller-icon{height:38px}.paint-banner-heading{font-size:18px}.paint-banner-subheading{font-size:16px}.paint-banner-no-card-badge{padding:6px 14px;font-size:16px}.paint-banner-btn{min-width:100px;padding:8px 16px;font-size:17px}}.canvas-toast-msg{position:absolute;top:18px;left:50%;transform:translate(-50%);background-color:#b9af74;background:linear-gradient(180deg,#c4ba8a,#b8af77);border:3.5px solid #000000;border-radius:24px;color:#000;padding:10px 42px;font-family:Outfit,sans-serif;font-size:28px;font-weight:900;line-height:1.2;letter-spacing:-.2px;box-shadow:0 5px #000,0 10px 22px #00000073;z-index:85;pointer-events:none;white-space:nowrap;animation:fadeInOutToast 2.6s forwards cubic-bezier(.2,.8,.2,1)}@keyframes fadeInOutToast{0%{opacity:0;transform:translate(-50%,-24px) scale(.96)}12%{opacity:1;transform:translate(-50%) scale(1)}82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-16px) scale(.96)}}.canvas-targeting-banner{position:absolute;top:14px;left:50%;transform:translate(-50%);box-sizing:border-box;width:max-content;max-width:96vw;min-height:60px;background-color:#b9af74;background:linear-gradient(180deg,#c4ba8a,#b8af77);border:3.5px solid #000000;border-radius:24px;padding:8px 20px 8px 24px;display:flex;justify-content:space-between;align-items:center;gap:22px;z-index:80;box-shadow:0 5px #000,0 10px 22px #00000073;animation:cartoonBannerPop .22s cubic-bezier(.18,.89,.32,1.28)}.targeting-banner-left{display:flex;flex-direction:row;align-items:center;gap:16px;flex:1}.targeting-banner-icon-img{height:44px;width:auto;max-width:52px;object-fit:contain;display:block;flex-shrink:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.targeting-banner-text{font-family:Outfit,sans-serif;font-size:26px;font-weight:800;color:#000;line-height:1.15;letter-spacing:-.2px;white-space:nowrap;-webkit-user-select:none;user-select:none}.targeting-banner-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.targeting-banner-cancel-btn{background-color:#e75a4d;background:linear-gradient(180deg,#ed675b,#df5043);color:#000;border:3px solid #000000;border-radius:9999px;padding:6px 26px;font-family:Outfit,sans-serif;font-size:22px;font-weight:800;line-height:1.2;cursor:pointer;box-shadow:0 3px #000;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;white-space:nowrap}.targeting-banner-cancel-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 5px #000}.targeting-banner-cancel-btn:active{transform:translateY(2px);box-shadow:0 1px #000}.croc-targeting-banner{box-shadow:0 5px #000,0 10px 22px #00000073}.croc-banner-icon-img{height:48px;width:auto;max-width:88px;object-fit:contain;display:block;flex-shrink:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.croc-banner-text-col{display:flex;flex-direction:column;gap:2px;text-align:left}.croc-banner-title{font-family:Outfit,sans-serif;font-size:26px;font-weight:900;color:#000;line-height:1.1;letter-spacing:-.2px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.croc-banner-sub{font-family:Outfit,sans-serif;font-size:19px;font-weight:600;color:#000;line-height:1.2;-webkit-user-select:none;user-select:none}.croc-banner-sub b{font-weight:800}.targeting-banner-friend-btn{background-color:#f0d553;background:linear-gradient(180deg,#fae060,#dfbf38);color:#000;border:3px solid #000000;border-radius:9999px;padding:6px 26px;font-family:Outfit,sans-serif;font-size:21px;font-weight:800;line-height:1.2;cursor:pointer;box-shadow:0 3px #000;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;white-space:nowrap}.targeting-banner-friend-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 5px #000}.targeting-banner-friend-btn:active{transform:translateY(2px);box-shadow:0 1px #000}.targeting-banner-btn{font-family:Outfit,sans-serif;font-size:18px;font-weight:800;padding:8px 22px;border-radius:12px;cursor:pointer;box-shadow:0 4px 12px #000000b3;transition:transform .15s ease,filter .15s ease;white-space:nowrap;box-sizing:border-box}.targeting-banner-btn:hover{transform:scale(1.04);filter:brightness(1.15)}.canvas-grid-cell.paint-target-candidate{box-shadow:0 0 22px #facc15f2,inset 0 0 14px #facc1599!important;border:3.5px solid #facc15!important;cursor:pointer!important;animation:paintPulseCell 1.2s ease-in-out infinite alternate;z-index:25!important}@keyframes paintPulseCell{0%{box-shadow:0 0 14px #facc15b3,inset 0 0 10px #facc1566;transform:scale(1)}to{box-shadow:0 0 28px #facc15,inset 0 0 18px #facc15d9;transform:scale(1.04)}}.canvas-grid-cell.paint-dimmed-cell{opacity:.35!important;filter:grayscale(45%) brightness(.75);pointer-events:none!important;transition:opacity .25s ease,filter .25s ease}.canvas-grid-cell.paint-selected-lily{box-shadow:0 0 28px #38bdf8,inset 0 0 18px #38bdf8cc!important;border:4px solid #38bdf8!important;transform:scale(1.05)!important;z-index:26!important}.cartoon-paint-modal{position:relative;background-color:#c4ba98;border:4.5px solid #1a1a1a;border-radius:28px;padding:24px 28px;width:580px;max-width:94vw;box-shadow:0 8px #1a1a1a,0 20px 45px #0009;display:flex;flex-direction:column;gap:20px;box-sizing:border-box;margin:auto;animation:cartoonModalScaleIn .22s cubic-bezier(.34,1.56,.64,1)}.cartoon-paint-modal-header{display:flex;align-items:center;gap:16px}.paint-modal-icon{width:54px;height:auto;max-height:58px;object-fit:contain;flex-shrink:0;display:block}.paint-modal-header-text{display:flex;flex-direction:column;gap:2px}.paint-modal-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:800;color:#1a1a1a;margin:0;line-height:1.15}.paint-modal-subtitle{font-family:Outfit,sans-serif;font-size:19px;font-weight:600;color:#3b3524;margin:0;line-height:1.25}.paint-modal-colors-grid{display:flex;flex-direction:column;gap:12px}.paint-color-btn{display:flex;align-items:center;gap:16px;padding:12px 20px;background-color:#f7f4dc;border:3.5px solid #1a1a1a;border-radius:20px;cursor:pointer;box-shadow:0 4px #1a1a1a;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;-webkit-user-select:none;user-select:none}.paint-color-btn:hover{transform:translateY(-2px);box-shadow:0 6px #1a1a1a;filter:brightness(1.04)}.paint-color-btn:active{transform:translateY(2px);box-shadow:0 1px #1a1a1a}.paint-color-swatch-circle{width:36px;height:36px;border-radius:50%;border:2.5px solid #1a1a1a;flex-shrink:0;box-shadow:inset 0 2px 4px #00000040}.paint-color-swatch-circle.color-blue{background-color:#2563eb}.paint-color-swatch-circle.color-green{background-color:#16a34a}.paint-color-swatch-circle.color-red{background-color:#dc2626}.paint-color-swatch-circle.color-orange{background-color:#ea580c}.paint-color-name{font-family:Outfit,sans-serif;font-size:24px;font-weight:800;color:#1a1a1a;letter-spacing:-.2px}.paint-color-my-badge{margin-left:auto;background-color:#fde047;border:2px solid #1a1a1a;border-radius:9999px;padding:4px 14px;font-family:Outfit,sans-serif;font-size:17px;font-weight:800;color:#1a1a1a;line-height:1.15;box-shadow:0 2px #1a1a1a;white-space:nowrap}.paint-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:6px}.sleep-modal-card{border:3px solid #c084fc!important;box-shadow:0 24px 60px #000000e6,0 0 45px #a855f799!important;width:820px!important;max-width:92%!important;padding:40px 36px!important;border-radius:24px!important}.sleep-modal-icon{font-size:5rem!important}.sleep-modal-title{color:#e9d5ff!important;font-family:Cinzel,serif!important;font-size:2.2rem!important;font-weight:900!important;text-shadow:0 2px 8px rgba(0,0,0,.8)!important}.sleep-modal-content{background:#1e1136!important;border:2px solid #7e22ce!important;text-align:center!important;padding:24px!important;border-radius:16px!important;width:100%!important}.sleep-modal-player-msg{font-size:1.6rem!important;color:#fff!important;margin-bottom:12px!important}.sleep-modal-penalty-desc{font-size:1.35rem!important;color:#d8b4fe!important;line-height:1.45!important}.sleep-modal-btn{width:100%!important;background:linear-gradient(180deg,#a855f7,#7e22ce)!important;border:2px solid #e9d5ff!important;padding:20px!important;font-size:1.5rem!important;font-weight:900!important;border-radius:14px!important;cursor:pointer!important;box-shadow:0 6px 20px #000000b3!important;margin-top:10px!important;transition:transform .15s ease,filter .15s ease!important}.sleep-modal-btn:hover{transform:scale(1.03)!important;filter:brightness(1.15)!important}.cancelled-modal-card{border:3px solid #ef4444!important;box-shadow:0 24px 60px #000000e6,0 0 45px #ef444499!important;width:820px!important;max-width:92%!important;padding:40px 36px!important;border-radius:24px!important}.cancelled-modal-icon{font-size:5rem!important}.cancelled-modal-title{color:#fca5a5!important;font-family:Cinzel,serif!important;font-size:2.2rem!important;font-weight:900!important;text-shadow:0 2px 8px rgba(0,0,0,.8)!important}.cancelled-modal-content{background:#3b0d0d!important;border:2px solid #dc2626!important;text-align:center!important;padding:24px!important;border-radius:16px!important;width:100%!important}.cancelled-modal-player-msg{font-size:1.6rem!important;color:#fff!important;margin-bottom:12px!important}.cancelled-modal-desc{font-size:1.35rem!important;color:#fecaca!important;line-height:1.45!important}.cancelled-modal-btn{width:100%!important;background:linear-gradient(180deg,#dc2626,#991b1b)!important;border:2px solid #fca5a5!important;padding:20px!important;font-size:1.5rem!important;font-weight:900!important;border-radius:14px!important;cursor:pointer!important;box-shadow:0 6px 20px #000000b3!important;margin-top:10px!important;transition:transform .15s ease,filter .15s ease!important}.cancelled-modal-btn:hover{transform:scale(1.03)!important;filter:brightness(1.15)!important}body.auth-screen-active{background-color:#0b1218;background-image:linear-gradient(#0a0f146b,#0a0f1485),url(/assets/auth/bg_kvasto_fight.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;margin:0;padding:0;min-height:100vh;overflow-x:hidden;font-family:Bitter,Lora,Georgia,serif}body.auth-screen-active #app{max-width:100%;padding:0;margin:0;gap:0;min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-wrapper{min-height:100vh;min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;position:relative}.auth-fullscreen-corner-btn{position:fixed;top:14px;right:14px;background-color:#fef08a;border:3px solid #1a1a1a;border-radius:999px;padding:6px 14px;font-family:Bitter,Outfit,sans-serif;font-size:14px;font-weight:800;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 3px #1a1a1a;z-index:999;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.auth-fullscreen-corner-btn:hover{transform:translateY(-2px);background-color:#fef9c3;box-shadow:0 4px #1a1a1a}.auth-fullscreen-corner-btn:active{transform:translateY(2px);box-shadow:0 1px #1a1a1a}@media(max-width:480px),(max-height:480px){.auth-fullscreen-corner-btn{top:8px;right:8px;padding:4px 10px;font-size:12.5px}}.auth-card{width:100%;max-width:410px;min-width:310px;max-height:calc(100vh - 20px);background-color:#b9bc8c;border:10px solid #1a1a1a;border-radius:36px;overflow:hidden;box-shadow:0 10px #12130e,0 20px 40px #0000008c;display:flex;flex-direction:column;transition:transform .2s ease;box-sizing:border-box}.auth-header{background-color:#d5d870;border-bottom:4px solid #1a1a1a;padding:12px 14px 10px;display:flex;align-items:center;justify-content:center;gap:12px;-webkit-user-select:none;user-select:none;width:100%;box-sizing:border-box;flex-shrink:0;text-align:center}.auth-logo-art{width:74px;height:auto;max-height:68px;object-fit:contain;flex-shrink:0}.auth-logo-art.is-flipped{transform:scaleX(-1)}.auth-header-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex-shrink:0;text-align:center}.auth-logo-title{height:38px;width:auto;max-width:160px;object-fit:contain;display:block}.auth-subtitle{font-family:Bitter,Lora,serif;font-weight:700;font-size:15px;color:#1a1a1a!important;letter-spacing:.2px;white-space:nowrap;line-height:1.1;text-align:center}.auth-body{background-color:#b9bc8c;padding:14px 18px 16px;display:flex;flex-direction:column;gap:11px;box-sizing:border-box;overflow-y:auto}.auth-tabs{display:flex;border:3.5px solid #1a1a1a;border-radius:14px;overflow:hidden;background-color:#a7ac80;-webkit-user-select:none;user-select:none;flex-shrink:0}.auth-tab{flex:1;padding:8px 10px;text-align:center;font-family:Bitter,Lora,serif;font-size:18px;font-weight:700;color:#1a1a1a!important;background-color:#a7ac80;cursor:pointer;border:none;outline:none;transition:background-color .15s ease;line-height:1.2}.auth-tab:first-child{border-right:3.5px solid #1a1a1a}.auth-tab.active{background-color:#d5d870!important;color:#1a1a1a!important;font-weight:800!important;cursor:default}.auth-tab:not(.active){color:#1a1a1a!important}.auth-tab:not(.active):hover{background-color:#b4b98b;color:#000!important}.auth-tab:not(.active):active{background-color:#9ba075}.auth-tab:focus-visible{outline:3px solid #1a1a1a;outline-offset:-3px}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-field-group{display:flex;flex-direction:column;gap:3px}.auth-label{font-family:Bitter,Lora,serif;font-size:17px;font-weight:700;color:#1a1a1a!important;line-height:1.15;-webkit-user-select:none;user-select:none}.auth-input-wrapper{display:flex;align-items:center;background-color:#abb07d;border:3.5px solid #1a1a1a;border-radius:14px;padding:0 12px;height:46px;gap:10px;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.auth-input-wrapper:focus-within{box-shadow:0 0 0 3px #1a1a1a33}.auth-input-wrapper.has-error{border-color:#991b1b!important;background-color:#c1a8a8;box-shadow:0 0 0 3px #991b1b40}.auth-field-icon{width:20px;height:20px;color:#1a1a1a!important;flex-shrink:0;display:flex;align-items:center;justify-content:center}.auth-field-icon svg{width:100%;height:100%;fill:currentColor}.auth-input{flex:1;background:transparent!important;background-color:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;font-family:Bitter,Inter,serif;font-size:17px;color:#1a1a1a!important;font-weight:600;padding:0;min-width:0;height:100%}.auth-input:-webkit-autofill,.auth-input:-webkit-autofill:hover,.auth-input:-webkit-autofill:focus,.auth-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #abb07d inset!important;box-shadow:0 0 0 1000px #abb07d inset!important;-webkit-text-fill-color:#1a1a1a!important;color:#1a1a1a!important;caret-color:#1a1a1a!important;transition:background-color 50000s ease-in-out 0s}.auth-input-wrapper.has-error .auth-input:-webkit-autofill,.auth-input-wrapper.has-error .auth-input:-webkit-autofill:hover,.auth-input-wrapper.has-error .auth-input:-webkit-autofill:focus,.auth-input-wrapper.has-error .auth-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #c1a8a8 inset!important;box-shadow:0 0 0 1000px #c1a8a8 inset!important;-webkit-text-fill-color:#1a1a1a!important}.auth-input::placeholder{color:#5d6240;font-weight:500;opacity:.9}.auth-eye-btn{background:transparent;border:none;cursor:pointer;padding:3px;color:#1a1a1a!important;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:transform .1s ease,opacity .15s ease;flex-shrink:0}.auth-eye-btn svg{width:22px;height:22px;stroke:#1a1a1a}.auth-eye-btn:hover{transform:scale(1.12)}.auth-eye-btn:active{transform:scale(.95)}.auth-eye-btn:focus-visible{outline:2px solid #1a1a1a}.auth-error-banner{background-color:#fce8e8;border:2.5px solid #991b1b;color:#7f1d1d;border-radius:12px;padding:8px 12px;font-family:Bitter,Lora,sans-serif;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:0 2px 6px #991b1b26;animation:authFadeIn .2s ease-out}@keyframes authFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-submit-btn{width:100%;height:50px;background-color:#d5d870!important;border:3.5px solid #1a1a1a;border-radius:17px;font-family:Bitter,Lora,serif;font-size:21px;font-weight:900;color:#1a1a1a!important;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px #1a1a1a;transition:background-color .15s ease,transform .1s ease,box-shadow .1s ease;-webkit-user-select:none;user-select:none;margin-top:2px;outline:none}.auth-submit-btn:hover:not(:disabled){background-color:#e2e57e!important}.auth-submit-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #1a1a1a}.auth-submit-btn:focus-visible{outline:3px solid #1a1a1a;outline-offset:2px}.auth-submit-btn.loading{opacity:.85;cursor:wait;transform:translateY(2px);box-shadow:0 2px #1a1a1a;pointer-events:none}.auth-spinner{width:20px;height:20px;border:3.5px solid #1a1a1a;border-top-color:transparent;border-radius:50%;animation:authSpin .7s linear infinite;display:inline-block}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:2px;flex-shrink:0}.auth-footer-text{font-family:Bitter,Lora,serif;font-size:14px;color:#1a1a1a!important;font-weight:600}.auth-footer-link{font-family:Bitter,Lora,serif;font-size:18px;font-weight:800;color:#1a1a1a!important;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2.5px;text-decoration-skip-ink:none!important;cursor:pointer;background:none;border:none;padding:2px 6px;transition:opacity .15s ease,transform .1s ease}.auth-footer-link:hover{opacity:.8;transform:scale(1.02)}.auth-footer-link:active{transform:scale(.98)}.auth-footer-link:focus-visible{outline:2px solid #1a1a1a;border-radius:4px}@media(max-width:380px){.auth-card{border-radius:24px;border-width:7px}.auth-header{padding:10px 10px 8px;gap:8px}.auth-logo-art{width:58px;max-height:52px}.auth-logo-title{height:30px}.auth-subtitle{font-size:13px}.auth-body{padding:12px 14px 14px;gap:9px}.auth-tab{font-size:16px;padding:7px}.auth-input-wrapper{height:42px}.auth-submit-btn{height:44px;font-size:18px}.auth-footer-link{font-size:16px}}body.lobby-screen-active{background-color:#0b1218;background-image:linear-gradient(#0a0f1461,#0a0f147a),url(/assets/auth/bg_kvasto_fight.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;margin:0;padding:0;height:100vh;max-height:100vh;overflow:hidden;font-family:Bitter,Lora,Georgia,serif}body.lobby-screen-active #app{width:100%;max-width:100%;height:100vh;max-height:100vh;overflow:hidden;padding:0;margin:0;gap:0;display:flex;align-items:center;justify-content:center}.lobby-screen-wrapper{width:100%;height:100vh;max-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px 20px 14px;box-sizing:border-box;position:relative}.lobby-window{width:100%;max-width:1080px;height:calc(100vh - 40px);max-height:720px;min-height:480px;background-color:#c4ba98;border:7px solid #1a1a1a;border-radius:32px;box-shadow:0 10px #12130e,0 20px 45px #000000a6;display:flex;flex-direction:column;position:relative;box-sizing:border-box;overflow:hidden}.lobby-header{background-color:#dfe67a;border-bottom:4px solid #1a1a1a;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;min-height:88px;position:relative;box-sizing:border-box;flex-shrink:0}.lobby-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;position:relative}.lobby-header-logo{display:flex;align-items:center;justify-content:center;gap:12px;-webkit-user-select:none;user-select:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.lobby-header-umbrella{width:48px;height:48px;max-height:52px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.15));flex-shrink:0}.lobby-header-umbrella.is-flipped{transform:scaleX(-1)}.lobby-header-text{display:flex;flex-direction:column;align-items:center;justify-content:center}.lobby-header-title{font-family:Bitter,Lora,serif;font-size:32px;font-weight:900;line-height:1;letter-spacing:.6px;color:#1a1a1a;margin:0;text-align:center}.lobby-header-subtitle{font-family:Bitter,Lora,serif;font-size:13px;font-weight:700;color:#1a1a1a;letter-spacing:.4px;margin:2px 0 0;white-space:nowrap;text-align:center}.lobby-user-badge{display:flex;align-items:center;gap:12px;background-color:#cad898;border:3.5px solid #1a1a1a;border-radius:999px;padding:4px 14px 4px 4px;box-shadow:0 3px #1a1a1a;-webkit-user-select:none;user-select:none;box-sizing:border-box;flex-shrink:0;transition:background-color .15s ease}.lobby-user-avatar-wrap{width:50px;height:50px;border-radius:50%;border:3px solid #1a1a1a;background-color:#e5ecd0;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:none;box-sizing:border-box;flex-shrink:0}.lobby-user-avatar{width:100%;height:100%;object-fit:cover;display:block}.lobby-user-meta{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0}.lobby-user-name{font-family:Bitter,Lora,serif;font-size:17px;font-weight:800;color:#1a1a1a;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px;margin:0}.btn-lobby-settings{background-color:#c4d790;border:2px solid #1a1a1a;border-radius:999px;padding:3px 12px;display:inline-flex;align-items:center;gap:6px;font-family:Bitter,Lora,serif;font-size:12px;font-weight:700;color:#1a1a1a;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 2px #1a1a1a;transition:background-color .15s ease,transform .1s ease,box-shadow .1s ease;width:fit-content;outline:none;line-height:1.2}.btn-lobby-settings:hover{background-color:#d2e49f;transform:translateY(-1px);box-shadow:0 3px #1a1a1a}.btn-lobby-settings:active{transform:translateY(1px);box-shadow:0 1px #1a1a1a}.btn-lobby-settings:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}.btn-lobby-settings .settings-icon{width:13px;height:13px;display:block;flex-shrink:0;stroke:#1a1a1a}.lobby-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.lobby-action-btn{height:58px;min-width:80px;padding:4px 12px;border:3.5px solid #1a1a1a;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;box-shadow:0 4px #1a1a1a;font-family:Bitter,Lora,serif;transition:background-color .15s ease,transform .1s ease,box-shadow .1s ease;-webkit-user-select:none;user-select:none;outline:none}.lobby-action-btn:hover:not(:disabled){filter:brightness(1.06)}.lobby-action-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #1a1a1a}.lobby-action-btn:focus-visible{outline:3px solid #1a1a1a;outline-offset:2px}.lobby-action-btn:disabled{opacity:.65;cursor:not-allowed}.lobby-action-btn .action-icon{width:24px;height:24px;display:block}.lobby-action-btn .action-label{font-size:11px;font-weight:800;color:#1a1a1a;line-height:1.1;white-space:nowrap}.btn-action-refresh{background-color:#d1caa6}.btn-action-create{background-color:#dfe666}.btn-action-logout{background-color:#ea644d}.action-icon.spinning{animation:lobbySpin .55s cubic-bezier(.4,0,.2,1) infinite;transform-origin:center;display:inline-block}@keyframes lobbySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lobby-title-bar{text-align:center;padding:12px 24px;width:100%;box-sizing:border-box;flex-shrink:0;background-color:#a4be55;border-bottom:4px solid #1a1a1a;box-shadow:inset 0 -2px #0000001f,inset 0 2px #fff3}.lobby-title{margin:0;font-family:Bitter,Lora,serif;font-size:22px;font-weight:900;letter-spacing:.8px;color:#1a1a1a;text-transform:uppercase;line-height:1.2}.lobby-alert-banner{background-color:#fee2e2;border:3px solid #991b1b;color:#7f1d1d;margin:10px 24px 0;padding:8px 16px;border-radius:14px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;box-shadow:0 3px #991b1b;animation:authFadeIn .2s ease-out}.lobby-alert-banner .alert-close{margin-left:auto;background:none;border:none;font-size:16px;font-weight:900;cursor:pointer;color:#7f1d1d}.lobby-body{padding:14px 24px;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;flex:1;min-height:0;overflow:hidden}.lobby-list-container{width:100%;max-width:760px;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center}.lobby-list-container.is-empty{justify-content:center}.lobby-cards-stack{width:100%;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:14px;padding:4px 8px 12px 4px;box-sizing:border-box}.lobby-cards-stack::-webkit-scrollbar{width:10px}.lobby-cards-stack::-webkit-scrollbar-track{background:transparent}.lobby-cards-stack::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:999px}.lobby-card{width:100%;background-color:#faf5e8;border:3.5px solid #1a1a1a;border-radius:20px;box-shadow:0 4px #1a1a1a;padding:12px 20px;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px;box-sizing:border-box;text-align:left!important;transition:transform .1s ease,box-shadow .1s ease}.lobby-card:hover{transform:translateY(-2px);box-shadow:0 6px #1a1a1a}.lobby-card.is-full{background-color:#f3edde}.lobby-card-info{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center;gap:3px;flex:1;min-width:0;text-align:left!important}.lobby-card-name{margin:0;font-family:Bitter,Lora,serif;font-size:24px;font-weight:900;letter-spacing:.5px;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left!important;line-height:1.15}.lobby-card-meta{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px;font-size:16px;color:#1a1a1a!important;text-align:left!important}.lobby-card-host{font-family:Bitter,Lora,serif;font-size:16px;font-weight:500;color:#1a1a1a!important;text-align:left!important}.lobby-card-host b{font-weight:700;color:#1a1a1a!important}.lobby-card-players{font-family:Bitter,Lora,serif;font-size:16px;font-weight:500;color:#1a1a1a!important;text-align:left!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.lobby-card-players span{font-weight:700;color:#1a1a1a!important}.lobby-card-action-box{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center;gap:8px;flex-shrink:0;margin-left:12px}.lobby-card-counter{background-color:#eae3cb;border:2px solid #1a1a1a;border-radius:12px;padding:3px 12px;font-family:Bitter,Lora,serif;font-size:15px;font-weight:800;color:#1a1a1a;display:flex;align-items:center;gap:6px;white-space:nowrap}.lobby-card-counter.full{background-color:#ea503c;color:#1a1a1a}.lobby-card-counter .counter-users-icon{width:16px;height:16px;display:block}.btn-lobby-join{width:120px;height:40px;padding:0 20px;background-color:#f2ea5e;border:3px solid #1a1a1a;border-radius:14px;box-shadow:0 3px #1a1a1a;font-family:Bitter,Lora,serif;font-size:19px;font-weight:900;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,transform .1s ease,box-shadow .1s ease;outline:none}.btn-lobby-join:hover:not(:disabled){background-color:#fdf569}.btn-lobby-join:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #1a1a1a}.btn-lobby-join.disabled,.btn-lobby-join:disabled{background-color:#c4ba98;border-color:#787059;color:#6e6750;box-shadow:none;cursor:not-allowed;opacity:.9}.btn-lobby-join.loading{cursor:wait}.lobby-empty-card{background-color:#faf5e8;border:4px dashed #1a1a1a;border-radius:20px;box-shadow:0 4px #1a1a1a;padding:36px 24px;text-align:center;display:flex;align-items:center;justify-content:center;width:100%;max-width:560px;box-sizing:border-box;margin:auto 0}.lobby-empty-text{font-family:Bitter,Lora,serif;font-size:20px;font-weight:800;color:#1a1a1a;letter-spacing:.3px}.lobby-footer{background-color:#dfe67a;border-top:4px solid #1a1a1a;border-bottom-left-radius:24px;border-bottom-right-radius:24px;padding:8px 20px;text-align:center;font-family:Bitter,Lora,serif;font-size:13.5px;font-weight:700;color:#1a1a1a;flex-shrink:0}.lobby-modal-backdrop{position:fixed;inset:0;background-color:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;animation:authFadeIn .15s ease-out}.lobby-modal-card{width:100%;max-width:460px;background-color:#faf5e8;border:7px solid #1a1a1a;border-radius:28px;box-shadow:0 10px #12130e,0 20px 45px #000000b3;overflow:hidden;display:flex;flex-direction:column}.lobby-modal-header{background-color:#dfe67a;border-bottom:4px solid #1a1a1a;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.lobby-modal-title{font-family:Bitter,Lora,serif;font-size:21px;font-weight:900;color:#1a1a1a}.lobby-modal-close{background:none;border:none;font-size:22px;font-weight:900;color:#1a1a1a;cursor:pointer;padding:2px 6px}.lobby-modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:16px}.modal-error-banner{background-color:#fee2e2;border:2.5px solid #dc2626;border-radius:10px;padding:8px 12px;font-size:13.5px;font-weight:700;color:#991b1b;text-align:center}.lobby-form-field{display:flex;flex-direction:column;gap:6px}.lobby-form-label{font-family:Bitter,Lora,serif;font-size:15px;font-weight:800;color:#1a1a1a}.lobby-form-input{height:48px;background-color:#e6dfc3;border:3.5px solid #1a1a1a;border-radius:14px;padding:0 14px;font-family:Bitter,Lora,serif;font-size:16px;font-weight:700;color:#1a1a1a;outline:none;box-sizing:border-box}.lobby-form-input:focus{background-color:#ede7cf;border-color:#000}.lobby-cap-chips{display:flex;gap:10px}.cap-chip{flex:1;height:44px;background-color:#e0d9bd;border:3px solid #1a1a1a;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:Bitter,Lora,serif;font-size:14px;font-weight:800;color:#1a1a1a;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,transform .12s ease,box-shadow .12s ease;outline:none}.cap-chip:hover{background-color:#ebe5cf}.cap-chip.selected{background-color:#dfe666;box-shadow:0 3px #1a1a1a;transform:translateY(-2px)}.lobby-complications-list{display:flex;flex-direction:column;gap:10px;background-color:#d1caa6;border:3px solid #1a1a1a;border-radius:14px;padding:12px 14px;box-sizing:border-box}.lobby-complication-item{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.lobby-checkbox{width:22px;height:22px;cursor:pointer;accent-color:#7c3aed;margin:0}.lobby-complication-label{font-family:Bitter,Lora,serif;font-size:15px;font-weight:800;color:#1a1a1a;letter-spacing:.2px}.complication-badge-violetka{display:inline-flex;align-items:center;gap:6px;background-color:#581c87;color:#f3e8ff;border:2px solid #1a1a1a;border-radius:999px;font-family:Bitter,Lora,serif;font-size:12px;font-weight:900;padding:3px 10px;box-shadow:0 2px #1a1a1a;margin-top:4px;width:fit-content;letter-spacing:.3px}.room-complication-pill{display:inline-flex;align-items:center;gap:6px;background-color:#581c87;color:#f3e8ff;border:2.5px solid #1a1a1a;border-radius:999px;font-family:Bitter,Lora,serif;font-size:13.5px;font-weight:900;padding:4px 14px;box-shadow:0 3px #1a1a1a;white-space:nowrap}.lobby-modal-actions{display:flex;gap:12px;margin-top:6px}.btn-modal-primary{flex:1;height:48px;background-color:#dfe666;border:3.5px solid #1a1a1a;border-radius:14px;box-shadow:0 4px #1a1a1a;font-family:Bitter,Lora,serif;font-size:18px;font-weight:900;color:#1a1a1a;cursor:pointer}.btn-modal-secondary{flex:1;height:48px;background-color:#d1caa6;border:3.5px solid #1a1a1a;border-radius:14px;box-shadow:0 4px #1a1a1a;font-family:Bitter,Lora,serif;font-size:18px;font-weight:800;color:#1a1a1a;cursor:pointer}@media(max-width:860px)and (orientation:portrait){.lobby-screen-wrapper{height:auto;min-height:100vh;min-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:flex-start;padding:10px}.lobby-window{border-width:6px;border-radius:24px;height:auto;min-height:calc(100dvh - 20px);max-height:none;overflow:visible;margin:auto 0}.lobby-header-row{flex-direction:column;align-items:center;gap:12px}.lobby-header-logo{position:static;transform:none}.lobby-header-umbrella{height:40px}.lobby-header-title{font-size:26px}.lobby-header-subtitle{font-size:11px}.lobby-user-badge,.lobby-user-block{width:100%;max-width:100%;justify-content:center}.lobby-actions{width:100%;justify-content:center}.lobby-title{font-size:20px}}@media(max-height:540px),(max-width:960px)and (orientation:landscape){body.lobby-screen-active #app,body.room-screen-active #app{height:auto;min-height:100vh;min-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:flex-start}.lobby-screen-wrapper,.room-screen-wrapper{height:auto;min-height:100vh;min-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:flex-start;padding:6px 10px;box-sizing:border-box}.lobby-window,.room-window{height:auto!important;min-height:calc(100dvh - 12px)!important;max-height:none!important;overflow:visible!important;border-radius:20px;border-width:5px;margin:0 auto}.lobby-header{padding:6px 12px;min-height:46px}.lobby-header-row{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}.lobby-header-logo{position:static!important;transform:none!important;gap:6px!important;flex-shrink:1!important}.lobby-header-umbrella{width:26px!important;height:26px!important}.lobby-header-title{font-size:19px!important}.lobby-header-subtitle{display:none!important}.lobby-user-badge,.lobby-user-block{width:auto!important;padding:2px 8px 2px 2px!important;gap:6px!important}.lobby-user-avatar-wrap{width:32px!important;height:32px!important}.lobby-user-name{font-size:13px!important;max-width:90px!important}.btn-lobby-settings{font-size:11px!important;padding:2px 6px!important}.lobby-actions{width:auto!important;gap:6px!important}.lobby-action-btn{height:34px!important;padding:4px 8px!important;font-size:12px!important;gap:4px!important}.lobby-action-btn .action-icon{font-size:15px!important;width:16px!important;height:16px!important}.lobby-title{padding:6px 14px!important;font-size:15px!important}.lobby-list-container{padding:8px 12px!important}.lobby-empty-card{padding:18px 14px!important;font-size:15px!important}}.settings-modal-overlay{position:fixed;inset:0;background-color:#0a1014b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:12px;box-sizing:border-box;animation:authFadeIn .18s ease-out;overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-modal-card{width:100%;max-width:440px;background-color:#faf5e8;border:5px solid #1a1a1a;border-radius:26px;box-shadow:0 8px #12130e,0 16px 40px #0009;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;animation:authFadeIn .2s cubic-bezier(.16,1,.3,1);max-height:calc(100dvh - 24px);margin:auto}.settings-modal-header{background-color:#dfe67a;border-bottom:4px solid #1a1a1a;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.settings-header-title{display:flex;align-items:center;gap:10px;font-family:Bitter,Lora,serif;font-size:20px;font-weight:900;color:#1a1a1a;letter-spacing:.6px}.btn-settings-close{width:36px;height:36px;background-color:#faf5e8;border:3px solid #1a1a1a;border-radius:12px;font-size:17px;font-weight:900;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px #1a1a1a;transition:transform .1s ease,box-shadow .1s ease,background-color .1s ease}.btn-settings-close:hover{background-color:#ea644d;color:#fff;transform:translateY(-1px)}.btn-settings-close:active{transform:translateY(1px);box-shadow:0 1px #1a1a1a}.settings-modal-body{padding:14px 18px 18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:calc(100dvh - 80px)}.settings-section{background-color:#f0e9d6;border:3px solid #1a1a1a;border-radius:18px;padding:14px 16px;box-shadow:0 3px #1a1a1a;display:flex;flex-direction:column;gap:10px}.settings-section-title{font-family:Bitter,Lora,serif;font-size:13px;font-weight:900;letter-spacing:.6px;color:#1a1a1a;text-transform:uppercase}.settings-profile-row{display:flex;align-items:center;gap:16px;padding:4px 0}.settings-avatar-edit-trigger{background:none;border:none;padding:0;cursor:pointer;outline:none;position:relative;border-radius:50%;transition:transform .15s ease;flex-shrink:0}.settings-avatar-edit-trigger:hover{transform:scale(1.05)}.settings-avatar-edit-trigger:active{transform:scale(.97)}.settings-current-avatar-wrap{width:84px;height:84px;border-radius:50%;border:4px solid #1a1a1a;background-color:#e5ecd0;overflow:hidden;box-shadow:none;box-sizing:border-box;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.settings-current-avatar{width:100%;height:100%;object-fit:cover;display:block}.avatar-pencil-overlay{position:absolute;inset:0;background-color:#0f171494;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s ease;border-radius:50%;pointer-events:none}.settings-avatar-edit-trigger:hover .avatar-pencil-overlay,.settings-avatar-edit-trigger:focus-visible .avatar-pencil-overlay{opacity:1}.settings-profile-info{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}.settings-profile-username{font-family:Bitter,Lora,serif;font-size:24px;font-weight:900;color:#1a1a1a;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-profile-status{font-family:Bitter,Lora,serif;font-size:13.5px;font-weight:700;color:#4c4639}.settings-profile-tip{font-family:Bitter,Lora,serif;font-size:11.5px;font-weight:800;color:#635b49;letter-spacing:.2px;margin-top:2px}.avatar-picker-overlay{position:fixed;inset:0;background-color:#0a1014c7;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1100;padding:12px;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.avatar-picker-overlay.is-open{display:flex;animation:authFadeIn .15s ease-out}.avatar-picker-card{width:100%;max-width:380px;max-height:calc(100dvh - 24px);background-color:#faf5e8;border:5px solid #1a1a1a;border-radius:26px;box-shadow:0 8px #12130e,0 16px 40px #000000a6;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;margin:auto;animation:authFadeIn .18s cubic-bezier(.16,1,.3,1)}.avatar-picker-header{background-color:#dfe67a;border-bottom:3.5px solid #1a1a1a;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.avatar-picker-title{display:flex;align-items:center;gap:8px;font-family:Bitter,Lora,serif;font-size:18px;font-weight:900;color:#1a1a1a;letter-spacing:.5px}.btn-picker-close{width:34px;height:34px;background-color:#faf5e8;border:2.5px solid #1a1a1a;border-radius:10px;font-size:16px;font-weight:900;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2.5px #1a1a1a;transition:transform .1s ease,box-shadow .1s ease,background-color .1s ease}.btn-picker-close:hover{background-color:#ea644d;color:#fff;transform:translateY(-1px)}.btn-picker-close:active{transform:translateY(1px);box-shadow:0 1px #1a1a1a}.avatar-picker-body{padding:14px 16px 18px;background-color:#f2ebd9;display:flex;flex-direction:column}.avatar-picker-scroll{max-height:270px;overflow-y:auto;overflow-x:hidden;padding:4px 6px 8px 4px;box-sizing:border-box}.avatar-picker-scroll::-webkit-scrollbar{width:8px}.avatar-picker-scroll::-webkit-scrollbar-track{background:#e2d9be;border-radius:999px}.avatar-picker-scroll::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:999px}.avatar-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;justify-items:center}.avatar-picker-item{position:relative;width:66px;height:66px;border-radius:50%;border:3.5px solid #1a1a1a;background-color:#faf5e8;padding:0;cursor:pointer;box-shadow:0 3px #1a1a1a;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;outline:none;overflow:visible}.avatar-picker-item:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 6px #1a1a1a;border-color:#2b7a2d}.avatar-picker-item:active{transform:translateY(1px) scale(.98);box-shadow:0 1px #1a1a1a}.avatar-picker-item.selected{border-color:#16a34a;box-shadow:0 0 0 3px #84cc16,0 4px #1a1a1a;transform:scale(1.08)}.avatar-picker-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.avatar-picker-check{position:absolute;right:-3px;bottom:-3px;width:20px;height:20px;background-color:#16a34a;color:#fff;border:2px solid #1a1a1a;border-radius:50%;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 2px #0006}.settings-sound-box{display:flex;flex-direction:column;gap:10px}.settings-sound-header{display:flex;align-items:center;justify-content:space-between;font-family:Bitter,Lora,serif;font-size:13px;font-weight:700;color:#1a1a1a}.settings-sound-value{font-weight:900;color:#1a1a1a}.settings-sound-controls{display:flex;align-items:center;gap:14px}.btn-sound-mute{width:44px;height:44px;border-radius:14px;border:3px solid #1a1a1a;background-color:#dfe666;box-shadow:0 3px #1a1a1a;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .1s ease,box-shadow .1s ease,background-color .1s ease}.btn-sound-mute:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-sound-mute:active{transform:translateY(1px);box-shadow:0 1px #1a1a1a}.btn-sound-mute.is-muted{background-color:#ea644d}.sound-volume-slider{flex:1;accent-color:#1a1a1a;cursor:pointer;height:8px}.settings-logout-section{padding:0;background:none;border:none;box-shadow:none}.btn-settings-rules{width:100%;height:48px;background-color:#f7ea78;border:3.5px solid #1a1a1a;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:Bitter,Lora,serif;font-size:16px;font-weight:900;color:#1a1a1a;cursor:pointer;box-shadow:0 4px #1a1a1a;transition:transform .1s ease,box-shadow .1s ease,filter .1s ease;-webkit-user-select:none;user-select:none;box-sizing:border-box}.btn-settings-rules:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 5px #1a1a1a}.btn-settings-rules:active{transform:translateY(2px);box-shadow:0 1px #1a1a1a}.btn-settings-logout{width:100%;height:48px;background-color:#ea644d;border:3.5px solid #1a1a1a;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:Bitter,Lora,serif;font-size:16px;font-weight:900;color:#1a1a1a;cursor:pointer;box-shadow:0 4px #1a1a1a;transition:transform .1s ease,box-shadow .1s ease,filter .1s ease}.btn-settings-logout:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 5px #1a1a1a}.btn-settings-logout:active{transform:translateY(2px);box-shadow:0 1px #1a1a1a}.rules-modal-overlay{position:fixed;inset:0;background-color:#0a1014b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10050;padding:12px;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:authFadeIn .18s ease-out}.rules-modal-card{width:100%;max-width:680px;max-height:calc(100dvh - 24px);background-color:#faf5e8;border:5px solid #1a1a1a;border-radius:26px;box-shadow:0 8px #12130e,0 16px 40px #0009;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;margin:auto;animation:authFadeIn .2s cubic-bezier(.16,1,.3,1)}.rules-modal-header{background-color:#dfe67a;border-bottom:4px solid #1a1a1a;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.rules-header-title{display:flex;align-items:center;gap:10px;font-family:Bitter,Lora,serif;font-size:22px;font-weight:900;color:#1a1a1a;letter-spacing:.6px}.rules-modal-body{padding:18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;flex:1;min-height:0}.rules-modal-body::-webkit-scrollbar{width:8px}.rules-modal-body::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.rules-modal-body::-webkit-scrollbar-thumb{background:#c2b9a7;border-radius:4px;border:1px solid #1a1a1a}.rules-modal-footer{padding:12px 20px;background-color:#f0e9d6;border-top:3px solid #1a1a1a;display:flex;justify-content:flex-end;flex-shrink:0}.btn-rules-ok{background-color:#6da324;color:#fff;border:3px solid #1a1a1a;border-radius:14px;font-family:Bitter,Lora,serif;font-size:16px;font-weight:800;padding:10px 24px;cursor:pointer;box-shadow:0 4px #1a1a1a;transition:transform .1s ease,box-shadow .1s ease,background-color .1s ease}.btn-rules-ok:hover{background-color:#7bb829;transform:translateY(-1px);box-shadow:0 5px #1a1a1a}.btn-rules-ok:active{transform:translateY(2px);box-shadow:0 2px #1a1a1a}body.room-screen-active{background-color:#0b1218;background-image:linear-gradient(#0a0f1461,#0a0f147a),url(/assets/auth/bg_kvasto_fight.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;margin:0;padding:0;height:100vh;max-height:100vh;overflow:hidden;font-family:Bitter,Lora,Georgia,serif}body.room-screen-active #app{width:100%;max-width:100%;height:100vh;max-height:100vh;overflow:hidden;padding:0;margin:0;display:flex;align-items:center;justify-content:center}.room-screen-wrapper{width:100%;height:100vh;max-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;position:relative}.room-window{width:100%;max-width:540px;background-color:#c4ba98;border:7px solid #1a1a1a;border-radius:32px;box-shadow:0 10px #12130e,0 20px 45px #000000a6;display:flex;flex-direction:column;position:relative;box-sizing:border-box;overflow:hidden;-webkit-user-select:none;user-select:none}.room-header{background-color:#dfe67a;border-bottom:4px solid #1a1a1a;padding:16px 24px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box;flex-shrink:0}.room-title{font-family:Bitter,Lora,serif;font-size:30px;font-weight:900;color:#1a1a1a;letter-spacing:.5px;text-transform:uppercase;margin:0;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.room-header-badges{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.room-counter-pill{background-color:#d6cca8;border:2px solid #1a1a1a;border-radius:999px;padding:3px 12px;display:flex;align-items:center;gap:6px;font-family:Bitter,Lora,serif;font-size:15px;font-weight:700;color:#1a1a1a;line-height:1.2}.room-counter-pill.is-full{background-color:#f15b42;color:#1a1a1a}.room-status-pill{background-color:#40cf6e;border:2px solid #1a1a1a;border-radius:999px;padding:3px 12px;display:flex;align-items:center;gap:7px;font-family:Bitter,Lora,serif;font-size:14px;font-weight:700;color:#1a1a1a;line-height:1.2}.room-status-pill.is-starting{background-color:#ffd23f}.room-status-dot{width:10px;height:10px;border-radius:50%;background-color:#0f4;border:1.5px solid #1a1a1a;display:inline-block;box-sizing:border-box}.room-status-pill.is-starting .room-status-dot{background-color:#ff9800}.room-body{background-color:#c4ba98;padding:20px 24px 28px;display:flex;flex-direction:column;position:relative;box-sizing:border-box}.room-slots-list{display:flex;flex-direction:column;gap:14px}.room-slot-row{display:flex;align-items:center;gap:14px;width:100%}.room-slot-num{width:24px;text-align:center;font-family:Bitter,Lora,serif;font-size:26px;font-weight:900;color:#1a1a1a;-webkit-user-select:none;user-select:none;flex-shrink:0}.room-slot-card{flex:1;height:60px;background-color:#faf5e8;border:3px solid #1a1a1a;border-radius:18px;box-shadow:0 4px #1a1a1a;padding:0 16px;display:flex;align-items:center;gap:12px;box-sizing:border-box}.room-player-avatar-wrap{width:44px;height:44px;border-radius:50%;border:2.5px solid #1a1a1a;background-color:#e5ecd0;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.room-player-avatar{width:100%;height:100%;object-fit:cover}.room-player-name{font-family:Bitter,Lora,serif;font-size:19px;font-weight:700;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.room-slot-action{margin-left:auto;display:flex;align-items:center}.room-host-badge{background-color:#f8c83e;border:2.5px solid #1a1a1a;border-radius:12px;padding:4px 14px;display:flex;align-items:center;gap:6px;font-family:Bitter,Lora,serif;font-size:15px;font-weight:800;color:#1a1a1a;-webkit-user-select:none;user-select:none;line-height:1.2}.btn-kick-player{background-color:#f15b42;border:2.5px solid #1a1a1a;border-radius:12px;padding:4px 14px;font-family:Bitter,Lora,serif;font-size:15px;font-weight:700;color:#1a1a1a;cursor:pointer;outline:none;box-shadow:0 2px #1a1a1a;transition:transform .1s ease,box-shadow .1s ease,background-color .1s ease;line-height:1.2}.btn-kick-player:hover{background-color:#f36c55;transform:translateY(-1px);box-shadow:0 3px #1a1a1a}.btn-kick-player:active{transform:translateY(1px);box-shadow:0 1px #1a1a1a}.btn-kick-player:disabled{opacity:.55;cursor:not-allowed}.room-slot-empty{flex:1;height:60px;background-color:transparent;border:2.5px dashed #4e4839;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;-webkit-user-select:none;user-select:none}.room-empty-text{font-family:Bitter,Lora,serif;font-size:17px;font-weight:700;color:#403929}.room-remaining-pill{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);background-color:#a2c49c;border:2.5px solid #1a1a1a;border-radius:999px;padding:3px 20px;font-family:Bitter,Lora,serif;font-size:14px;font-weight:700;color:#1a1a1a;box-shadow:0 2px #00000026;white-space:nowrap;z-index:10}.room-footer{background-color:#dfe67a;border-top:4px solid #1a1a1a;padding:18px 24px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box;flex-shrink:0}.btn-room-leave{flex:1 1 0;min-width:0;height:48px;background-color:#cdc4a2;border:3px solid #1a1a1a;border-radius:14px;box-shadow:0 4px #1a1a1a;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Bitter,Lora,serif;font-size:17px;font-weight:700;color:#1a1a1a;cursor:pointer;outline:none;box-sizing:border-box;white-space:nowrap;transition:transform .1s ease,box-shadow .1s ease,background-color .1s ease}.btn-room-leave:hover{transform:translateY(-2px);box-shadow:0 6px #1a1a1a;background-color:#d8cfae}.btn-room-leave:active{transform:translateY(2px);box-shadow:0 2px #1a1a1a}.btn-room-start{flex:1 1 0;min-width:0;height:48px;background-color:#a6b939;border:3px solid #1a1a1a;border-radius:14px;box-shadow:0 4px #1a1a1a;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Bitter,Lora,serif;font-size:17px;font-weight:700;color:#1a1a1a;cursor:pointer;outline:none;box-sizing:border-box;white-space:nowrap;transition:transform .1s ease,box-shadow .1s ease,background-color .1s ease}.btn-room-start:hover:not(.disabled):not(:disabled){transform:translateY(-2px);box-shadow:0 6px #1a1a1a;background-color:#b2c640}.btn-room-start:active:not(.disabled):not(:disabled){transform:translateY(2px);box-shadow:0 2px #1a1a1a}.btn-room-start.disabled,.btn-room-start:disabled{opacity:.55;cursor:not-allowed;box-shadow:0 2px #1a1a1a;transform:none}.room-notification-banner{background-color:#dfe67a;border-bottom:3px solid #1a1a1a;padding:10px 16px;display:flex;align-items:center;gap:8px;font-family:Bitter,Lora,serif;font-size:14px;font-weight:700;color:#1a1a1a}.room-alert-banner{background-color:#f15b42;border-bottom:3px solid #1a1a1a;padding:10px 16px;display:flex;align-items:center;gap:8px;font-family:Bitter,Lora,serif;font-size:14px;font-weight:700;color:#1a1a1a}.room-alert-banner.disconnect{background-color:#f8c83e}.room-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.room-modal-card{width:100%;max-width:420px;background-color:#c4ba98;border:5px solid #1a1a1a;border-radius:24px;box-shadow:0 8px #12130e;overflow:hidden;display:flex;flex-direction:column}.room-modal-header{background-color:#dfe67a;border-bottom:3.5px solid #1a1a1a;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.room-modal-title{font-family:Bitter,Lora,serif;font-size:18px;font-weight:900;color:#1a1a1a}.room-modal-close{background:transparent;border:none;font-size:20px;font-weight:900;color:#1a1a1a;cursor:pointer;padding:0 4px}.room-modal-body{padding:24px 20px;display:flex;flex-direction:column;gap:20px}.room-modal-question{font-family:Bitter,Lora,serif;font-size:17px;color:#1a1a1a;margin:0;text-align:center}.room-modal-actions{display:flex;gap:12px}.btn-modal-cancel{flex:1;height:44px;background-color:#cdc4a2;border:3px solid #1a1a1a;border-radius:12px;box-shadow:0 3px #1a1a1a;font-family:Bitter,Lora,serif;font-size:16px;font-weight:700;color:#1a1a1a;cursor:pointer}.btn-modal-confirm-kick{flex:1;height:44px;background-color:#f15b42;border:3px solid #1a1a1a;border-radius:12px;box-shadow:0 3px #1a1a1a;font-family:Bitter,Lora,serif;font-size:16px;font-weight:800;color:#1a1a1a;cursor:pointer}@media(max-width:480px){.room-window{border-width:5px;border-radius:24px}.room-title{font-size:22px;max-width:190px}.room-player-name{font-size:16px;max-width:130px}.room-player-avatar-wrap{width:38px;height:38px}.room-slot-card,.room-slot-empty{height:54px;padding:0 10px}.room-empty-text{font-size:15px}.btn-room-leave,.btn-room-start{font-size:15px;padding:0 12px}}@media(max-width:360px){.room-footer{flex-direction:column;align-items:stretch}.btn-room-leave,.btn-room-start{justify-content:center;width:100%}}body.abort-screen-active{background-color:#0b1218;background-image:linear-gradient(#0a0f1461,#0a0f147a),url(/assets/auth/bg_kvasto_fight.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;margin:0;padding:0;height:100vh;max-height:100vh;overflow:hidden;font-family:Bitter,Lora,Georgia,serif}body.abort-screen-active #app{width:100%;max-width:100%;height:100vh;max-height:100vh;overflow:hidden;padding:0;margin:0;display:flex;align-items:center;justify-content:center}.abort-screen-wrapper{width:100%;height:100vh;max-height:100vh;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;position:relative}.abort-window{width:100%;max-width:880px;background-color:#c4ba98;border:7px solid #1a1a1a;border-radius:32px;box-shadow:0 10px #12130e,0 20px 45px #000000a6;display:flex;flex-direction:column;position:relative;box-sizing:border-box;overflow:hidden;-webkit-user-select:none;user-select:none}.abort-header{background-color:#dfe67a;border-bottom:4px solid #1a1a1a;padding:16px 28px 14px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;flex-shrink:0}.abort-header-left{display:flex;align-items:center;gap:20px}.abort-logo-block{display:flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none}.abort-umbrella-img{width:auto;height:48px;max-height:52px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.15))}.abort-logo-text{display:flex;flex-direction:column;align-items:center;justify-content:center}.abort-logo-title{font-family:Bitter,Lora,serif;font-size:32px;font-weight:900;line-height:1;letter-spacing:.6px;color:#1a1a1a}.abort-logo-subtitle{font-family:Bitter,Lora,serif;font-size:13px;font-weight:700;color:#1a1a1a;letter-spacing:.4px;margin-top:2px;white-space:nowrap}.abort-header-divider{width:2.5px;height:38px;background-color:#1a1a1a;border-radius:1px}.abort-title{font-family:Bitter,Lora,serif;font-size:26px;font-weight:900;color:#1a1a1a;letter-spacing:.6px;text-transform:uppercase;margin:0;line-height:1.1;white-space:nowrap}.abort-body{background-color:#c4ba98;padding:36px;display:flex;flex-direction:column;align-items:center;gap:24px;box-sizing:border-box}.abort-card{background-color:#faf0d7;border:4px solid #1a1a1a;border-radius:28px;padding:32px 36px;width:100%;max-width:680px;display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box;box-shadow:0 4px 12px #00000014}.abort-art-container{margin-bottom:16px;display:flex;align-items:center;justify-content:center}.abort-art{width:210px;max-width:100%;height:auto;object-fit:contain;display:block}.abort-headline{font-family:Bitter,Lora,serif;font-size:34px;font-weight:900;color:#1a1a1a;letter-spacing:.8px;text-transform:uppercase;margin:0 0 12px;line-height:1.15}.abort-text{font-family:Bitter,Lora,serif;font-size:20px;font-weight:700;color:#1a1a1a;line-height:1.35;margin:0;text-align:center;max-width:520px}.abort-actions{width:100%;max-width:680px;display:flex;flex-direction:column;align-items:center}.btn-abort-return{background-color:#dfe666;border:4px solid #1a1a1a;border-radius:20px;box-shadow:0 5px #1a1a1a;width:100%;max-width:540px;height:58px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-family:Bitter,Lora,serif;font-size:22px;font-weight:900;color:#1a1a1a;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s,transform .08s,box-shadow .08s;box-sizing:border-box}.btn-abort-return:hover:not(:disabled){background-color:#eaf17b}.btn-abort-return:active:not(:disabled){transform:translateY(2px);box-shadow:0 3px #1a1a1a}.btn-abort-return:focus-visible{outline:3px solid #1a1a1a;outline-offset:3px}.btn-abort-return:disabled{opacity:.75;cursor:not-allowed;transform:none}.abort-return-icon{width:32px;height:28px;object-fit:contain;display:inline-block;vertical-align:middle;flex-shrink:0}.abort-spinner{display:inline-block;width:22px;height:22px;border:3px solid rgba(26,26,26,.3);border-top-color:#1a1a1a;border-radius:50%;animation:abort-spin .8s linear infinite;flex-shrink:0}@keyframes abort-spin{to{transform:rotate(360deg)}}.abort-error-msg{margin-top:10px;font-family:Bitter,Lora,serif;font-size:15px;font-weight:700;color:#b91c1c;text-align:center}@media(max-width:800px){.abort-window{border-width:6px;border-radius:28px;max-width:100%}.abort-header{padding:12px 18px}.abort-title{font-size:20px}.abort-body{padding:24px 20px 28px;gap:20px}.abort-card{padding:24px 20px;border-radius:22px}.abort-art{width:180px}.abort-headline{font-size:28px}.abort-text{font-size:18px}.btn-abort-return{max-width:100%;font-size:20px;height:54px}}@media(max-width:480px){.abort-screen-wrapper{padding:10px}.abort-window{border-width:4.5px;border-radius:20px}.abort-header{padding:10px 14px}.abort-header-left{gap:10px}.abort-umbrella-img{height:36px}.abort-logo-title{font-size:22px}.abort-logo-subtitle{font-size:10px}.abort-header-divider{height:28px}.abort-title{font-size:16px}.abort-body{padding:18px 14px 20px;gap:16px}.abort-card{padding:18px 14px;border-width:3px;border-radius:18px}.abort-art{width:145px}.abort-headline{font-size:22px}.abort-text{font-size:15px}.btn-abort-return{font-size:16px;height:48px;border-radius:14px;gap:8px}.abort-return-icon{width:24px;height:22px}}body.setup-screen-active{background-color:#0b1218;background-image:linear-gradient(#0a0f1461,#0a0f147a),url(/assets/auth/bg_kvasto_fight.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;margin:0;padding:0;min-height:100vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:Bitter,Lora,Georgia,serif}body.setup-screen-active #app{width:100%;max-width:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0;margin:0;display:flex;align-items:flex-start;justify-content:center}.setup-screen-wrapper{width:100%;min-height:100vh;overflow-y:visible;display:flex;align-items:flex-start;justify-content:center;padding:16px 16px 48px;box-sizing:border-box;position:relative}.setup-window{width:100%;max-width:1220px;height:auto;min-height:auto;max-height:none;background-color:#f7dfa5;border:6px solid #1a1a1a;border-radius:28px;box-shadow:0 10px #12130e,0 20px 45px #000000a6;display:flex;flex-direction:column;position:relative;box-sizing:border-box;overflow:visible;-webkit-user-select:none;user-select:none;margin:auto 0}.setup-header{background-color:#ebe066;background:linear-gradient(180deg,#f2e56e,#ebe066);border-bottom:4px solid #1a1a1a;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;flex-shrink:0}.setup-header-left{display:flex;align-items:center;gap:20px}.setup-logo-block{display:flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none}.setup-umbrella-img{width:auto;height:48px;max-height:52px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.15))}.setup-logo-text{display:flex;flex-direction:column;align-items:center;justify-content:center}.setup-logo-title{font-family:Bitter,Lora,serif;font-size:32px;font-weight:900;line-height:1;letter-spacing:.6px;color:#1a1a1a}.setup-logo-subtitle{font-family:Bitter,Lora,serif;font-size:13px;font-weight:700;color:#1a1a1a;letter-spacing:.4px;margin-top:2px;white-space:nowrap}.setup-header-divider{width:2.5px;height:44px;background-color:#1a1a1a;border-radius:1px}.setup-header-center{display:flex;flex-direction:column;justify-content:center}.setup-title{font-family:Bitter,Lora,serif;font-size:26px;font-weight:900;color:#1a1a1a;letter-spacing:.8px;text-transform:uppercase;margin:0;line-height:1.1;white-space:nowrap}.setup-hint{font-family:Bitter,Lora,serif;font-size:14px;font-weight:600;color:#3b2818;margin:3px 0 0;line-height:1.3}.setup-header-right{display:flex;align-items:center}.setup-timer-pill{background-color:#f7ea78;border:3.5px solid #1a1a1a;border-radius:20px;padding:6px 16px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 3px #1a1a1a;font-family:Bitter,Lora,serif;font-size:20px;font-weight:900;color:#1a1a1a;transition:all .2s ease}.setup-timer-icon{font-size:18px;line-height:1}.setup-timer-pill.is-warning{background-color:#fee2e2;border-color:#dc2626;color:#dc2626;animation:setupTimerPulse .9s infinite alternate}@keyframes setupTimerPulse{0%{transform:scale(1);box-shadow:0 0 8px #dc262666}to{transform:scale(1.05);box-shadow:0 0 16px #dc2626cc}}.setup-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.setup-players-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;width:100%;box-sizing:border-box}.setup-player-card{background-color:#faefd4;border:2.5px solid #1a1a1a;border-radius:14px;padding:8px 12px;height:64px;min-height:64px;display:flex;align-items:center;gap:10px;box-sizing:border-box;position:relative;transition:all .2s ease}.setup-player-card.is-active-picker{background-color:#fdf5e0;border-color:#1a1a1a;box-shadow:0 0 0 2px #0be85a,0 0 10px #0be85a80}.setup-order-badge{width:34px;height:34px;object-fit:contain;flex-shrink:0}.setup-player-avatar-wrap{width:44px;height:44px;border-radius:50%;border:2px solid #1a1a1a;overflow:hidden;flex-shrink:0;background-color:#fff;display:flex;align-items:center;justify-content:center}.setup-player-avatar{width:100%;height:100%;object-fit:cover}.setup-player-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.setup-player-name{font-family:Bitter,Lora,serif;font-size:16px;font-weight:800;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.setup-player-pill{font-family:Bitter,Lora,serif;font-size:11px;font-weight:900;border-radius:10px;padding:2px 10px;display:inline-block;width:fit-content;text-align:center;letter-spacing:.3px;text-transform:uppercase}.setup-player-pill.is-picking{background:linear-gradient(180deg,#1fe857,#03c940);color:#0b3814;border:1.5px solid #028e2d;box-shadow:0 0 8px #1fe857b3}.setup-player-pill.is-waiting{background-color:#d6cfc4;color:#4b453d;border:1.5px solid #999084}.setup-player-pill.is-ready{background-color:#16a34a;color:#fff;border:1.5px solid #14532d}.setup-banner{background-color:#fbe282;border:3px solid #1a1a1a;border-radius:14px;padding:8px 16px;min-height:64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;box-shadow:0 3px #00000014}.setup-banner-title{font-family:Bitter,Lora,serif;font-size:20px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:#1a1a1a;line-height:1.15}.setup-banner-subtitle{font-family:Bitter,Lora,serif;font-size:13px;font-weight:600;color:#3b2818;margin-top:3px}.setup-choice-row{display:flex;gap:14px;align-items:stretch;width:100%;box-sizing:border-box}.setup-color-panel{flex:0 0 360px;background-color:#f7dfa5;border:3px solid #1a1a1a;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;box-sizing:border-box}.setup-panel-title{font-family:Bitter,Lora,serif;font-size:16px;font-weight:900;color:#1a1a1a;text-transform:uppercase;margin:0 0 10px;letter-spacing:.4px}.setup-color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;flex:1}.setup-color-tile{background-color:#faefd4;border:2.5px solid #1a1a1a;border-radius:14px;padding:8px;min-height:106px;height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease;box-sizing:border-box;position:relative}.setup-color-tile:hover:not(.is-disabled):not(.is-taken){background-color:#fff9ea;transform:translateY(-2px);box-shadow:0 4px 10px #0000001f}.setup-color-tile.is-selected{background:linear-gradient(180deg,#7fe539,#5ecc1f);border:3px solid #0be85a;box-shadow:0 0 0 2.5px #13b53c,0 0 16px #13b53cd9;transform:scale(1.02)}.setup-color-tile.is-taken{opacity:.45;cursor:not-allowed;filter:grayscale(.5);background-color:#e5dac6}.setup-color-tile.is-disabled:not(.is-taken){opacity:.75;cursor:default}.setup-color-frog-img{width:72px;height:56px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .15s ease}.setup-color-tile:hover:not(.is-disabled):not(.is-taken) .setup-color-frog-img{transform:scale(1.06)}.setup-color-label{font-family:Bitter,Lora,serif;font-size:14px;font-weight:900;color:#1a1a1a;margin-top:6px;text-transform:uppercase;letter-spacing:.4px}.setup-color-sublabel{font-family:Bitter,Lora,serif;font-size:10px;font-weight:800;color:#991b1b;background-color:#fee2e2;border-radius:6px;padding:1px 6px;position:absolute;bottom:4px;left:50%;transform:translate(-50%);white-space:nowrap}.setup-slot-panel{flex:1;background-color:#f7dfa5;border:3px solid #1a1a1a;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;box-sizing:border-box;min-width:0}.setup-slots-row{display:flex;gap:8px;justify-content:space-between;flex:1;align-items:stretch}.setup-slot-card{flex:1;min-width:0;min-height:144px;height:144px;background-color:#faefd4;border:2px solid #1a1a1a;border-radius:12px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease;box-sizing:border-box}.setup-slot-card:hover:not(.is-disabled):not(.is-taken){background-color:#fff9ea;transform:translateY(-2px);box-shadow:0 4px 10px #0000001f}.setup-slot-card.is-selected{background-color:#f2fce6;border:3px solid #0be85a;box-shadow:0 0 0 2px #13b53c,0 0 16px #13b53cd9;transform:scale(1.02)}.setup-slot-card.is-taken{opacity:.65;cursor:not-allowed;background-color:#e8decc}.setup-slot-card.is-disabled:not(.is-taken){opacity:.75;cursor:default}.setup-slot-title{font-family:Bitter,Lora,serif;font-size:12px;font-weight:900;color:#1a1a1a;text-transform:uppercase;margin-bottom:2px;white-space:nowrap}.setup-slot-art-wrap{width:100%;display:flex;align-items:center;justify-content:center;min-height:58px;margin:2px 0}.setup-slot-art{width:100%;max-width:68px;height:auto;max-height:56px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}.setup-slot-pill{font-family:Bitter,Lora,serif;font-size:10px;font-weight:900;border-radius:8px;padding:2px 6px;text-align:center;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px;text-transform:uppercase}.setup-slot-pill.is-free{background-color:#d6cfc4;color:#3f3930;border:1px solid #999084}.setup-slot-pill.is-selected{background:linear-gradient(180deg,#1fe857,#03c940);color:#0b3814;border:1.5px solid #028e2d;box-shadow:0 0 6px #1fe857b3}.setup-slot-pill.is-taken{background-color:#c4ba98;color:#1a1a1a;border:1px solid #756f5b}.setup-slot-note{font-family:Bitter,Lora,serif;font-size:11.5px;font-weight:600;color:#4a3825;text-align:center;margin-top:8px;line-height:1.3}.setup-footer{margin-top:4px;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;height:74px;min-height:74px}.setup-footer-bar{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.btn-setup-leave{position:absolute;left:0;background-color:#dfd5be;border:2px solid #1a1a1a;border-radius:14px;padding:8px 16px;font-family:Bitter,Lora,serif;font-size:13px;font-weight:800;color:#2a1d0d;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.btn-setup-leave:hover{background-color:#ede2c9;transform:translateY(-1px)}.btn-setup-confirm{width:auto;min-width:440px;max-width:620px;height:50px;padding:0 32px;border-radius:25px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:Bitter,Lora,serif;font-size:17px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;cursor:not-allowed;transition:all .15s ease;-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#d6ccb5;border:3px solid #8e846f;color:#69604c;white-space:nowrap}.btn-setup-confirm .setup-confirm-check{stroke:#69604c;opacity:.6}.btn-setup-confirm.is-ready{background:linear-gradient(180deg,#9ae63c,#76d418);border:3px solid #0be85a;box-shadow:0 0 0 2px #13b53c,0 0 18px #13b53cd9,0 4px #117826;color:#1a1a1a;cursor:pointer}.btn-setup-confirm.is-ready .setup-confirm-check{stroke:#1a1a1a;opacity:1}.btn-setup-confirm.is-ready:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-setup-confirm.is-ready:active{transform:translateY(2px);box-shadow:0 0 0 2px #13b53c,0 0 10px #13b53c99,0 1px #117826}.setup-footer-note{font-family:Bitter,Lora,serif;font-size:12px;font-weight:700;color:#3b2818;text-align:center}.setup-leave-modal-backdrop{position:fixed;inset:0;background-color:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.setup-leave-modal-card{width:100%;max-width:440px;background-color:#c4ba98;border:5px solid #1a1a1a;border-radius:24px;box-shadow:0 8px #12130e;overflow:hidden;display:flex;flex-direction:column}.setup-leave-modal-header{background-color:#dfe67a;border-bottom:3.5px solid #1a1a1a;padding:14px 20px;font-family:Bitter,Lora,serif;font-size:18px;font-weight:900;color:#1a1a1a}.setup-leave-modal-body{padding:24px 20px;display:flex;flex-direction:column;gap:20px}.setup-leave-modal-text{font-family:Bitter,Lora,serif;font-size:16px;font-weight:700;color:#1a1a1a;text-align:center;line-height:1.4}.setup-leave-modal-actions{display:flex;gap:14px;justify-content:center}.btn-setup-modal-cancel{background-color:#dfe666;border:3px solid #1a1a1a;border-radius:14px;padding:10px 24px;font-family:Bitter,Lora,serif;font-size:16px;font-weight:900;color:#1a1a1a;cursor:pointer;box-shadow:0 4px #1a1a1a;transition:all .1s ease}.btn-setup-modal-cancel:hover{background-color:#eaf17b}.btn-setup-modal-confirm{background-color:#ef4444;border:3px solid #1a1a1a;border-radius:14px;padding:10px 24px;font-family:Bitter,Lora,serif;font-size:16px;font-weight:900;color:#fff;cursor:pointer;box-shadow:0 4px #1a1a1a;transition:all .1s ease}.btn-setup-modal-confirm:hover{background-color:#dc2626}@media(max-width:960px){.setup-screen-wrapper{padding:10px 8px 60px!important}.setup-window{border-width:4px!important;border-radius:20px!important;margin:0 0 20px!important}.setup-choice-row{flex-direction:column!important;gap:16px!important}.setup-color-panel{flex:none!important;width:100%!important}.setup-color-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.setup-slot-panel{width:100%!important}.setup-slots-row{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.setup-slot-card{flex:none!important;min-height:84px!important}.setup-footer-bar{flex-direction:column!important;gap:10px!important}.btn-setup-leave{position:static!important;width:100%!important}.btn-setup-confirm{min-width:100%!important;width:100%!important;font-size:15px!important;padding:14px 12px!important}}@media(max-width:600px){.setup-header{flex-direction:column!important;gap:10px!important;align-items:flex-start!important;padding:12px 14px!important}.setup-header-left{flex-wrap:wrap!important;gap:8px!important}.setup-header-divider{display:none!important}.setup-title{font-size:18px!important}.setup-hint{font-size:13px!important}.setup-body{padding:10px 12px 16px!important;gap:10px!important}.setup-players-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:6px!important}.setup-player-card{padding:6px 8px!important}.setup-banner-title{font-size:15px!important}.setup-banner-subtitle{font-size:12px!important}.setup-color-tile{padding:8px 6px!important}.setup-color-frog-img{width:44px!important;height:44px!important}.setup-color-label{font-size:13px!important}.setup-slots-row{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}.setup-slot-card{padding:6px 4px!important}.setup-slot-title{font-size:12px!important}.setup-slot-art{width:38px!important;height:38px!important}.setup-slot-pill{font-size:10px!important;padding:2px 4px!important}}