.header-sound-toggle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:transparent;border:1px solid var(--border);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:var(--text-muted)}.header-sound-toggle:hover{border-color:#6366f14d;color:var(--text)}.header-sound-toggle.active{background:#6366f11a;border-color:#6366f14d;color:var(--accent)}.header-sound-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hero{max-width:1000px;margin:calc(var(--header-offset) + 44px) auto 32px;padding:0 24px;text-align:center}.hero h1{font-size:32px;font-weight:700;margin-bottom:8px}.hero p{font-size:15px;color:var(--text-muted)}.tools-section{max-width:1000px;margin:0 auto;padding:0 24px 60px}.games-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.game-tab{background:var(--glass-surface);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:50px;padding:10px 24px;color:var(--text-muted);cursor:pointer;transition:all .3s;font-size:14px}.game-tab:hover{border-color:#6366f14d;color:var(--text)}.game-tab.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.game-panel{display:none;background:var(--glass-surface);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius);padding:24px}.game-panel.active{display:block}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.game-title{font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px;flex:1;min-width:0}.game-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{background:#6366f11a;border:1px solid rgba(99,102,241,.3);color:var(--accent);padding:8px 16px;border-radius:8px;cursor:pointer;transition:.3s;font-size:13px;white-space:nowrap}#panel-arrow .game-actions{flex-wrap:nowrap;gap:8px}#panel-arrow .game-actions .btn{padding:8px 16px}.btn:hover{background:var(--accent);color:var(--on-accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.game-info{color:var(--text-muted);font-size:13px;margin-bottom:16px}.hr-board{position:relative;width:100%;max-width:400px;aspect-ratio:4/5;height:auto;margin:0 auto;background:linear-gradient(135deg,#fdf2f8,#fce7f3,#ede9fe);border-radius:16px;padding:8px;box-shadow:inset 0 0 30px #a855f714}.hr-block{position:absolute;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:grab;box-shadow:0 4px 12px #00000026;transition:left .2s,top .2s;user-select:none}.hr-block:active{cursor:grabbing;transform:scale(1.03)}.hr-block.cao{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:3px solid #fcd34d;font-size:28px}.hr-block.general{background:linear-gradient(135deg,#c4b5fd,#a78bfa);border:3px solid #ddd6fe}.hr-block.soldier{background:linear-gradient(135deg,#fda4af,#fb7185);border:3px solid #fecdd3}.hr-block.hint-highlight{animation:hrHintPulse .8s ease-in-out infinite;box-shadow:0 0 16px #fbbf24b3;border-color:#fbbf24}@keyframes hrHintPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.hr-exit{position:absolute;bottom:4px;left:0;width:0;height:6px;background:linear-gradient(90deg,#34d399,#6ee7b7);border-radius:3px;box-shadow:0 0 8px #34d39966}.soko-board{display:grid;gap:2px;margin:0 auto;background:var(--surface);padding:8px;border-radius:12px;width:100%;max-width:480px;touch-action:manipulation;box-sizing:border-box;position:relative}.soko-cell{width:100%;aspect-ratio:1;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:clamp(12px,4vw,26px);overflow:hidden}.soko-wall{background:#475569}.soko-floor{background:var(--hover-bg-subtle)}.soko-target,.soko-box-on-target{background:#10b98133}.game-board-wrap{position:relative;width:100%;max-width:480px;margin:0 auto}.thread-wrap{margin:0 auto;width:480px;max-width:100%;background:var(--surface);border-radius:16px;padding:8px;position:relative}.thread-canvas{display:block;width:100%;border-radius:12px;background:#0ea5e9;cursor:pointer;touch-action:none}.thread-canvas.shake{animation:shakeCanvas .45s}.thread-status{text-align:center;margin-top:12px;color:var(--text-muted);font-size:14px}@keyframes shakeCanvas{0%,to{transform:translate(0)}10%{transform:translate(-8px)}25%{transform:translate(8px)}40%{transform:translate(-6px)}55%{transform:translate(6px)}70%{transform:translate(-3px)}85%{transform:translate(3px)}}.win-message{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:12px;color:#34d399;font-size:18px;font-weight:600;z-index:10;line-height:1.6}.thread-wrap .win-message{border-radius:16px}@media(max-width:640px){.hero{margin-top:calc(var(--header-offset) + 24px);padding:0 16px}.hero h1{font-size:24px}.hero p{font-size:14px}.tools-section{padding:0 16px 40px}.game-header{flex-direction:column;align-items:flex-start;gap:10px}.game-actions{width:100%;justify-content:space-between;gap:6px}.game-actions .btn{flex:1;text-align:center;padding:8px 12px}.soko-board{width:100%;max-width:100%}.soko-cell{font-size:clamp(10px,3.5vw,18px)}.thread-wrap{width:340px}.game-panel{padding:16px}}