@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";:root{--chrome: #f3f3f3;--chrome-2: #e8e8e8;--chrome-line: #d4d4d4;--workspace: #9e9e9e;--surface: #ffffff;--surface-2: #f5f5f5;--surface-glass: rgba(255, 255, 255, .9);--ink: #202020;--ink-soft: #4a4a4a;--muted: #767676;--line: #d9d9d9;--primary: #2b579a;--primary-deep: #1e3f73;--primary-ink: #2b579a;--accent: #ffd24d;--accent-deep: #e0a800;--leaf: #217346;--leaf-deep: #185c37;--rose: #c0504d;--danger: #c0504d;--gold: #d4a017;--silver: #a6a6a6;--bronze: #b87333;--radius-sm: 3px;--radius: 4px;--radius-lg: 5px;--shadow: 0 1px 3px rgba(0, 0, 0, .12);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .22);--shadow-soft: 0 1px 2px rgba(0, 0, 0, .08);--font: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--workspace);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;cursor:pointer}input{font-family:inherit}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:var(--chrome)}::-webkit-scrollbar-thumb{background:#c1c1c1;border:3px solid var(--chrome);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.office{height:calc(100dvh - var(--kb, 0px));display:flex;flex-direction:column;background:var(--workspace)}.oc-menubar{display:flex;align-items:center;gap:2px;flex-shrink:0;height:30px;padding:0 8px;background:var(--chrome);border-bottom:1px solid var(--chrome-line);font-size:.78rem;color:var(--ink-soft);-webkit-user-select:none;user-select:none}.oc-appicon{margin-right:6px;font-size:.9rem}.oc-menu{padding:4px 8px;border-radius:3px}.oc-menu:hover{background:var(--chrome-2)}.oc-toolbar{display:flex;align-items:center;gap:3px;flex-shrink:0;height:34px;padding:0 8px;overflow:hidden;background:var(--chrome);border-bottom:1px solid var(--chrome-line);-webkit-user-select:none;user-select:none}.oc-font,.oc-size{height:22px;border:1px solid var(--chrome-line);border-radius:2px;background:#fff;font-size:.74rem;color:var(--ink-soft);padding:0 4px;pointer-events:none}.oc-font{width:82px}.oc-size{width:48px}.oc-sep{width:1px;height:18px;background:var(--chrome-line);margin:0 4px;flex-shrink:0}.oc-tool{display:inline-flex;align-items:center;justify-content:center;width:24px;height:22px;border-radius:2px;font-size:.8rem;color:var(--ink-soft)}.oc-tool:hover{background:var(--chrome-2)}.oc-bold{font-weight:800}.oc-italic{font-style:italic}.oc-under{text-decoration:underline}.oc-statusbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:24px;padding:0 10px;background:var(--chrome);border-top:1px solid var(--chrome-line);font-size:.72rem;color:#5f5f5f;-webkit-user-select:none;user-select:none}.oc-status-right{display:flex;gap:14px}.oc-zoom{font-variant-numeric:tabular-nums}.app{position:relative;z-index:1;flex:1;min-height:0;width:100%;max-width:1080px;margin:10px auto;padding:16px;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid #7a7a7a;box-shadow:var(--shadow)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;padding:14px}.card h3{margin:0 0 12px;font-size:1rem;color:var(--ink);display:flex;align-items:center;gap:8px}.btn{border:1px solid var(--chrome-line);border-radius:var(--radius);padding:9px 16px;font-size:.9rem;font-weight:600;color:var(--ink);background:linear-gradient(180deg,#fdfdfd,#f0f0f0);transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:linear-gradient(180deg,#fff,#e8f0fa);border-color:#9db8dc}.btn:active:not(:disabled){background:#dce8f7}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary-deep);color:#fff}.btn-primary:hover:not(:disabled){background:#34639f;border-color:var(--primary-deep)}.btn-primary:active:not(:disabled){background:var(--primary-deep)}.btn-accent{background:var(--leaf);border-color:var(--leaf-deep);color:#fff}.btn-accent:hover:not(:disabled){background:#268552;border-color:var(--leaf-deep)}.btn-ghost{background:#fff;color:var(--ink-soft)}.btn-lg{padding:12px 22px;font-size:1rem;width:100%}.btn-sm{padding:5px 10px;font-size:.8rem}.home{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:4px 0}.home-card-wrap{width:100%;max-width:380px;flex-shrink:0;display:flex;flex-direction:column;transition:filter .2s ease}.game-tabs{display:flex;gap:2px;padding:0 10px}.game-tab{flex:1;min-width:0;border:1px solid var(--chrome-line);border-bottom:none;border-radius:4px 4px 0 0;padding:7px 6px 9px;margin-bottom:-1px;font-size:.76rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);background:var(--chrome-2);cursor:pointer;transition:background .15s ease,color .15s ease}.game-tab:hover{color:var(--ink-soft);background:#f0f0f0}.game-tab.active{background:var(--surface);color:var(--primary-ink);font-weight:700;padding-bottom:10px;z-index:1;border-top:2px solid var(--primary)}.home-card{width:100%;flex-shrink:0;position:relative;z-index:0;background:var(--surface);border:1px solid var(--chrome-line);border-radius:0 0 4px 4px;padding:26px 24px;display:flex;flex-direction:column;gap:14px}.logo{text-align:center;margin-bottom:6px}.logo-emoji{font-size:3rem;line-height:1}.logo h1{font-size:1.5rem;margin:8px 0 2px;color:var(--primary-ink)}.logo-sub{font-size:.85rem;color:var(--muted);margin:0}.field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--ink-soft);font-weight:600}.field input,.code-input{border:2px solid var(--line);border-radius:var(--radius);padding:12px 14px;font-size:1rem;color:var(--ink);background:var(--surface-2);transition:border-color .15s}.field input:focus,.code-input:focus{outline:none;border-color:var(--primary)}.divider{text-align:center;position:relative;color:var(--muted);font-size:.8rem;margin:4px 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--line)}.divider span{background:var(--surface);padding:0 12px;position:relative}.join-row{display:flex;gap:8px}.code-input{flex:1;min-width:0;text-align:center;letter-spacing:4px;font-weight:800;text-transform:uppercase}.join-row .btn{flex-shrink:0}.home-hint{text-align:center;color:var(--muted);font-size:.78rem;margin:2px 0 0;line-height:1.8}.home-link{color:var(--muted);text-decoration:underline}.home-link:hover{color:var(--primary-deep)}.invite-banner{background:#eef7fb;color:var(--primary-ink);border:1px solid var(--primary);border-radius:var(--radius);padding:10px 14px;font-size:.9rem;text-align:center}.invite-banner b{letter-spacing:2px;font-size:1.05rem}.lobby{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0}.lobby-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.code-badge{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;max-width:100%;background:var(--surface-2);border:1px solid var(--chrome-line);border-radius:var(--radius);padding:6px 14px;box-shadow:none}.code-label{font-size:.72rem;color:var(--muted)}.code-value{font-size:1.35rem;font-weight:800;letter-spacing:3px;color:var(--primary-ink)}.code-copy{font-size:.78rem;color:var(--primary-deep);font-weight:700}.lobby-body{flex:1;display:grid;grid-template-columns:1fr 320px;gap:12px;min-height:0;overflow:auto}.lobby-left{display:flex;flex-direction:column;gap:12px}.count{color:var(--muted);font-weight:600;font-size:.85rem}.lobby-players{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.lp{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--radius-sm);background:var(--surface-2);font-size:.92rem}.lp>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp.ready{background:#eaf6ea}.lp-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.lp-state{color:var(--muted);font-size:.8rem}.lp.ready .lp-state{color:var(--leaf-deep);font-weight:700}.lp-kick{border:none;background:#fdeeee;color:var(--danger);border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:700}.lp-kick:hover{background:#f9d5d5}.hint-tag{font-size:.72rem;font-weight:600;color:var(--muted);background:var(--surface-2);padding:3px 8px;border-radius:20px}.settings-card h3{flex-wrap:wrap}.settings-summary{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}.sum-chip{font-size:.7rem;font-weight:700;color:var(--primary-ink);background:#eef7fb;border:1px solid rgba(126,200,227,.5);padding:2px 8px;border-radius:20px;white-space:nowrap;cursor:help}.settings-summary .tip-wrap:hover .sum-chip{background:#dbeef8;border-color:var(--primary)}.tip-wrap{position:relative;display:inline-flex;align-items:center}.tip-wrap[role=button]{cursor:help;margin-left:4px;vertical-align:middle}.tip-badge{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--line);color:var(--ink-soft);font-size:.62rem;font-weight:800;line-height:1}.tip-wrap:hover .tip-badge,.tip-wrap:focus .tip-badge{background:var(--primary);color:#fff}.tip-bubble{position:fixed;z-index:60;width:max-content;max-width:min(220px,calc(100vw - 16px));background:var(--ink);color:#fff;font-size:.75rem;font-weight:500;line-height:1.45;letter-spacing:-.2px;padding:7px 10px;border-radius:10px;box-shadow:var(--shadow-lg);pointer-events:none;white-space:normal;text-align:left}.tip-bubble:after{content:"";position:absolute;left:var(--tail-x, 50%);margin-left:-4px;border:4px solid transparent}.tip-bubble.bottom:after{bottom:100%;border-bottom-color:var(--ink)}.tip-bubble.top:after{top:100%;border-top-color:var(--ink)}.pack-select{width:100%;border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:7px 10px;font-size:.88rem;font-weight:600;font-family:inherit}.pack-select:focus{outline:none;border-color:var(--primary)}.adv-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:1px dashed var(--line);background:var(--surface-2);color:var(--ink-soft);font-weight:700;font-size:.85rem;padding:8px 12px;border-radius:var(--radius-sm)}.adv-toggle:hover{background:#eef7fb;color:var(--primary-ink);border-color:var(--primary)}.adv-caret{transition:transform .18s ease}.adv-toggle.open{background:#eef7fb;color:var(--primary-ink);border-style:solid;border-color:var(--primary)}.adv-toggle.open .adv-caret{transform:rotate(180deg)}.adv-body{display:flex;flex-direction:column;gap:9px;padding-top:2px}.settings{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.settings:disabled{opacity:.7}.setting-row{display:flex;align-items:center;gap:12px}.setting-row>label{width:94px;flex-shrink:0;font-size:.85rem;font-weight:600;color:var(--ink-soft);word-break:keep-all;display:inline-flex;align-items:center;gap:2px}.seg .tip-wrap.control{flex:1 1 auto}.seg .tip-wrap.control>.seg-btn{width:100%;white-space:nowrap}.setting-ctrl{flex:1}.chips,.toggles{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--chrome-line);background:var(--surface);color:var(--ink-soft);border-radius:var(--radius-sm);padding:5px 12px;font-size:.83rem;font-weight:600}.chip.on{background:var(--primary);color:#fff;border-color:var(--primary-deep)}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--chrome-line);border-radius:var(--radius-sm);padding:2px;gap:2px;flex-wrap:wrap}.seg-btn{border:none;background:transparent;color:var(--ink-soft);padding:5px 12px;border-radius:2px;font-size:.82rem;font-weight:600}.seg-btn.on{background:var(--primary);color:#fff}.toggle{display:inline-flex;align-items:center;gap:6px;border:none;background:var(--surface-2);border-radius:20px;padding:5px 12px 5px 5px;font-size:.82rem;font-weight:600;color:var(--ink-soft)}.toggle .knob{width:16px;height:16px;border-radius:50%;background:var(--muted);transition:background .15s}.toggle.on{background:#eaf6ea;color:var(--leaf-deep)}.toggle.on .knob{background:var(--leaf-deep)}.lobby-actions{margin-top:auto}.lobby-right{display:flex;flex-direction:column;min-height:260px}.lobby-right .chat{flex:1;min-height:0}.tutorial-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#14141e8c;display:flex;align-items:center;justify-content:center;padding:16px}.tutorial-modal{width:100%;max-width:440px;max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;gap:14px;background:var(--surface);box-shadow:var(--shadow-lg)}.tutorial-title{margin:0;font-size:1.15rem;text-align:center}.tutorial-steps{display:flex;flex-direction:column;gap:10px}.tutorial-step{display:flex;gap:10px;align-items:flex-start}.tutorial-emoji{font-size:1.5rem;line-height:1;flex-shrink:0}.tutorial-step b{font-size:.92rem}.tutorial-step p{margin:2px 0 0;font-size:.84rem;color:var(--ink-soft);line-height:1.4}.tp-window{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);padding:8px;display:flex;flex-direction:column;gap:6px;-webkit-user-select:none;user-select:none}.tp-topbar{display:flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;color:var(--ink-soft)}.tp-badge{background:var(--surface);border-radius:20px;padding:2px 8px}.tp-count{margin-left:auto}.tp-timer{background:var(--primary);color:#fff;border-radius:20px;padding:2px 8px}.tp-image{height:64px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;overflow:hidden}.tp-image-hint{font-size:1.6rem;font-weight:800;color:#ffffff8c}.tp-chatlog{display:flex;gap:6px}.tp-msg{font-size:.7rem;padding:3px 8px;border-radius:10px}.tp-msg.tp-wrong{background:#fdeeee;color:var(--ink-soft)}.tp-msg.tp-correct{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#7a5a12;font-weight:700}.tp-input{font-size:.72rem;color:var(--muted);border:1px solid var(--line);border-radius:var(--radius-sm);padding:5px 10px;background:var(--surface)}.tp-right{margin-left:auto}.tp-vs{display:flex;align-items:center;gap:8px;padding:10px 0}.tp-side{flex:1;text-align:center;padding:12px 6px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:800;color:#fff}.tp-side.tp-a{background:linear-gradient(135deg,#4d8ee0,#2f74d0)}.tp-side.tp-b{background:linear-gradient(135deg,#d9646f,#c8434f)}.tp-vs-mark{font-size:.7rem;font-weight:800;color:var(--muted)}.balance{flex:1;min-height:0;display:grid;gap:12px;grid-template-columns:1fr 260px;grid-template-rows:auto 1fr;grid-template-areas:"head head" "main side"}.balance-head{grid-area:head;display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.bh-round{font-weight:800;font-size:.95rem}.bh-timer{margin-left:auto;min-width:52px;text-align:center;font-size:1.05rem;font-weight:800;color:var(--primary-ink);background:var(--surface-2);border-radius:12px;padding:3px 10px}.bh-timer.urgent{color:#fff;background:#c8434f}.balance-main{grid-area:main;display:grid;grid-template-rows:1fr auto;gap:12px;min-height:0}.balance-stage{display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:0;overflow-y:auto}.balance-guide{margin:0;text-align:center;font-size:.95rem;font-weight:700;color:var(--ink-soft)}.balance-choices{display:flex;gap:12px}.bc-card{position:relative;flex:1;min-height:130px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:3px solid transparent;border-radius:var(--radius-lg);padding:18px 12px;font-weight:800;color:#fff;transition:transform .15s ease,filter .15s ease}.bc-card.a{background:linear-gradient(135deg,#4d8ee0,#2f74d0)}.bc-card.b{background:linear-gradient(135deg,#d9646f,#c8434f)}.bc-card:hover:not(:disabled){transform:translateY(-3px)}.bc-card:disabled{cursor:default}.bc-card.mine{border-color:var(--accent)}.bc-card.majority{box-shadow:0 0 0 4px #f5b9428c}.bc-text{font-size:clamp(.95rem,2.6vw,1.3rem);text-align:center;word-break:keep-all;z-index:1}.bc-mine-tag{font-size:.7rem;background:var(--accent);color:#7a5a12;border-radius:20px;padding:2px 10px;z-index:1}.bc-pct{font-size:1.6rem;z-index:1}.bc-count{font-size:.78rem;opacity:.85;z-index:1}.bc-bar{position:absolute;left:0;bottom:0;height:6px;background:#ffffffd9;transition:width .5s ease}.balance-progress{margin:0;text-align:center;font-size:.85rem;color:var(--muted)}.balance-voters{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.bv{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;padding:4px 10px;border-radius:20px;background:var(--surface-2)}.bv.a{box-shadow:inset 0 0 0 2px #4d8ee0}.bv.b{box-shadow:inset 0 0 0 2px #d9646f}.bv-gain{font-weight:800;color:var(--leaf-deep)}.balance-chat{display:flex;flex-direction:column;min-height:150px;max-height:34vh}.balance-chat .chat{flex:1;min-height:0}.balance-side{grid-area:side;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.chat{display:flex;flex-direction:column;min-height:0;height:100%;gap:8px}.chat-log{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:4px}.c-row{font-size:.9rem;padding:4px 10px;border-radius:10px;word-break:break-word;line-height:1.35}.c-chat{background:var(--surface-2)}.c-chat b,.c-wrong b{color:var(--primary-ink);margin-right:4px}.c-wrong{background:#fdeeee;color:var(--ink-soft)}.c-system{color:var(--muted);font-size:.8rem;text-align:center}.c-correct{background:#eaf6ea;color:var(--leaf-deep);font-weight:600}.c-me-correct{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#7a5a12;font-weight:800;text-align:center}.c-rank{background:#fff9;border-radius:20px;padding:1px 8px;font-size:.8rem;margin-left:4px}.c-pts{margin-left:4px}.react-bar{display:flex;gap:4px}.react-btn{border:none;background:var(--surface-2);border-radius:10px;padding:4px 8px;font-size:1.1rem}.react-btn:hover{transform:scale(1.15)}.chat-input{display:flex;gap:8px}.chat-input .btn{flex-shrink:0}.chat-input input{flex:1;min-width:0;border:2px solid var(--line);border-radius:var(--radius);padding:11px 14px;font-size:1rem;background:var(--surface)}.chat-input input:focus{outline:none;border-color:var(--primary)}.chat-input.answer input{border-color:var(--accent-deep);background:#fffdf5}.timer{position:relative;width:64px;height:64px;margin-left:auto;flex-shrink:0}.timer svg{display:block;width:100%;height:100%}.timer-track{fill:none;stroke:var(--line);stroke-width:6}.timer-fill{fill:none;stroke:var(--primary-deep);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .15s linear}.timer.urgent .timer-fill{stroke:var(--danger)}.timer-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;color:var(--ink)}.timer.urgent .timer-num{color:var(--danger)}.players{display:flex;flex-direction:column;gap:6px}.player-chip{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-2);font-size:.9rem}.player-chip.me{background:#eef7fb;box-shadow:inset 0 0 0 2px var(--primary)}.player-chip.off{opacity:.5}.p-medal{width:18px}.p-name{flex:1;display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-spec{font-size:.68rem;color:var(--muted);background:#fff;border-radius:10px;padding:1px 6px}.p-score{font-weight:800;color:var(--primary-ink)}.players.compact{flex-direction:row;overflow-x:auto;padding-bottom:4px}.players.compact .player-chip{flex-shrink:0}.game{flex:1;display:grid;grid-template-columns:1fr 240px;grid-template-rows:1fr;gap:12px;min-height:0}.game .players.compact{display:none}.game-main{display:flex;flex-direction:column;gap:12px;min-height:0;grid-column:1}.stage{flex:1.3 1 0;display:flex;flex-direction:column;gap:10px;min-height:0;position:relative}.stage-top{display:flex;align-items:center;gap:10px}.sound-toggle{margin-left:auto;flex-shrink:0;border:none;background:var(--surface-2);width:34px;height:34px;border-radius:50%;font-size:1rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft)}.sound-toggle:hover{background:var(--surface);transform:scale(1.05)}.stage-top .timer{margin-left:8px}.cat-badge{background:var(--leaf);color:#fff;font-weight:700;font-size:.78rem;padding:3px 10px;border-radius:var(--radius-sm)}.q-count{color:var(--muted);font-weight:700;font-size:.9rem}.double-banner{position:absolute;top:44px;left:50%;transform:translate(-50%);z-index:7;background:linear-gradient(135deg,#ffd166,#f59e0b);color:#6b3d05;font-weight:900;padding:9px 22px;border-radius:22px;box-shadow:0 6px 20px #f59e0b8c,0 0 0 2px #ffffffb3 inset;font-size:1rem;letter-spacing:-.2px;white-space:nowrap}.image-wrap{flex:1;min-height:0;position:relative;display:flex;justify-content:center}.image-frame{position:relative;height:100%;aspect-ratio:4 / 3;max-width:100%;border-radius:var(--radius);overflow:hidden;background:#f0f0f0}.image-box{position:absolute;top:0;right:0;bottom:0;left:0}.text-prompt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;text-align:center;background:linear-gradient(180deg,#fbfbfb,#f2f2f2);overflow-y:auto;word-break:keep-all}.prompt-hint{font-size:clamp(.8rem,3.2vw,1rem);font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:var(--radius-sm);padding:3px 10px;background:#fff}.prompt-body{font-size:clamp(1.1rem,4.5vw,2rem);font-weight:800;line-height:1.45;letter-spacing:.04em;color:var(--ink)}.image-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#f0f0f0 30%,#fafafa,#f0f0f0 70%);background-size:200% 100%;animation:shimmer 1.3s infinite linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,var(--primary),var(--primary-deep))}.countdown-num{font-size:5rem;font-weight:800;color:#fff;text-shadow:0 4px 16px rgba(0,60,80,.35);line-height:1}.countdown-label{color:#fff;font-weight:700;font-size:1rem;opacity:.95}.countdown-overlay.double{background:linear-gradient(135deg,#ff8a5c,#e8452f);animation:double-pulse .9s ease-in-out infinite}@keyframes double-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}.countdown-overlay.double .countdown-num{text-shadow:0 4px 18px rgba(120,20,0,.5)}.countdown-double-tag{background:var(--accent);color:#7a4a10;font-weight:800;font-size:.95rem;padding:5px 16px;border-radius:20px;margin-bottom:4px;box-shadow:0 4px 14px #0003}.double-round .stage{box-shadow:0 0 0 3px var(--accent-deep),0 10px 30px #f5b94266;animation:double-glow 1.6s ease-in-out infinite}@keyframes double-glow{0%,to{box-shadow:0 0 0 3px var(--accent-deep),0 8px 22px #f5b94252}50%{box-shadow:0 0 0 4px var(--accent-deep),0 12px 34px #f5b9428c}}.double-round .image-frame{box-shadow:inset 0 0 0 3px #f5b942e6}.reveal-overlay{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(0deg,#000000b8,#0000);color:#fff;text-align:center}.reveal-answer{font-size:1.8rem;font-weight:800}.reveal-label{font-size:.95rem;opacity:.85;margin-top:2px}.reveal-solvers{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:center;margin-top:10px;font-size:.85rem}.solver b{color:var(--accent)}.nobody{opacity:.85}.stage-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hints{display:flex;gap:6px;flex:1;flex-wrap:wrap}.hint-pill{background:var(--surface-2);border:1px solid var(--chrome-line);border-radius:var(--radius-sm);padding:4px 10px;font-size:.83rem;color:var(--ink-soft)}.hint-pill b{color:var(--primary-ink);letter-spacing:2px;margin-left:4px}.progress-pill{background:#e6f2ea;color:var(--leaf-deep);border:1px solid #bcd9c7;border-radius:var(--radius-sm);padding:4px 10px;font-size:.83rem;font-weight:700}.game-chat{grid-column:1;flex:1 1 0;min-height:130px;max-height:340px;display:flex}.game-chat .chat{flex:1}.game-side{grid-column:2;grid-row:1;overflow-y:auto}.reaction-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.reaction{position:absolute;bottom:20px;display:flex;flex-direction:column;align-items:center}.reaction-emoji{font-size:2rem}.reaction-name{font-size:.7rem;color:#fff;background:#0006;border-radius:10px;padding:1px 6px}.result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;overflow:auto;padding:10px}.result h1{font-size:2rem;color:var(--primary-ink);margin:0}.podium{display:flex;align-items:flex-end;gap:12px}.podium-col{display:flex;flex-direction:column;align-items:center;width:96px}.podium-medal{font-size:2.2rem}.podium-name{font-weight:700;font-size:.9rem;text-align:center}.podium-score{color:var(--primary-ink);font-weight:800;margin-bottom:6px}.podium-stand{width:100%;border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;color:#fff}.rank1 .podium-stand{height:130px;background:linear-gradient(180deg,var(--gold),#e0a828)}.rank2 .podium-stand{height:100px;background:linear-gradient(180deg,var(--silver),#a9b6ba)}.rank3 .podium-stand{height:76px;background:linear-gradient(180deg,var(--bronze),#c98f5e)}.result-rest{width:100%;max-width:360px;display:flex;flex-direction:column;gap:4px}.rest-row{display:flex;justify-content:space-between;padding:8px 12px;border-radius:10px;font-size:.9rem}.rest-row.me{background:#eef7fb;font-weight:700}.rest-row span:first-child{color:var(--muted);width:40px}.rest-row span:nth-child(2){flex:1}.result-actions{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:320px}.wait-host{color:var(--muted);font-size:.9rem}.ad-slot{width:100%;max-width:360px;margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:4px}.ad-label{font-size:.68rem;color:var(--muted);letter-spacing:1px}.relay{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.relay-head{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:8px 14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transition:box-shadow .2s ease}.relay.my-turn .relay-head{box-shadow:inset 0 0 0 2px var(--primary)}.rh-round{font-weight:800;font-size:.95rem}.rh-timer{margin-left:auto;min-width:52px;text-align:center;font-size:1.05rem;font-weight:800;color:var(--primary-ink);background:var(--surface-2);border-radius:var(--radius-sm);padding:3px 10px}.rh-timer.urgent{color:#fff;background:var(--danger)}.relay-players{display:flex;flex-wrap:wrap;gap:5px;flex-shrink:0}.rp{font-size:.8rem;padding:4px 10px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line)}.rp.turn{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.rp.out{opacity:.45;text-decoration:line-through}.relay-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.relay-stage{flex:0 0 auto;display:flex;flex-direction:column;gap:8px}.relay-topic{display:flex;align-items:baseline;gap:10px;justify-content:center}.rt-label{font-size:.75rem;color:var(--muted)}.rt-name{font-size:clamp(1.3rem,5vw,2rem);font-weight:800;color:var(--primary-ink)}.relay-guide{margin:0;text-align:center;font-size:.92rem;font-weight:700;color:var(--ink-soft)}.relay-lastout{margin:0;text-align:center;font-size:.8rem;color:var(--danger)}.relay-words{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-height:22vh;overflow-y:auto;padding:2px}.rw{display:inline-flex;align-items:baseline;gap:5px;font-size:.86rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-sm);background:#eef3fa;border:1px solid #c9d9ee;color:var(--ink)}.rw em{font-style:normal;font-size:.68rem;color:var(--muted);font-weight:500}.rw-empty{font-size:.84rem;color:var(--muted)}.relay-count{margin:0;text-align:center;font-size:.74rem;color:var(--muted)}.relay-chat{flex:1 1 auto;min-height:130px;display:flex;flex-direction:column}.relay-chat .chat{flex:1;min-height:0}.tp-wordrow{display:flex;flex-wrap:wrap;gap:4px;padding:8px 0}.tp-word{font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:3px;background:#eef3fa;border:1px solid #c9d9ee}.tp-word-dup{background:#fdeeee;border-color:#e6bcbc;color:var(--danger)}.liar{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.liar-head{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:8px 14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.liar.my-turn .liar-head{box-shadow:inset 0 0 0 2px var(--primary)}.lh-round{font-weight:800;font-size:.95rem}.lh-timer{margin-left:auto;min-width:52px;text-align:center;font-size:1.05rem;font-weight:800;color:var(--primary-ink);background:var(--surface-2);border-radius:var(--radius-sm);padding:3px 10px}.lh-timer.urgent{color:#fff;background:var(--danger)}.liar-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.liar-stage{flex:0 0 auto;display:flex;flex-direction:column;gap:10px;align-items:center}.liar-card{width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;border-radius:var(--radius);background:linear-gradient(180deg,#f7f9fc,#eef2f8);border:2px solid var(--primary)}.liar-card.is-liar{background:linear-gradient(180deg,#fdf4f4,#f8eaea);border-color:var(--danger)}.lc-topic{font-size:.74rem;color:var(--muted)}.lc-word{font-size:clamp(1.4rem,6vw,2.1rem);font-weight:800;color:var(--primary-ink)}.lc-word.liar{color:var(--danger)}.lc-hint{font-size:.72rem;color:var(--muted);text-align:center}.liar-guide{margin:0;text-align:center;font-size:.92rem;font-weight:700;color:var(--ink-soft)}.liar-votes{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;width:100%}.lv-btn{min-width:92px;padding:12px 14px;font-size:.9rem;font-weight:700;border:2px solid var(--chrome-line);border-radius:var(--radius);background:var(--surface);transition:border-color .12s ease,background .12s ease}.lv-btn:hover:not(:disabled){border-color:var(--danger);background:#fdf4f4}.lv-btn:disabled{opacity:.5;cursor:not-allowed}.liar-tally{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;align-items:center}.lt{display:inline-flex;align-items:baseline;gap:5px;font-size:.8rem;padding:4px 10px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line)}.lt.has{border-color:var(--danger);background:#fdf4f4}.lt em{font-style:normal;font-size:.72rem;color:var(--muted)}.liar-accused{width:100%;margin:4px 0 0;text-align:center;font-size:.86rem;font-weight:700}.liar-result{display:flex;flex-direction:column;align-items:center;gap:3px}.lr-title{margin:0 0 4px;font-size:1.2rem;font-weight:800}.lr-title.liar{color:var(--danger)}.lr-title.citizen{color:var(--leaf-deep)}.lr-line{margin:0;font-size:.88rem;color:var(--ink-soft)}.lr-line b{color:var(--ink)}.liar-descs{display:flex;flex-direction:column;gap:3px;width:100%;max-height:20vh;overflow-y:auto}.ld{font-size:.84rem;padding:4px 10px;border-radius:var(--radius-sm);background:var(--surface-2)}.liar-chat{flex:1 1 auto;min-height:130px;display:flex;flex-direction:column}.liar-chat .chat{flex:1;min-height:0}.tp-cards{display:flex;gap:6px;padding:8px 0}.tp-card{flex:1;text-align:center;padding:10px 6px;border-radius:3px;font-size:.78rem;font-weight:800;background:#eef2f8;border:1px solid var(--primary);color:var(--primary-ink)}.tp-card-liar{background:#f8eaea;border-color:var(--danger);color:var(--danger)}.rp-names{display:flex;flex-wrap:wrap;gap:5px}.rp-name-input{width:84px;min-width:0;border:1px solid var(--chrome-line);border-radius:var(--radius-sm);padding:6px 8px;font-size:.85rem;color:var(--ink);background:var(--surface)}.rp-name-input:focus{outline:none;border-color:var(--primary)}.rp-wait{margin:0;text-align:center;font-size:.86rem;color:var(--muted)}.rp{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.rp-head{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:8px 14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.rp-title{font-weight:800;font-size:.95rem}.rp-chaos{margin-left:8px;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);background:#fdf4f4;border:1px solid #e6bcbc;color:var(--danger)}.rp-lck{margin-left:8px;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);background:#fff6e0;border:1px solid #e3c67a;color:#8a6a1a}.rp-origin{margin:0;text-align:center;font-size:.8rem;color:var(--ink-soft);display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap}.rp-origin span{font-size:.72rem;color:var(--muted)}.rp-warn{margin:4px 0 0;font-size:.76rem;color:var(--danger)}.rp-watching{margin-left:auto;flex-shrink:0;font-size:.74rem;font-weight:700;padding:3px 9px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft)}.rp-viewers{display:flex;flex-wrap:wrap;gap:5px}.rp-viewer{font-size:.8rem;padding:4px 10px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line)}.rp-viewer.spec{color:var(--muted)}.rp-hint{margin:8px 0 0;font-size:.76rem;color:var(--muted)}.rp-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.rp-board{flex:0 0 auto;display:flex;flex-direction:column;gap:6px}.rp-slot{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line)}.rp-pos{flex-shrink:0;width:52px;text-align:center;font-size:.78rem;font-weight:800;color:#fff;border-radius:var(--radius-sm);padding:4px 0}.pos-top{background:#b5651d}.pos-jungle{background:#2f7d32}.pos-mid{background:#2b579a}.pos-adc{background:#b03a48}.pos-support{background:#6a4c93}.rp-name{flex-shrink:0;min-width:60px;max-width:96px;font-size:.88rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-champ{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.rp-champ img{width:34px;height:34px;border-radius:var(--radius-sm);flex-shrink:0}.rp-champ b{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-slot.rolling .rp-champ b{color:var(--muted);letter-spacing:2px}.rp-slot.rolling{animation:rp-shake .45s ease-in-out infinite}@keyframes rp-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.rp-reroll{flex-shrink:0;padding:4px 8px;font-size:.75rem}.rp-actions{display:flex;gap:8px;flex-shrink:0}.rp-actions .btn{flex:1}.rp-chat{flex:1 1 auto;min-height:110px;display:flex;flex-direction:column}.rp-chat .chat{flex:1;min-height:0}.joining{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.joining p{margin:0;font-size:.95rem;color:var(--ink-soft);font-weight:700}.joining-spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--primary);animation:joining-spin .8s linear infinite}@keyframes joining-spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 22px;border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;font-size:.9rem;max-width:90%}@media(max-width:860px){.oc-menubar,.oc-toolbar,.oc-statusbar{display:none}.office{background:var(--surface)}.app{margin:0;padding:8px;border:none;box-shadow:none}.lobby-body{grid-template-columns:1fr;grid-template-rows:auto minmax(110px,1fr)}.lobby-right{min-height:0}.lobby,.lobby-body,.lobby-left{gap:8px}.settings{gap:9px}.setting-row{gap:8px}.setting-row>label{width:66px;font-size:.78rem}.setting-ctrl{min-width:0}.seg{display:flex;width:100%}.seg-btn{flex:1 1 0;padding:6px;font-size:.8rem}.chips,.toggles{gap:5px}.chip{padding:5px 12px;font-size:.8rem}.toggle{padding:4px 10px 4px 4px;font-size:.78rem;gap:5px}.toggle .knob{width:13px;height:13px}.lp{padding:7px 10px;font-size:.88rem}.lobby-players{max-height:132px;overflow-y:auto}.card{padding:12px}.card h3{margin-bottom:8px;font-size:.95rem}.game{display:flex;flex-direction:column;gap:8px}.game .players.compact{display:flex;flex:0 0 auto}.game-side{display:none}.game-main{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0}.stage{flex:1.3 1 0;min-height:0;gap:8px}.image-wrap{flex:1 1 auto;height:auto;min-height:84px}.game-chat{flex:1 1 0;height:auto;min-height:92px;max-height:none}.game.text-mode .stage{flex:0 0 auto}.game.text-mode .image-wrap{flex:0 0 auto;height:auto;min-height:0}.game.text-mode .image-frame{aspect-ratio:auto;width:100%;height:auto}.game.text-mode .text-prompt{position:static;padding:14px 12px;gap:8px;min-height:92px}.game.text-mode .prompt-body{font-size:clamp(1.2rem,5.8vw,1.7rem)}.game.text-mode .game-chat{flex:1 1 auto;min-height:140px;max-height:none}.balance{display:flex;flex-direction:column;gap:8px}.balance .players.compact{display:flex;flex:0 0 auto}.balance-side{display:none}.balance-head{padding:6px 10px;gap:8px}.bh-round{font-size:.88rem}.balance-main{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0}.balance-stage{flex:1.6 1 0;min-height:0;gap:10px;padding:10px}.balance-choices{flex-direction:column;gap:8px;flex:1 1 auto;min-height:0}.bc-card{flex:1 1 0;min-height:64px;padding:10px;border-width:2px}.bc-text{font-size:clamp(1rem,4.6vw,1.25rem)}.bc-pct{font-size:1.3rem}.balance-guide{font-size:.85rem}.balance-voters{gap:4px}.bv{font-size:.74rem;padding:3px 8px}.balance-chat{flex:1 1 0;min-height:84px;max-height:none}.relay{gap:8px}.relay-head{padding:6px 10px;gap:8px}.rh-round{font-size:.86rem}.rt-name{font-size:clamp(1.2rem,6vw,1.7rem)}.relay-words{max-height:26vh}.rp{font-size:.74rem;padding:3px 8px}.rw{font-size:.8rem;padding:3px 8px}.relay-chat{min-height:120px}.liar{gap:8px}.liar-head{padding:6px 10px;gap:8px}.lh-round{font-size:.86rem}.liar-card{padding:12px 10px;max-width:none}.lc-word{font-size:clamp(1.3rem,7vw,1.9rem)}.liar-votes{gap:5px}.lv-btn{flex:1 1 44%;min-width:0;padding:14px 8px}.liar-descs{max-height:22vh}.ld{font-size:.8rem}.liar-chat{min-height:110px}.rp{gap:8px}.rp-head{padding:6px 10px;gap:8px}.rp-title{font-size:.86rem}.rp-slot{padding:7px 8px;gap:8px}.rp-pos{width:44px;font-size:.72rem}.rp-name{min-width:48px;max-width:72px;font-size:.82rem}.rp-champ img{width:30px;height:30px}.rp-champ b{font-size:.88rem}.rp-actions{flex-direction:column}.rp-name-input{width:72px}.rp-chat{min-height:96px}}@media(max-width:380px){.bc-card{padding:8px}.balance-guide{font-size:.8rem}.balance-head{padding:5px 8px}}@media(max-width:480px){.app{padding:10px;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom))}.home-card{padding:22px 18px;gap:12px}.logo-emoji{font-size:2.4rem}.logo h1{font-size:1.28rem}.logo-sub{font-size:.8rem}.btn-lg{padding:13px 18px;font-size:1rem}.code-input{letter-spacing:2px;padding:12px 8px}.invite-banner{font-size:.85rem;padding:9px 12px}.code-badge{padding:7px 12px;gap:8px}.code-value{font-size:1.15rem;letter-spacing:2px}.setting-row>label{width:64px;font-size:.76rem}.seg-btn{padding:6px 4px;font-size:.78rem}.chip{padding:5px 10px;font-size:.78rem}.toggle{font-size:.76rem}.lp{font-size:.86rem}.card{padding:11px}.result h1{font-size:1.5rem}.podium{gap:8px;width:100%;max-width:340px}.podium-col{width:auto;flex:1;min-width:0}.podium-medal{font-size:1.8rem}.podium-name{font-size:.8rem;word-break:break-all}.rank1 .podium-stand{height:104px}.rank2 .podium-stand{height:80px}.rank3 .podium-stand{height:62px}}@media(max-width:360px){.lobby-body{grid-template-rows:auto minmax(66px,1fr)}.settings{gap:7px}.seg-btn{padding:5px 3px;font-size:.75rem}.chip{padding:4px 9px;font-size:.75rem}.setting-row>label{width:52px;font-size:.73rem}.lobby-players{max-height:108px}.lobby-right h3{display:none}.btn-lg{padding:11px 14px;font-size:.96rem}}@media(max-height:740px){.lobby-players{max-height:104px}.settings{gap:7px}.card{padding:10px}.card h3{margin-bottom:6px}.btn-lg{padding:11px 14px;font-size:1rem}}@media(max-height:600px){.lobby-right h3{display:none}.lobby-body{grid-template-rows:auto minmax(66px,1fr)}.lobby-players{max-height:88px}.seg-btn{padding:5px 4px}.toggle{padding:3px 9px 3px 3px}.lobby,.lobby-body,.lobby-left{gap:6px}.code-badge{padding:5px 12px}.code-value{font-size:1.1rem}}@media(max-height:520px)and (min-width:600px){.lobby-body{grid-template-columns:1fr 250px;grid-template-rows:1fr}.lobby-left{min-height:0}.lobby-left .settings-card{min-height:0;overflow-y:auto}}@media(max-height:430px){.home-card{padding:14px 16px;gap:7px}.logo{margin-bottom:2px}.logo-emoji,.logo-sub,.home-hint{display:none}.logo h1{font-size:1.05rem;margin:0}.field input,.code-input{padding:9px 12px;font-size:.95rem}.btn-lg{padding:10px 14px;font-size:.95rem}.divider{margin:0}.invite-banner{padding:7px 10px;font-size:.8rem}.game-tab{padding:6px 6px 10px;font-size:.72rem}.game-tab.active{padding-bottom:16px}}.short-h .timer{width:44px;height:44px}.short-h .timer-num{font-size:.92rem}.short-h .cat-badge{padding:3px 10px;font-size:.75rem}.short-h .q-count{font-size:.82rem}.short-h .stage,.short-h .stage-bottom{gap:6px}.short-h .hint-pill,.short-h .progress-pill{padding:3px 10px;font-size:.78rem}.short-h .player-chip{padding:5px 8px;font-size:.82rem}.short-h .c-row{padding:2px 8px;font-size:.82rem;line-height:1.3}.short-h .chat-log{gap:3px}.short-h .stage-top,.short-h .game-chat{min-height:0}.short-h .chat-input input{padding:9px 12px}.short-h .chat{gap:6px}.short-h .card{padding:10px}.short-h .logo-emoji{font-size:2rem}.short-h .home-card{padding:18px;gap:10px}.short-h .game-chat{min-height:84px}.soon-chip{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:20px;font-size:.68rem;font-weight:700;vertical-align:middle;color:var(--muted);background:var(--surface-2);border:1px solid var(--line)}.lp-empty{border:1px dashed var(--line);background:transparent;color:var(--muted)}.spectators{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted);display:flex;gap:8px;align-items:baseline}.spectator-names{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.theme-dark{--surface: #1e2328;--surface-2: #171b1f;--surface-glass: rgba(30, 35, 40, .72);--ink: #f0e6d2;--ink-soft: #c8aa6e;--muted: #a8a194;--line: #3c3c41;--primary: #0ac8b9;--primary-deep: #0397ab;--primary-ink: #0ac8b9;--accent: #c8aa6e;--accent-deep: #a67e3d;--shadow: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6);--shadow-soft: 0 4px 14px rgba(0, 0, 0, .4)}body.theme-dark .home-card,body.theme-dark .card{background:linear-gradient(160deg,#1e2328,#121a2a);border:1px solid var(--line)}body.theme-dark .field input,body.theme-dark .code-input,body.theme-dark .pack-select,body.theme-dark .chat-input input{background:#10141a;color:var(--ink);border-color:var(--line)}body.theme-dark .btn{color:var(--ink);background:var(--surface-2)}body.theme-dark .btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-deep));color:#06202a}body.theme-dark .btn-accent{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#241a06}body.theme-dark .btn-ghost{background:#ffffff14;color:var(--ink)}body.theme-dark .invite-banner{background:#10141a;border-color:var(--primary);color:var(--primary-ink)}body.theme-dark .divider:before{background:var(--line)}body.theme-dark .divider span{background:var(--surface)}body.theme-dark .game-tab{background:#ffffff12;color:var(--muted)}body.theme-dark .game-tab.active{background:#1e2328;color:var(--primary-ink)}body.theme-dark .lp{background:var(--surface-2)}body.theme-dark .lp.ready{background:#0ac8b91f}body.theme-dark .lp.ready .lp-state{color:var(--primary)}body.theme-dark .lp-empty{background:transparent}body.theme-dark .lp-kick{background:#e8888826;color:#e88}body.theme-dark .lp-kick:hover{background:#e8888847}body.theme-dark .seg{background:var(--surface-2)}body.theme-dark .seg-btn.on{background:#10141a;color:var(--primary-ink)}body.theme-dark .chip{background:var(--surface-2);color:var(--ink-soft);border-color:var(--line)}body.theme-dark .chip.on{background:linear-gradient(135deg,var(--primary),var(--primary-deep));color:#0a1428}body.theme-dark .toggle{background:var(--surface-2);color:var(--ink-soft)}body.theme-dark .toggle.on{background:#0ac8b924;color:var(--primary)}body.theme-dark .toggle.on .knob{background:var(--primary)}body.theme-dark .toggle:disabled{opacity:.45}body.theme-dark .code-badge{background:var(--surface);border:1px solid var(--line)}body.theme-dark .sum-chip{background:var(--surface-2);border-color:var(--line);color:var(--ink-soft)}body.theme-dark .settings-summary .tip-wrap:hover .sum-chip{background:#10141a;border-color:var(--primary)}body.theme-dark .hint-tag{background:var(--surface-2)}body.theme-dark .adv-toggle{background:var(--surface-2);color:var(--ink-soft);border-color:var(--line)}body.theme-dark .adv-toggle:hover,body.theme-dark .adv-toggle.open{background:#10141a;color:var(--primary-ink);border-color:var(--primary)}body.theme-dark .soon-chip{background:#c8aa6e24;border-color:var(--accent-deep);color:var(--accent)}body.theme-dark .toast{background:#1e2328;color:var(--ink);border:1px solid var(--line)}body.theme-dark .btn:disabled{opacity:.75}body.theme-dark .btn-primary:disabled,body.theme-dark .btn-accent:disabled{background:var(--surface-2);color:var(--muted);opacity:1}body.theme-dark ::placeholder{color:var(--muted);opacity:1}body.theme-dark .code-copy{color:var(--primary)}body.theme-dark .home-link{color:var(--ink-soft)}body.theme-dark .home-link:hover{color:var(--primary)}body.theme-dark .tip-badge{background:#3f4650;color:var(--ink)}body.theme-dark .lp-empty{color:var(--muted)}.draft{flex:1;min-height:0;display:grid;grid-template-columns:1fr 320px;grid-template-rows:auto 1fr;grid-template-areas:"head chat" "body chat";gap:12px}.draft-head{grid-area:head;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transition:box-shadow .2s ease}.draft-head.turn-blue{box-shadow:inset 0 0 0 2px #2f74d0}.draft-head.turn-red{box-shadow:inset 0 0 0 2px #c8434f}.draft-head.mine{animation:turn-pulse 1.1s ease-in-out infinite}@keyframes turn-pulse{0%,to{background:var(--surface)}50%{background:#0ac8b929}}.draft-score{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.92rem}.ds-team{font-weight:700;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-team.blue{color:#6aa6ff}.ds-team.red{color:#ff8b95}.ds-team.win{text-decoration:underline}.ds-num{font-size:1.1rem;font-weight:800}.ds-set{color:var(--muted);font-size:.8rem}.draft-turn{display:flex;align-items:center;gap:10px}.turn-text{font-weight:800;font-size:.95rem}.turn-clock{min-width:38px;text-align:center;font-size:1.15rem;font-weight:800;color:var(--primary-ink);background:var(--surface-2);border-radius:12px;padding:3px 10px}.turn-clock.urgent{color:#fff;background:#c8434f}.draft-body{grid-area:body;display:grid;grid-template-columns:132px 1fr 132px;gap:10px;min-height:0}.draft-chat{grid-area:chat;display:flex;flex-direction:column;min-height:0}.draft-chat .chat{flex:1;min-height:0}.team-col{display:flex;flex-direction:column;gap:6px;min-height:0}.team-name{margin:0 0 2px;font-size:.85rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-col.blue .team-name{color:#6aa6ff}.team-col.red .team-name{color:#ff8b95}.pick-slot{flex:1;min-height:52px;display:flex;align-items:center;gap:8px;padding:6px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);font-size:.8rem;overflow:hidden}.pick-slot img{width:40px;height:40px;border-radius:8px;flex-shrink:0}.pick-slot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-slot.active{border-color:var(--primary);box-shadow:0 0 0 2px #0ac8b947}.slot-empty{color:var(--muted)}.draft-center{display:flex;flex-direction:column;gap:8px;min-height:0}.champ-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pos-filter{display:flex;gap:4px;flex-wrap:wrap}.pos-btn{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-soft);border-radius:20px;padding:5px 12px;font-size:.82rem;font-weight:700}.pos-btn.on{background:linear-gradient(135deg,var(--primary),var(--primary-deep));color:#06202a;border-color:transparent}.pos-btn.misfit{opacity:.55}.champ-search{flex:1;min-width:160px;border:2px solid var(--line);border-radius:var(--radius);padding:8px 12px;font-size:.9rem;color:var(--ink);background:var(--surface-2)}.champ-search:focus{outline:none;border-color:var(--primary)}.champ-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:6px;padding:4px;border-radius:var(--radius);background:#00000024}.champ{display:flex;flex-direction:column;align-items:center;gap:2px;border:2px solid transparent;border-radius:10px;padding:4px 2px;background:transparent;transition:border-color .12s,transform .12s}.champ img{width:100%;aspect-ratio:1;border-radius:8px;display:block}.champ-name{font-size:.68rem;color:var(--ink-soft);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.champ:hover:not(:disabled){border-color:var(--primary);transform:translateY(-2px)}.champ.sel{border-color:var(--accent);background:#c8aa6e29}.champ.off img{filter:grayscale(1) brightness(.45)}.champ.off .champ-name{color:var(--muted);text-decoration:line-through}.champ:disabled{cursor:not-allowed}.champ-empty{color:var(--muted);grid-column:1 / -1;text-align:center;padding:20px}.ban-row{display:flex;align-items:center;gap:8px}.ban-side{display:flex;gap:4px;flex:1}.ban-label{font-size:.72rem;color:var(--muted);font-weight:700}.ban-slot{width:40px;height:40px;flex-shrink:0;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--muted);overflow:hidden;position:relative}.ban-slot img{width:100%;height:100%;filter:grayscale(1) brightness(.6)}.ban-slot.filled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 46%,#c8434f 46%,#c8434f 54%,transparent 54%)}.ban-slot.active{border-color:var(--primary);box-shadow:0 0 0 2px #0ac8b947}.draft-confirm{flex-shrink:0}.pos-stage{grid-area:body;display:flex;flex-direction:column;gap:10px;align-items:center;overflow-y:auto}.pos-stage h2{margin:0;font-size:1.3rem;color:var(--primary-ink)}.pos-hint{margin:0;color:var(--muted);font-size:.86rem;text-align:center}.pos-list{width:100%;max-width:620px;display:flex;flex-direction:column;gap:8px}.pos-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line)}.pos-champ{display:flex;align-items:center;gap:8px;min-width:130px;font-size:.9rem;font-weight:700}.pos-champ img{width:34px;height:34px;border-radius:8px}.pos-picker{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}.pos-status{display:flex;gap:14px;font-size:.84rem;color:var(--muted)}.pos-status .ready{color:var(--primary);font-weight:700}.note-box{width:100%;max-width:480px;display:flex;flex-direction:column;gap:8px}.note-input{width:100%;min-height:64px;resize:none;border:2px solid var(--line);border-radius:var(--radius);padding:10px 12px;font-size:.92rem;font-family:inherit;color:var(--ink);background:var(--surface-2)}.note-input:focus{outline:none;border-color:var(--primary)}.note-input:disabled{opacity:.7}.note-row{display:flex;align-items:center;gap:8px}.note-count{font-size:.76rem;color:var(--muted);margin-right:auto}.simulating{grid-area:body;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.simulating p{font-size:1.05rem;font-weight:700;color:var(--ink-soft);margin:0}.sim-orb{width:74px;height:74px;border-radius:50%;background:conic-gradient(var(--primary),var(--accent),var(--primary));animation:sim-spin 1.1s linear infinite}@keyframes sim-spin{to{transform:rotate(360deg)}}.replay{grid-area:body;display:flex;flex-direction:column;gap:10px;align-items:center;overflow-y:auto;padding:4px;min-height:0}.replay-seg-caption{min-height:22px;text-align:center}.replay-seg-caption p{margin:0;font-size:.92rem;color:var(--ink-soft)}.replay-seg-caption b{color:var(--primary-ink)}.rift-wrap{position:relative;width:100%;max-width:360px;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;background:#0a1018;border:1px solid var(--line);flex-shrink:0}.rift-bg-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.rift-land{fill:#16202a}.rift-river{stroke:#1c2e3d;stroke-width:14}.rift-obj{fill:#c8aa6e80;stroke:var(--accent);stroke-width:1.5}.rift-base{fill-opacity:.35;stroke-width:2}.rift-base.blue{fill:#2f74d0;stroke:#6aa6ff}.rift-base.red{fill:#c8434f;stroke:#ff8b95}.champ-token{position:absolute;width:9%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;border:2px solid var(--line);background:#0a1018;transition:left .9s ease,top .9s ease,box-shadow .3s ease}.champ-token img{width:100%;height:100%;object-fit:cover;display:block}.champ-token.blue{border-color:#6aa6ff}.champ-token.red{border-color:#ff8b95}.champ-token.active{box-shadow:0 0 0 3px #0ac8b980,0 0 14px #0ac8b98c;z-index:2}.replay-stats{width:100%;max-width:360px;display:flex;align-items:center;gap:12px;flex-shrink:0}.gold-graph-wrap{flex:1;display:flex;flex-direction:column;gap:2px}.gold-graph{width:100%;height:34px}.gg-blue{fill:none;stroke:#6aa6ff;stroke-width:2.4}.gg-red{fill:none;stroke:#ff8b95;stroke-width:2.4}.gold-nums{display:flex;justify-content:space-between;font-size:.68rem}.gn-blue{color:#6aa6ff}.gn-red{color:#ff8b95}.kill-score{display:flex;align-items:baseline;gap:4px;font-weight:800;font-size:1.1rem;flex-shrink:0}.ks-blue{color:#6aa6ff}.ks-red{color:#ff8b95}.ks-sep{color:var(--muted)}.event-log{width:100%;max-width:420px;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:.84rem}.event-log li{display:flex;gap:6px;padding:4px 8px;border-radius:var(--radius-sm);background:var(--surface-2)}.event-log li.edge-blue{border-left:3px solid #6aa6ff}.event-log li.edge-red{border-left:3px solid #ff8b95}.event-log li.flavor{color:var(--muted);font-style:italic}.ev-time{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.replay-choice{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:10px}.rc-title{margin:0;font-size:1rem;font-weight:800;color:var(--primary-ink)}.rc-options{width:100%;display:flex;gap:8px}.rc-opt{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 6px;border-radius:var(--radius);border:2px solid var(--line);background:var(--surface-2);transition:border-color .15s,transform .15s,background .15s}.rc-opt:hover:not(:disabled){border-color:var(--primary);transform:translateY(-2px)}.rc-opt.sel{border-color:var(--primary);background:#0ac8b924}.rc-opt:disabled{opacity:.6;cursor:not-allowed}.rc-emoji{font-size:1.6rem}.rc-label{font-size:.86rem;font-weight:800;color:var(--ink)}.rc-sub{font-size:.68rem;color:var(--muted);text-align:center}.rc-wait{margin:0;font-size:.8rem;color:var(--muted)}.rc-reveal{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 0}.rc-reveal-row{display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:700}.rc-reveal-side.blue{color:#6aa6ff}.rc-reveal-side.red{color:#ff8b95}.rc-vs{color:var(--muted);font-size:.78rem}.rc-result{margin:0;font-size:.92rem;font-weight:800}.rc-result.blue{color:#6aa6ff}.rc-result.red{color:#ff8b95}.rc-result.draw{color:var(--muted)}.draft-result{grid-area:body;display:flex;flex-direction:column;gap:12px;align-items:center;overflow-y:auto;padding:6px}.res-title{margin:0;font-size:1.5rem}.res-title.blue{color:#6aa6ff}.res-title.red{color:#ff8b95}.res-me{font-size:.95rem;color:var(--muted);font-weight:600}.res-summary{margin:0;text-align:center;font-size:.95rem}.res-notes{display:flex;flex-direction:column;gap:2px;align-items:center}.res-note-line{margin:0;font-size:.82rem;color:var(--ink-soft)}.res-note-line b{font-weight:700}.res-note-line.blue b{color:#6aa6ff}.res-note-line.red b{color:#ff8b95}.res-note{margin:0;font-size:.78rem;color:var(--muted)}.res-bars{width:100%;max-width:560px;display:flex;flex-direction:column;gap:6px}.res-bar{display:flex;align-items:center;gap:8px}.rb-label{width:88px;flex-shrink:0;font-size:.82rem;color:var(--ink-soft)}.rb-track{flex:1;display:flex;height:22px;border-radius:11px;overflow:hidden;background:var(--surface-2)}.rb-blue,.rb-red{display:flex;align-items:center;font-size:.72rem;font-weight:800;padding:0 6px}.rb-blue{background:linear-gradient(90deg,#2f74d0,#4d8ee0);color:#fff}.rb-red{background:linear-gradient(90deg,#d9646f,#c8434f);color:#fff;justify-content:flex-end}.res-timeline{width:100%;max-width:560px;margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:.88rem}.res-timeline li.edge-blue{color:#6aa6ff}.res-timeline li.edge-red{color:#ff8b95}.res-final{font-size:1.05rem;margin:0}.res-wait{color:var(--muted);margin:0}.side-choice{display:flex;flex-direction:column;align-items:center;gap:8px}.side-choice p{margin:0;font-size:.9rem}.side-btns{display:flex;gap:8px}@media(max-width:900px){.draft{grid-template-columns:1fr;grid-template-areas:"head" "body" "chat"}.draft-chat{min-height:160px}.draft-body{grid-template-columns:92px 1fr 92px}.pick-slot img{width:30px;height:30px}}.res-again{max-width:320px}.tb{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.tb-head{display:flex;align-items:center;gap:10px;flex-shrink:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:6px 10px}.tb-round{flex:1;text-align:center;font-weight:800;font-size:.92rem}.tb-timer{font-weight:800;font-variant-numeric:tabular-nums}.tb-timer.urgent{color:var(--danger)}.tb-fighters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px;flex-shrink:0}.tbf{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:6px 8px}.tbf.me{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.tbf.down{opacity:.62}.tbf-top{display:flex;align-items:center;gap:5px;margin-bottom:4px}.tbf-face{font-size:1.05rem;line-height:1;flex-shrink:0}.tbf-face img{width:22px;height:22px;border-radius:var(--radius-sm);object-fit:cover;display:block}.tbf-name{flex:1;min-width:0;display:flex;align-items:center;gap:4px;font-size:.84rem;overflow:hidden}.tbf-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbf-ok{color:var(--leaf);font-weight:800}.tbf-hp{font-size:.82rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.tbf-bar{height:7px;background:var(--surface-2);border:1px solid var(--line);border-radius:4px;overflow:hidden}.tbf-bar i{display:block;height:100%;background:var(--leaf);transition:width .5s ease-out}.tbf-bar i.low{background:var(--danger)}.tb-team-tag{font-size:.68rem;font-weight:800;padding:1px 5px;border-radius:var(--radius-sm)}.tb-team-tag.tA{background:#e3ecf8;color:#1e3f73}.tb-team-tag.tB{background:#f8e8e7;color:#8f3a37}.tb-team-pick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tb-team-btn{display:flex;flex-direction:column;gap:3px;align-items:flex-start;padding:10px;min-height:60px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.tb-team-btn b{font-size:.92rem}.tb-team-btn span{font-size:.76rem;color:var(--muted)}.tb-team-btn.tA.on{border-color:#2b579a;background:#e3ecf8}.tb-team-btn.tB.on{border-color:#a8443f;background:#f8e8e7}.tb-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.tb-stage{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.tb-chat{flex:0 0 auto;height:150px;display:flex;flex-direction:column}.tb-chat .chat{flex:1;min-height:0}.tb-guide{margin:0;text-align:center;font-size:.95rem;font-weight:800}.tb-sub{margin:0;text-align:center;font-size:.8rem;color:var(--muted)}.tb-input{display:flex;flex-direction:column;gap:8px}.tb-textarea{width:100%;min-height:74px;resize:none;padding:10px;font-family:inherit;font-size:1rem;line-height:1.45;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.tb-textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}.tb-label{font-size:.78rem;font-weight:800;color:var(--ink-soft);flex-shrink:0}.tb-field{display:flex;align-items:center;gap:8px}.tb-name-input{flex:1;min-width:0;padding:8px 10px;font-family:inherit;font-size:.98rem;font-weight:700;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.tb-name-input:focus{outline:2px solid var(--primary);outline-offset:-1px}.tb-input-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.tb-count{font-size:.82rem;color:var(--muted);font-variant-numeric:tabular-nums}.tb-count.max{color:var(--danger);font-weight:800}.tb-note{margin:0;text-align:center;font-size:.78rem;color:var(--muted)}.tb-waiting{margin:0;text-align:center;font-size:.8rem;font-weight:700;color:var(--ink-soft)}.tb-sim{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 0}.tb-sim-icon{font-size:2.4rem;line-height:1;display:inline-block}.tb-story{display:flex;flex-direction:column;gap:8px}.tb-story-title{margin:0;text-align:center;font-size:.86rem;color:var(--muted);font-weight:700}.tb-story-text{margin:0;font-size:.98rem;line-height:1.65;white-space:pre-wrap}.tb-verdict{margin:0;text-align:center;font-weight:800;font-size:.95rem;color:var(--primary-ink)}.tb-verdict.draw{color:var(--muted)}.tb-lines{display:flex;flex-direction:column;gap:4px}.tbl{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:5px 8px;background:var(--surface-2);border-radius:var(--radius);font-size:.84rem}.tbl.ko{background:#f8e8e7}.tbl-nums{display:flex;gap:5px;align-items:center}.tbl-nums em{font-style:normal;font-weight:800;font-size:.78rem}.tbl-nums .dmg{color:#8a5a00}.tbl-nums .hit{color:var(--danger)}.tbl-nums .heal{color:var(--leaf)}.tbl-nums .hp{color:var(--ink-soft)}.tbl-nums .ko-tag{background:var(--danger);color:#fff;padding:0 5px;border-radius:var(--radius-sm)}.tbl-comment{flex:1 1 100%;font-size:.8rem;color:var(--ink-soft)}.tb-final{display:flex;flex-direction:column;gap:12px}.tb-final-title{margin:0;text-align:center;font-size:1.2rem}.tb-badges{margin:0;display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.tb-badge{font-size:.78rem;font-weight:700;background:#fdf3d6;color:#6b4e00;padding:2px 8px;border-radius:var(--radius-sm)}.tb-chart h5{margin:0 0 6px;font-size:.84rem;color:var(--ink-soft)}.tbc-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.tbc-name{width:86px;flex-shrink:0;font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbc-track{flex:1;display:flex;height:16px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.tbc-seg{display:block;height:100%;flex:0 0 auto;transform-origin:left;animation:tb-grow .55s ease-out both}.tbc-seg.s1{animation-delay:.1s}.tbc-seg.s2{animation-delay:.2s}@keyframes tb-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.tbc-seg{animation:none}.tbf-bar i{transition:none}}.tbc-seg.s0{background:#7ba7dd}.tbc-seg.s1{background:#5182c2}.tbc-seg.s2{background:#2b579a}.tbc-total{width:34px;text-align:right;font-size:.8rem;font-weight:800;font-variant-numeric:tabular-nums}.tbc-legend{margin:4px 0 0;display:flex;align-items:center;gap:4px;font-size:.74rem;color:var(--muted)}.tbc-legend .k{width:10px;height:10px;border-radius:2px;display:inline-block}.tbc-legend .k.s0{background:#7ba7dd}.tbc-legend .k.s1{background:#5182c2}.tbc-legend .k.s2{background:#2b579a}.tb-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}.tbcard{border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;background:var(--surface)}.tbcard.me{border-color:var(--primary)}.tbcard-head{display:flex;flex-direction:column;margin-bottom:5px}.tbcard-sub{font-size:.74rem;color:var(--muted)}.tbcard-line{margin:1px 0;font-size:.82rem}.tbcard-line.good{color:#1c5c39}.tbcard-line.bad{color:#93393a}.tbcard-inputs{margin-top:6px;border-top:1px dashed var(--line);padding-top:5px;display:flex;flex-direction:column;gap:3px}.tbi{margin:0;display:flex;gap:5px;align-items:baseline;font-size:.78rem}.tbi-label{flex-shrink:0;color:var(--muted);font-size:.7rem;font-weight:700}.tbi-text{color:var(--ink)}.tb-log{display:flex;flex-direction:column;gap:3px}.tb-log-item summary{cursor:pointer;font-size:.82rem;font-weight:700;color:var(--ink-soft)}.tb-log-item p{margin:4px 0 8px;font-size:.86rem;line-height:1.6;white-space:pre-wrap}.tb-again{align-self:center;max-width:320px;width:100%}@media(max-width:860px){.tb-fighters{grid-template-columns:1fr 1fr}.tb-chat{height:120px}.tb-cards{grid-template-columns:1fr}.tbc-name{width:68px}}.lp.is-bot{background:var(--surface-2);color:var(--ink-soft)}.lp.lp-addbot{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;font:inherit;border:1px dashed var(--line);background:transparent;color:var(--primary);font-weight:700}.lp.lp-addbot:hover{background:var(--surface-2);border-color:var(--primary)}