:root{--navy:#090e29;--blue:#172c88;--deep:#101d62;--gold:#ffda79;--paper:#fff0c5;--muted:#c1c7e8;--cyan:#8ce1ff;--pink:#ffab78}*{box-sizing:border-box}body{margin:0;color:var(--paper);background:repeating-linear-gradient(0deg,#0e1533 0 2px,#101837 2px 4px);font-family:'Microsoft JhengHei',Arial,sans-serif}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #fff1b5;outline-offset:5px}.top{display:flex;align-items:center;gap:30px;padding:18px max(24px,calc((100% - 1240px)/2));background:#111d52;border-bottom:4px solid #c29b48;box-shadow:0 4px #040a23}.logo{font:bold italic 26px Impact,Arial,sans-serif;line-height:.85;letter-spacing:-1px;color:#ffe089;text-decoration:none;transform:skew(-8deg);text-shadow:2px 2px #a83f31,4px 4px #080c23}.logo span{display:block;font-size:35px}.tag,.credit{font:bold 10px monospace;line-height:1.8;letter-spacing:2px}.tag{color:#cad3fa}.credit{margin-left:auto;text-align:right;color:#ffe089}main{max-width:1290px;margin:auto;padding:28px 24px 20px}.heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:20px}.eyebrow{font:bold 10px monospace;letter-spacing:3px;color:#ffda79}h1{font-size:30px;font-style:italic;text-shadow:3px 3px #8b382d;margin:10px 0 0}h1 span{display:inline-block;font-size:13px;letter-spacing:4px;margin-left:15px;color:#b5c9f4;text-shadow:none}.round-info{font:bold 11px monospace;letter-spacing:1px;text-align:right}.rounds{display:flex;gap:6px;justify-content:end;margin-top:12px}.rounds i{width:35px;height:8px;background:#343c64;border:1px solid #697393}.rounds .on{background:#ffda79;border-color:#fff0c5}.cabinet,.question-box,.answer{border:3px solid #e3c57e;box-shadow:inset 0 0 0 3px #56517c,0 0 0 2px #060b23,5px 5px #050a21;background:var(--blue)}.scoreboard{display:grid;grid-template-columns:1fr 88px 1fr;gap:24px;padding:15px 25px 10px;background:#132276;border-bottom:4px solid #b1b9d0}.hud-label{display:flex;justify-content:space-between;font:bold italic 22px monospace;letter-spacing:2px;color:#ffeb9e;text-shadow:2px 2px #9b3a32}.hud-label span{font-size:19px}.meter{height:18px;border:3px solid #f5e4b5;background:repeating-linear-gradient(90deg,#ffcf55 0 24px,#aa702d 25px 27px);box-shadow:2px 2px #080c26;margin-top:5px}.portrait-row{display:flex;align-items:center;gap:10px;margin-top:7px;font-weight:bold;font-size:13px}.portrait-row small{display:block;font:8px monospace;letter-spacing:2px;margin-top:4px;color:#c8d1fa}.portrait{width:39px;height:38px;overflow:hidden;border:2px solid #e7cc8b;background:#5578b0}.portrait img{width:40px;transform:scale(1.65);transform-origin:50% 10%}.missing{display:grid;place-items:center;font:bold 27px monospace;background:#674634}.pink .portrait-row{justify-content:end;text-align:right}.ko-panel{text-align:center;font-weight:bold;font-family:monospace}.ko-panel>b{display:block;background:#efdc9b;color:#9b3028;font-size:24px;line-height:26px;border:2px solid #a98051}.ko-panel>span{font-size:40px;line-height:44px;display:block;color:#ffe999;text-shadow:3px 3px #a43728}.ko-panel small{font-size:9px;letter-spacing:2px}.arena{height:340px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 100px 1fr;background:linear-gradient(#3587b1 0%,#85bcc1 65%,#4b7a88 65%)}.arena:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#041d3330 3px 4px);z-index:3}.cloud{position:absolute;top:30px;width:200px;height:18px;background:#bdd6d2;box-shadow:22px -12px #bdd6d2,50px 10px #bdd6d2;opacity:.55}.c1{left:6%}.c2{right:2%;top:60px}.mountain{position:absolute;inset:25% 0 70px;background:#386477;clip-path:polygon(0 60%,12% 20%,26% 65%,40% 35%,50% 60%,65% 5%,79% 60%,90% 15%,100% 65%,100% 100%,0 100%)}.temple{position:absolute;bottom:64px;left:-2%;right:-2%;height:165px}.roof{height:65px;background:repeating-linear-gradient(90deg,#263f51 0 12px,#7e9a9d 13px 16px,#3e5966 17px 24px);clip-path:polygon(0 10%,12% 55%,35% 55%,47% 15%,50% 0,53% 15%,65% 55%,88% 55%,100% 10%,97% 85%,75% 100%,25% 100%,3% 85%)}.hall{height:110px;background:repeating-linear-gradient(90deg,#293747 0 8px,#677c88 9px 11px,#203445 12px 19px);border-top:10px solid #a0b1b0;border-bottom:10px solid #bd995e;text-align:center}.hall span{display:inline-block;background:#412f31;border:3px solid #ad8f57;padding:8px 20px;color:#e8c78b;font-size:14px;letter-spacing:7px}.floor{position:absolute;bottom:0;height:66px;width:100%;background:repeating-linear-gradient(0deg,transparent 0 20px,#725437 21px 24px),repeating-linear-gradient(90deg,#bd9d69 0 85px,#e5c28a 86px 90px);border-top:7px solid #f1ce91}.stage-label{position:absolute;top:14px;left:0;right:0;text-align:center;font:bold 9px monospace;letter-spacing:3px;color:#f6e5ba;text-shadow:2px 2px #23445c}.fighter{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:end;padding-bottom:10px}.character{height:265px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(6px 7px 0 #12243b66);animation:idle 2.8s ease-in-out infinite}.name{font:bold italic 19px monospace;color:#fff0b9;text-shadow:2px 2px #14234c;margin-top:3px;letter-spacing:3px}.platform{position:absolute;width:150px;height:16px;background:#16243866;border-radius:50%;bottom:34px;z-index:-1}.versus{align-self:center;text-align:center;z-index:2;font:italic 900 52px monospace;color:#ffdc78;text-shadow:3px 3px #af4431,5px 5px #253d56}.versus small{display:block;font:bold 10px monospace;letter-spacing:2px;margin-top:8px;color:#fff0c5;text-shadow:2px 2px #172442}.awaiting-character{height:265px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:140px;clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);background:#192849aa;border:3px solid #d9c188;color:#ffe1a6}.awaiting-character>span{font:bold 100px monospace;text-shadow:4px 4px #9b593c}.awaiting-character b{letter-spacing:4px}.awaiting-character small{font-size:10px;margin-top:10px}.topicbar{display:flex;justify-content:space-between;gap:15px;background:#101b59;border-top:3px solid #d4b675;padding:12px 18px;font-size:11px;color:#eee0b4}.topicbar span:first-child{overflow-wrap:anywhere}.question-box{margin-top:23px}.window-title,.answer header{display:flex;justify-content:space-between;gap:12px;padding:11px 16px;background:#263c9a;border-bottom:3px solid #cfb878;font-size:12px;letter-spacing:1px;font-weight:bold}.window-title>span:last-child{color:#f6d67c}.controls{display:grid;grid-template-columns:1fr 180px;gap:16px;padding:16px 16px 10px}textarea{width:100%;resize:vertical;min-height:75px;background:#0d1a61;border:2px solid #8a9cde;color:#fff1c5;padding:13px;font-size:14px;line-height:1.7;box-shadow:inset 3px 3px #080f3a}textarea::placeholder{color:#c5c9e3}.primary{border:3px solid #ffedac;background:#ab302f;color:#fff0b8;font-size:17px;font-weight:bold;text-shadow:2px 2px #5c1924;box-shadow:inset 3px 3px #de7451,inset -3px -3px #701e32,3px 3px #080e37;min-height:64px}.primary span{display:block;font:bold italic 19px monospace;color:#ffda71;margin-top:5px}.primary:hover:not(:disabled){background:#c74130}.helper{display:flex;justify-content:space-between;gap:15px;padding:0 17px 13px;font-size:10px;color:#cbd3f5;line-height:1.6}.below{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:23px}.answer header{color:#def4ff}.answer.p2 header{background:#77342f;color:#ffe3bc}.demo{font:9px monospace;align-self:center;letter-spacing:1px}.answer-content{padding:16px}.answer p{font-size:14px;line-height:1.9;min-height:60px;margin:0 0 15px;color:#f3edcf}.source{padding-top:12px;border-top:1px dashed #91a1dc;color:#c4cdef;font-size:10px}.vote{display:flex;justify-content:space-between;gap:10px;align-items:center;width:100%;padding:13px;margin-top:16px;border:2px solid #d8cb95;background:#e1c174;color:#292039;box-shadow:inset 2px 2px #fff0b9,inset -2px -2px #9f793b,3px 3px #091139;font-weight:bold;font-size:13px;min-height:46px}.vote span{font:10px monospace}.vote:hover:not(:disabled){background:#ffdc89}.vote:disabled{background:#263979;color:#a9b3d8;border-color:#7c88b2;box-shadow:none;cursor:default}button:disabled{cursor:default}.notice{margin-top:26px;border-top:2px solid #5b68a1;padding-top:16px;color:#b5bedc;font-size:10px;line-height:1.8}.notice b{display:block;color:#eed18b;font:bold italic 15px monospace;letter-spacing:1px;margin-bottom:8px}.notice span{display:block}#result{position:absolute;inset:0;background:#111f69f5;display:none;align-items:center;justify-content:center;text-align:center;z-index:6}#result h2{color:#ffe69f;text-shadow:3px 3px #ad3c2d;font-style:italic}#result p{font-size:12px}#result .primary{padding:12px 25px}.ko{font:italic 900 70px monospace;color:#ffdc78;text-shadow:5px 5px #ae382d}.silhouette{font-size:48px;filter:brightness(0)}@keyframes idle{50%{transform:translateY(-5px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:650px){main{padding:20px 12px}.top{padding:15px;gap:14px}.logo{font-size:18px}.logo span{font-size:24px}.tag{font-size:7px;letter-spacing:1px}.credit{font-size:7px;letter-spacing:0}.heading{display:block}h1{font-size:25px}h1 span{font-size:10px;letter-spacing:1px;margin-left:8px}.eyebrow{font-size:8px;letter-spacing:1px}.round-info{text-align:left;margin-top:18px;font-size:9px}.rounds{justify-content:start;margin-top:8px}.scoreboard{grid-template-columns:1fr 45px 1fr;gap:10px;padding:12px 10px 8px}.hud-label{font-size:15px;letter-spacing:0}.hud-label span{font-size:12px}.meter{height:13px;border-width:2px}.portrait-row{font-size:10px;gap:5px}.portrait{width:28px;height:30px}.portrait img{width:30px}.portrait-row small{font-size:6px;letter-spacing:0}.ko-panel>b{font-size:18px;line-height:19px}.ko-panel>span{font-size:27px;line-height:32px}.ko-panel small{font-size:7px;letter-spacing:0}.arena{height:285px;grid-template-columns:1fr 50px 1fr}.character{height:220px;max-width:130px}.awaiting-character{height:210px;width:105px}.awaiting-character>span{font-size:70px}.awaiting-character small{font-size:8px}.versus{font-size:34px}.versus small{font-size:7px;letter-spacing:0}.name{font-size:16px}.temple{bottom:58px;height:155px}.hall span{font-size:9px;letter-spacing:3px;padding:7px 12px}.stage-label{font-size:7px;letter-spacing:1px}.topicbar{padding:10px;font-size:9px}.topicbar>span:last-child{display:none}.controls{grid-template-columns:1fr;padding:12px;gap:12px}.primary{min-height:56px;display:flex;align-items:center;justify-content:center;gap:15px}.primary span{margin:0}.helper{padding:0 12px 12px;display:block}.helper>span{display:block}.helper #status{margin-top:6px;color:#ffe09d}.below{grid-template-columns:1fr;gap:18px}.window-title,.answer header{padding:10px 12px;font-size:11px}.answer p{min-height:48px}.notice{font-size:9px}.notice b{font-size:12px}.platform{width:105px}.question-box,.below{margin-top:18px}}
.puma-character{animation-delay:-1.4s}.puma-portrait img{width:39px;transform:scale(1.65);transform-origin:50% 12%}@media(max-width:650px){.puma-portrait img{width:29px}}
/* Reference 04: sunset rooftop fighting stage. */
:root{--blue:#41201d;--deep:#241415;--navy:#160e12;--gold:#f4bd58;--paper:#ffdf98;--muted:#d3ad84;--cyan:#ffdf98;--pink:#ffb17a}
body{background:repeating-linear-gradient(0deg,#190e12 0 2px,#211114 2px 4px)}.top{background:#291313;border-bottom-color:#9f552b}.tag{color:#e6b981}.credit{color:#f4c065}.heading .eyebrow{color:#f4ba55}h1{color:#ffdc8a;text-shadow:3px 3px #8e271e}h1 span{color:#d0a276}.round-info{color:#e7b579}.rounds i{background:#49292a;border-color:#98634b}.rounds .on{background:#ffcc52;border-color:#ffdf98}.cabinet,.question-box,.answer{background:#3b201d;border-color:#bd8247;box-shadow:inset 0 0 0 3px #6f3828,0 0 0 2px #10090d,5px 5px #10090d}.scoreboard{background:linear-gradient(#4d0b0e,#821e12);border-bottom:3px solid #df8d37;padding-top:12px;gap:16px}.hud-label{color:#ffe187;text-shadow:2px 2px #823b8c}.meter{height:20px;border:3px solid #fff1c8;background:linear-gradient(90deg,#fff538 0 75%,#cf2820 75%);box-shadow:2px 2px #38110c}.pink .meter{background:linear-gradient(90deg,#cf2820 0 25%,#fff538 25%)}.ko-panel>b{background:#bd2420;border-color:#200b0c;color:#150b0c;text-shadow:1px 1px #eb5c35}.ko-panel>span{color:#ffcd62;text-shadow:2px 2px #7061b5}.ko-panel small{color:#f4b66e}.portrait{background:#9c442e;border-color:#e9ae5f}.portrait-row small{color:#e3b68f}.arena{height:365px;background:linear-gradient(#500606 0%,#931608 25%,#c9430c 48%,#f88814 68%,#ffba36 78%,#813616 79%)}.cloud{height:7px;background:#f4972877;box-shadow:30px -13px #e66e2077,80px 16px #ffb93966,15px 35px #d9641e66;width:250px;opacity:.85}.c1{top:40px}.c2{top:100px}.mountain{background:#431b16;opacity:.7;inset:35% 0 70px}.temple{height:198px;bottom:66px}.roof{height:83px;background:repeating-linear-gradient(90deg,#221a17 0 10px,#74613c 11px 14px,#3d3020 15px 24px);clip-path:polygon(0 5%,10% 55%,33% 55%,44% 18%,48% 12%,50% 0,52% 12%,56% 18%,67% 55%,90% 55%,100% 5%,98% 80%,75% 100%,25% 100%,2% 80%)}.hall{height:121px;background:repeating-linear-gradient(90deg,#422d25 0 7px,#a0805a 8px 12px,#614634 13px 17px,#2b211e 18px 22px);border-top:10px solid #b39463;border-bottom:9px solid #c38b48}.hall span{background:#211b16;border-color:#937044;color:#eac881;box-shadow:3px 3px #211210}.floor{height:68px;background:repeating-linear-gradient(5deg,transparent 0 10px,#e6b16c44 11px 12px,transparent 13px 19px),repeating-linear-gradient(0deg,#ca955c 0 23px,#8e512f 24px 27px,#dbac70 28px 30px);border-top:6px solid #efbc78}.stage-label{color:#ffdf8b;text-shadow:2px 2px #682118}.character{height:285px}.awaiting-character{height:285px}.versus{color:#ffe04f;text-shadow:3px 3px #a52115,5px 5px #491414}.versus small{color:#ffdb92}.topicbar{background:#291717;border-color:#b97d43;color:#e9bd83}.window-title,.answer header{background:#6f2b20;border-color:#c48a4e;color:#ffe1a0}.answer.p2 header{background:#8c3421;color:#ffe1a0}.demo{color:#e9bd8e}.controls textarea{background:#231719;border-color:#a86e44;color:#ffe5ae;box-shadow:inset 3px 3px #160f12}.controls textarea::placeholder{color:#cba983}.primary{background:#a8251c;border-color:#ffd786;box-shadow:inset 3px 3px #e36b34,inset -3px -3px #6c1716,3px 3px #1d1011}.helper{color:#d6af88}.answer p{color:#f4d7aa}.source{border-color:#a87852;color:#cfa782}.vote{background:#dfb466;border-color:#ffe5a4;color:#382018;box-shadow:inset 2px 2px #ffe3a4,inset -2px -2px #986537,3px 3px #1e1012}.vote:disabled{background:#53362b;color:#ba9678;border-color:#916d4a}.vote:hover:not(:disabled){background:#f9cd77}.notice{border-color:#75462f;color:#bd9779}.notice b{color:#e9b768}#result{background:#381412f5}#result h2{color:#ffe095}.name{color:#ffdf97;text-shadow:2px 2px #54241d}.arena:after{background:repeating-linear-gradient(0deg,transparent 0 3px,#17050738 3px 4px)}
@media(max-width:650px){.arena{height:300px}.character{height:235px}.temple{height:180px;bottom:58px}.hall{height:109px}.roof{height:72px}.meter{height:14px;border-width:2px}.scoreboard{gap:8px}.helper #status{color:#ffd18b}}
/* Soft daylight arcade palette — no white surfaces. */
:root{--blue:#d3dfcb;--deep:#b7cbbd;--navy:#33465a;--gold:#d4ad68;--paper:#33465a;--muted:#596a70;--cyan:#44646e;--pink:#865c50}
body{color:#33465a;background:repeating-linear-gradient(0deg,#e5d8b9 0 3px,#e2d5b5 3px 4px)}.top{background:#c5d6ce;border-color:#8b9e91;box-shadow:0 4px #a1b4ab}.logo{color:#f1cc8f;text-shadow:2px 2px #987257,4px 4px #4b6269}.tag,.credit{color:#445e68}.heading .eyebrow{color:#6e6454}h1{color:#405e6b;text-shadow:2px 2px #b2c8bb}h1 span{color:#6c776c}.round-info{color:#4f666d}.rounds i{background:#c0cbb7;border-color:#8c9f92}.rounds .on{background:#ddad73;border-color:#9f815c}.cabinet,.question-box,.answer{background:#d4dfca;border-color:#7f9992;box-shadow:inset 0 0 0 3px #c0cdb5,0 0 0 2px #b8c0a6,5px 5px #a9b49e}.scoreboard{background:#c9d9cb;border-color:#8da99f}.hud-label{color:#3c5966;text-shadow:1px 1px #e4c89d}.meter{background:linear-gradient(90deg,#dfc27e 0 75%,#ca9182 75%);border-color:#6a8584;box-shadow:2px 2px #a0b6a5}.pink .meter{background:linear-gradient(90deg,#ca9182 0 25%,#dfc27e 25%)}.ko-panel>b{background:#dca18c;border-color:#8c7665;color:#4f5660;text-shadow:none}.ko-panel>span{color:#405d6b;text-shadow:2px 2px #ddc395}.ko-panel small,.portrait-row small{color:#566a6c}.portrait{background:#aec8ca;border-color:#839a91}.arena{background:linear-gradient(#94bdc6 0%,#b0c9c5 38%,#d9c99d 68%,#e6bf8d 78%,#b5bca0 79%)}.cloud{background:#e4d3a7;box-shadow:30px -13px #decdab,80px 16px #e2d4b1,15px 35px #d5c7a8;opacity:.6}.mountain{background:#8faeaa}.roof{background:repeating-linear-gradient(90deg,#607f80 0 10px,#9bb4a7 11px 14px,#79958d 15px 24px)}.hall{background:repeating-linear-gradient(90deg,#9d9b80 0 7px,#c4bd99 8px 12px,#b1aa8a 13px 17px,#8f9984 18px 22px);border-color:#c9bb91}.hall span{background:#b5c4ae;border-color:#899987;color:#4b625e;box-shadow:3px 3px #889c8e}.floor{background:repeating-linear-gradient(5deg,transparent 0 10px,#d9c79d66 11px 12px,transparent 13px 19px),repeating-linear-gradient(0deg,#cdb18b 0 23px,#aa9475 24px 27px,#dbc49a 28px 30px);border-color:#d9bd8c}.stage-label{color:#3d5b63;text-shadow:1px 1px #d8d0ad}.versus{color:#edc589;text-shadow:3px 3px #a47760,5px 5px #68858a}.versus small{color:#344e59;text-shadow:1px 1px #d2c99e}.name{color:#344e59;text-shadow:1px 1px #ddc99c}.arena:after{background:repeating-linear-gradient(0deg,transparent 0 3px,#4e6c7114 3px 4px)}.topicbar{background:#c3d4c7;border-color:#819f93;color:#415b62}.window-title,.answer header{background:#adc8c4;border-color:#879f91;color:#324d59}.answer.p2 header{background:#ddba9e;color:#624f47}.window-title>span:last-child,.demo{color:#52666c}.controls textarea{background:#e2d5b4;border-color:#98a58c;color:#344e59;box-shadow:inset 3px 3px #c3ba9b}.controls textarea::placeholder{color:#63726c}.primary{background:#ddae8e;border-color:#9d8c71;color:#3f5360;text-shadow:none;box-shadow:inset 3px 3px #e7c6a0,inset -3px -3px #bd947c,3px 3px #9bab98}.primary span{color:#635448}.primary:hover:not(:disabled){background:#e5bc98}.helper{color:#52686a}.answer p{color:#354d53}.source{border-color:#9eaf94;color:#586c65}.vote{background:#dfc992;border-color:#9e9f7e;color:#435960;box-shadow:inset 2px 2px #ead8a5,inset -2px -2px #c1ac7a,3px 3px #a0b29c}.vote:disabled{background:#c2cbb4;color:#66776a;border-color:#9eae96}.vote:hover:not(:disabled){background:#ead5a1}.notice{border-color:#a0af95;color:#586c68}.notice b{color:#49616a}#result{background:#c8d8c9f5}#result h2{color:#3b5865;text-shadow:2px 2px #d6b78e}.ko{color:#dcaa82;text-shadow:3px 3px #8d7e70}.eyebrow{color:#586e6b}button:focus-visible,textarea:focus-visible,a:focus-visible{outline-color:#496f83}@media(max-width:650px){.helper #status{color:#405e68}}
/* Image rigs translate independently from labels; positive direction faces center. */
.fighter{--direction:1;--stride:22px;--advance:28px}.fighter.pink{--direction:-1}.motion-rig{position:relative;display:flex;justify-content:center;transform-origin:50% 100%;animation:patrol 5.6s ease-in-out infinite}.fighter.pink .motion-rig{animation-delay:-2.1s}.motion-rig .character{display:block;animation:step-bob .7s ease-in-out infinite;transform-origin:50% 100%}.fighter.pink .character{animation-delay:-.35s}.motion-rig .platform{bottom:0;z-index:-1;animation:step-shadow .7s ease-in-out infinite}.fighter.answering .motion-rig{animation:approach .65s ease-out forwards}.fighter.answering .character{animation:talk-bob 1.4s ease-in-out infinite}.fighter.won .motion-rig{animation:victory-hop 1.35s ease-out both}.fighter.won .character,.fighter.lost .character{animation:none}.fighter.won .platform{animation:jump-shadow 1.35s ease-out both}.fighter.lost .motion-rig{animation:retreat 1.35s ease-out both}.motion-toggle{position:absolute;top:10px;right:10px;z-index:4;background:#dccb9d;color:#344e59;border:1px solid #637e77;min-height:32px;padding:5px 8px;font-size:10px;cursor:pointer}.motion-paused .motion-rig,.motion-paused .character,.motion-paused .platform{animation-play-state:paused!important}
@keyframes patrol{0%,100%{transform:translateX(calc(var(--stride) * -.65 * var(--direction)))}50%{transform:translateX(calc(var(--stride) * var(--direction)))}}
@keyframes step-bob{0%,50%,100%{transform:translateY(0) rotate(-.6deg)}25%,75%{transform:translateY(-4px) rotate(.6deg)}}
@keyframes step-shadow{50%{scale:.92;opacity:.7}}
@keyframes approach{from{transform:translateX(0)}to{transform:translateX(calc(var(--advance) * var(--direction)))}}
@keyframes talk-bob{50%{transform:translateY(-3px) rotate(1deg)}}
@keyframes victory-hop{0%{transform:translateX(0)}30%{transform:translate(calc(var(--advance) * var(--direction)),-22px) rotate(calc(-3deg * var(--direction)))}55%{transform:translate(calc(var(--advance) * var(--direction)),0)}75%{transform:translate(calc(var(--advance) * var(--direction)),-8px)}100%{transform:translate(0,0)}}
@keyframes jump-shadow{30%{scale:.72;opacity:.5}55%,100%{scale:1;opacity:1}}
@keyframes retreat{0%{transform:translateX(0)}40%,70%{transform:translateX(calc(var(--advance) * -1 * var(--direction))) rotate(calc(4deg * var(--direction)))}100%{transform:translateX(0)}}
@media(max-width:650px){.fighter{--stride:8px;--advance:12px}.motion-toggle{top:auto;bottom:7px;right:5px;min-height:32px;font-size:9px}.stage-label{top:12px}}
@media(prefers-reduced-motion:reduce){.motion-rig,.motion-rig .character,.motion-rig .platform{animation:none!important;transform:none!important}.motion-toggle{display:none}}
/* Phone landscape: a single-screen arcade console, not a scaled long page. */
@media (orientation:landscape) and (max-height:600px) and (max-width:1100px){
html,body{height:100%;overflow:hidden}body{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.top{height:37px;padding:5px 14px;gap:16px;border-bottom-width:2px;box-shadow:none}.logo{font-size:12px;line-height:1;transform:none}.logo span{display:inline;font-size:16px;margin-left:4px}.tag{font-size:7px;line-height:1.2;letter-spacing:1px}.credit{font-size:7px;line-height:1.3;letter-spacing:1px}main{height:calc(100% - 37px);width:100%;max-width:none;padding:5px 10px 9px;display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);grid-template-rows:24px minmax(0,1fr) 78px;gap:7px 10px}.heading{grid-column:1/-1;margin:0;display:flex;align-items:center}.eyebrow,h1 span,.rounds{display:none}h1{font-size:16px;margin:0;text-shadow:1px 1px #b2c8bb}.round-info{margin:0;font-size:9px;text-align:right}.cabinet{grid-column:1;grid-row:2/4;min-height:0;display:flex;flex-direction:column;border-width:2px;box-shadow:2px 2px #a9b49e;overflow:hidden}.scoreboard{flex:0 0 65px;grid-template-columns:1fr 40px 1fr;gap:8px;padding:5px 8px;border-bottom-width:2px}.hud-label{font-size:13px;letter-spacing:0}.hud-label span{font-size:11px}.meter{height:9px;margin-top:3px;border-width:1px;box-shadow:none}.portrait-row{margin-top:3px;font-size:9px;gap:4px}.portrait{width:22px;height:22px;border-width:1px}.portrait img,.puma-portrait img{width:22px}.portrait-row small{display:none}.ko-panel>b{font-size:14px;line-height:16px;border-width:1px}.ko-panel>span{font-size:23px;line-height:25px}.ko-panel small{font-size:7px;letter-spacing:0}.arena{flex:1;min-height:0;height:auto;grid-template-columns:1fr 38px 1fr}.fighter{padding-bottom:5px;--stride:7px;--advance:9px;min-height:0}.motion-rig{height:calc(100% - 21px);max-height:180px;align-items:end;min-height:0}.character{height:100%;max-width:110px;width:auto;object-fit:contain}.name{font-size:11px;letter-spacing:1px;margin-top:2px;line-height:14px}.platform{width:75px;height:8px}.versus{font-size:26px}.versus small{font-size:7px;letter-spacing:0}.stage-label{top:6px;font-size:6px;letter-spacing:1px}.temple{bottom:34px;height:110px}.roof{height:47px}.hall{height:70px;border-top-width:5px;border-bottom-width:4px}.hall span{font-size:7px;padding:4px 8px;letter-spacing:2px;border-width:1px}.floor{height:38px;border-top-width:3px}.cloud{width:100px;height:4px}.c1{top:23px}.c2{top:48px}.motion-toggle{top:auto;bottom:3px;right:4px;font-size:8px;min-height:24px;padding:3px 5px}.topicbar{flex:0 0 25px;min-height:25px;padding:5px 7px;border-top-width:1px;font-size:9px;line-height:13px}.topicbar span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topicbar span:last-child{display:none}.below{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr 1fr;min-height:0;gap:8px;margin:0}.answer{min-height:0;display:flex;flex-direction:column;border-width:2px;box-shadow:2px 2px #a9b49e}.answer header{padding:6px 7px;font-size:10px;border-bottom-width:2px;flex:0 0 auto}.demo{font-size:6px;letter-spacing:0}.answer-content{padding:7px;display:flex;flex-direction:column;flex:1;min-height:0}.answer p{font-size:11px;line-height:1.65;min-height:0;margin:0 0 5px;flex:1;overflow:auto;overscroll-behavior:contain}.source{padding-top:5px;font-size:8px;line-height:1.4;flex:0 0 auto}.vote{margin-top:6px;padding:6px;min-height:34px;font-size:10px;gap:3px;flex:0 0 auto;box-shadow:none}.vote span{font-size:7px}.question-box{grid-column:2;grid-row:3;margin:0;min-height:0;display:grid;grid-template-rows:19px 1fr;border-width:2px;box-shadow:2px 2px #a9b49e}.window-title{padding:3px 7px;font-size:9px;line-height:11px;border-bottom-width:1px}.controls{padding:5px 6px;grid-template-columns:minmax(0,1fr) 92px;gap:7px;min-height:0}.controls textarea{resize:none;min-height:0;height:100%;padding:5px 7px;font-size:11px;line-height:1.5;border-width:1px}.primary{min-height:0;border-width:2px;font-size:11px;display:block;padding:3px;box-shadow:inset 2px 2px #e7c6a0,inset -2px -2px #bd947c}.primary span{font-size:12px;margin-top:2px}.helper,.notice{display:none}#result h2{font-size:19px;margin:5px}.ko{font-size:40px}.silhouette{font-size:25px}#result p{font-size:10px;margin:5px}#result .primary{min-height:32px;padding:5px 12px}.arena .eyebrow{display:block;font-size:8px}
}
/* Desktop: fit a complete match console within a 1080p viewport. */
@media(min-width:651px) and (min-height:650px){
html,body{height:100%;overflow:hidden}body{height:100dvh}.top{height:64px;padding:10px max(24px,calc((100% - 1660px)/2));border-bottom-width:3px;box-shadow:none}.logo{font-size:20px}.logo span{font-size:27px}.tag,.credit{font-size:9px}main{height:calc(100% - 64px);width:100%;max-width:1700px;margin:auto;padding:14px 24px 18px;display:grid;grid-template-columns:1fr;grid-template-rows:46px minmax(0,1fr) 99px minmax(165px,24%);gap:13px}.heading{margin:0;align-items:center}h1{font-size:25px;margin:4px 0 0}.heading .eyebrow{font-size:9px}.round-info{font-size:11px}.rounds{margin-top:7px}.cabinet{min-height:0;display:flex;flex-direction:column;overflow:hidden}.scoreboard{flex:0 0 93px;padding:8px 20px;grid-template-columns:1fr 65px 1fr;gap:22px}.hud-label{font-size:20px}.hud-label span{font-size:17px}.meter{height:14px;margin-top:3px;border-width:2px}.portrait-row{margin-top:5px;font-size:11px}.portrait{height:29px;width:30px}.portrait img,.puma-portrait img{width:30px}.portrait-row small{font-size:7px}.ko-panel>b{font-size:20px;line-height:22px}.ko-panel>span{font-size:32px;line-height:35px}.ko-panel small{font-size:8px}.arena{height:auto;min-height:0;flex:1;grid-template-columns:1fr 100px 1fr}.fighter{min-height:0;padding-bottom:7px}.motion-rig{height:calc(100% - 28px);max-height:310px;min-height:0;align-items:end}.character{height:100%;width:auto;max-width:190px;object-fit:contain}.name{font-size:16px;line-height:19px;margin-top:3px}.platform{width:130px;height:12px}.stage-label{top:10px}.temple{height:160px;bottom:43px}.roof{height:65px}.hall{height:102px}.floor{height:48px}.topicbar{flex:0 0 29px;min-height:0;padding:7px 15px;font-size:10px;border-top-width:2px;line-height:13px}.topicbar span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-box{margin:0;min-height:0;display:grid;grid-template-rows:25px minmax(0,1fr)}.window-title{padding:5px 13px;font-size:10px;border-bottom-width:2px;line-height:13px}.controls{min-height:0;padding:7px 10px;gap:12px;grid-template-columns:minmax(0,1fr) 165px}.controls textarea{height:100%;min-height:0;resize:none;padding:8px 12px;font-size:13px;line-height:1.6}.primary{min-height:0;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px}.primary span{font-size:16px;margin:0}.helper{display:none}.below{margin:0;min-height:0;gap:16px}.answer{min-height:0;display:flex;flex-direction:column}.answer header{padding:8px 13px;font-size:12px;flex:0 0 auto;border-bottom-width:2px}.answer-content{padding:10px 13px;flex:1;min-height:0;display:flex;flex-direction:column}.answer p{font-size:13px;line-height:1.8;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;margin:0 0 7px}.source{padding-top:6px;font-size:9px;flex:0 0 auto}.vote{margin-top:8px;min-height:36px;padding:8px 12px;font-size:12px;flex:0 0 auto}.notice{display:none}
}
/* Reading takes priority: taller answers and larger desktop type. */
@media(min-width:651px) and (min-height:650px){
main{grid-template-rows:42px minmax(0,1fr) 91px minmax(245px,36%);gap:11px}.answer header{padding:10px 16px;font-size:15px}.demo{font-size:10px}.answer-content{padding:13px 16px}.answer p{font-size:18px;line-height:1.85;margin-bottom:10px}.source{font-size:11px;line-height:1.6;padding-top:8px}.vote{font-size:15px;min-height:43px;padding:10px 13px;margin-top:10px}.vote span{font-size:11px}.controls textarea{font-size:16px;padding:7px 12px}.window-title{font-size:11px}.primary{font-size:15px}.scoreboard{flex-basis:79px;padding:5px 18px}.portrait{width:25px;height:24px}.portrait img,.puma-portrait img{width:25px}.hud-label{font-size:18px}.hud-label span{font-size:15px}.meter{height:12px}.portrait-row{margin-top:3px}.ko-panel>b{font-size:17px;line-height:19px}.ko-panel>span{font-size:27px;line-height:29px}.ko-panel small{font-size:7px}.temple{height:120px;bottom:34px}.roof{height:48px}.hall{height:79px}.floor{height:39px}.hall span{font-size:11px;padding:5px 14px}.motion-rig{max-height:245px}
}
@media(min-width:651px) and (min-height:650px) and (max-height:800px){
main{padding-top:8px;padding-bottom:12px;grid-template-rows:32px minmax(0,1fr) 77px minmax(255px,39%);gap:8px}.heading .eyebrow{display:none}.answer header{padding:7px 13px}.answer-content{padding:10px 13px}.answer p{font-size:17px;line-height:1.75}.source{padding-top:5px;font-size:10px}.vote{margin-top:7px;min-height:40px;padding:8px 11px}.scoreboard{flex-basis:67px}.portrait-row{display:none}.ko-panel small{display:none}.stage-label{display:none}.topicbar{flex-basis:24px;padding:4px 10px}.name{font-size:12px;line-height:14px}.fighter{padding-bottom:3px}.motion-rig{height:calc(100% - 20px)}.primary span{font-size:14px}.controls textarea{font-size:15px;line-height:1.5;padding:5px 10px}
}
@media(max-width:650px) and (orientation:portrait){.answer p{font-size:16px;line-height:1.9;min-height:110px}.answer header{font-size:13px}.answer-content{padding:16px}.vote{font-size:14px;min-height:48px}.controls textarea{font-size:16px}}
@media(min-width:651px) and (min-height:650px){.controls{grid-template-columns:minmax(0,1fr) 210px}.primary,.primary span{white-space:nowrap}}
.rank-link{color:#365563;font-size:12px;font-weight:bold;display:inline-block;margin:10px;text-decoration:underline}.result-entry{margin:12px auto 6px;max-width:360px}.result-entry label{display:block;font-size:13px;font-weight:bold;margin-bottom:8px}.result-entry>div{display:flex;gap:6px}.result-entry input{min-width:0;width:180px;background:#e5d5b0;border:2px solid #819b8e;padding:8px;color:#344e59;font:14px Arial}.result-entry button{background:#ddae8e;color:#344e59;border:2px solid #819b8e;padding:7px;font-weight:bold;min-height:38px}.save-status{font-size:10px!important;line-height:1.5;margin:7px!important}.result-entry input:focus-visible,.result-entry button:focus-visible{outline:3px solid #496f83;outline-offset:2px}#result{overflow:auto;padding:10px}#result .silhouette{display:none}@media(orientation:landscape) and (max-height:600px){#result>div{width:100%}#result .ko{font-size:25px}#result h2{font-size:16px}#result .eyebrow{display:none}.result-entry{margin:6px auto}.result-entry label{font-size:11px;margin:3px}.result-entry input{width:140px}.result-entry input,.result-entry button{padding:5px;font-size:12px;min-height:30px}#result .rank-link{margin:5px}.top .rank-link{margin:0;font-size:10px}}
/* Battle header leaderboard entry stays at the true horizontal center. */
.top{position:relative}.top>.rank-link{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:7px 14px;border:2px solid #849b87;background:#ddcd9e;color:#365563;text-decoration:none;white-space:nowrap;font-size:13px;line-height:1.3;min-height:34px;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px #a0b29c}.top>.rank-link:hover{background:#e8d6a5}.top .credit{margin-left:auto}
@media(max-width:650px){.top{gap:8px}.top>.rank-link{font-size:11px;padding:6px 9px;min-height:32px}.top .credit{font-size:6px;max-width:75px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){.top>.rank-link{font-size:10px;padding:3px 10px;min-height:26px}}
.source a{color:#365563;display:inline-block;text-decoration:underline}.source{max-height:55px;overflow:auto}.answer p{white-space:pre-wrap}
/* Scores fill each fighter's bar from the outside toward the center. */
.meter,.pink .meter{background:#c5baa0;overflow:hidden}.meter>i{display:block;height:100%;width:0;background:#d6b768;transition:width .4s ease-out;box-shadow:inset 0 2px #e4cd8e}.pink .meter>i{margin-left:auto;background:#d49c80;box-shadow:inset 0 2px #e6b69b}.powered{position:fixed;bottom:3px;right:14px;font:10px/14px Arial,'Microsoft JhengHei',sans-serif;color:#365563;z-index:5;pointer-events:none}.notice b{letter-spacing:1px}@media(min-width:651px) and (min-height:650px){main{padding-bottom:24px}}@media(max-width:650px) and (orientation:portrait){.powered{position:static;padding:8px 14px 14px;text-align:right}}@media(orientation:landscape) and (max-height:600px){.powered{bottom:0;font-size:7px;line-height:9px}.topicbar span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.meter>i{transition:none}}
/* Fighter outcome typography: preview style, driven by real verdict states later. */
.fighter .outcome{position:absolute;left:50%;top:9%;translate:-50% 0;z-index:8;white-space:nowrap;font:italic 1000 clamp(28px,3vw,56px)/1.05 Impact,'Arial Black',sans-serif;letter-spacing:1px;paint-order:stroke fill;-webkit-text-stroke:3px #4a635d;color:#ebc879;text-shadow:3px 4px #af8c61,5px 6px #536b63;animation:outcome-pop .45s cubic-bezier(.2,.9,.3,1.4) both,outcome-float 1.2s .45s ease-in-out infinite}.fighter .outcome.lose{color:#c85e53;-webkit-text-stroke:3px #e7d7ac;text-shadow:3px 4px #72564e,5px 6px #526b62;animation:outcome-pop .45s cubic-bezier(.2,.9,.3,1.4) both,outcome-shake .7s .45s ease-in-out infinite}.fighter .outcome.round{font-size:clamp(32px,3.5vw,66px);top:6%}.fighter .outcome:before{content:'★';display:block;font-size:16px;text-align:center;margin-bottom:5px;-webkit-text-stroke:0}.fighter .outcome.lose:before{content:'▼'}@keyframes outcome-pop{from{opacity:0;transform:scale(.35) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(-6deg)}}@keyframes outcome-float{50%{transform:translateY(-6px) rotate(-3deg)}}@keyframes outcome-shake{25%{transform:translateX(-3px) rotate(2deg)}75%{transform:translateX(3px) rotate(-2deg)}}@media(max-width:650px){.fighter .outcome{font-size:27px;top:10%;-webkit-text-stroke:2px #4a635d}.fighter .outcome.round{font-size:31px}.fighter .outcome.lose{-webkit-text-stroke:2px #e7d7ac}}@media(orientation:landscape) and (max-height:600px){.fighter .outcome{font-size:23px;top:5%}.fighter .outcome.round{font-size:26px}.fighter .outcome:before{font-size:10px;margin:0}}@media(prefers-reduced-motion:reduce){.fighter .outcome{animation:none!important}}
@media(max-width:650px) and (orientation:portrait){.arena{height:420px}.motion-rig{height:352.5px;max-height:calc(100% - 32px)}.character{height:100%;max-width:165px}.name{font-size:21px;line-height:26px}.answer header{font-size:16px}.answer p{font-size:18px;line-height:1.85}.vote{font-size:16px}.window-title{font-size:13px;letter-spacing:0}.controls textarea{font-size:18px}.primary{font-size:19px}.hud-label{font-size:18px}.hud-label span{font-size:15px}.portrait-row{font-size:12px}.topicbar{font-size:12px}.top>.rank-link{font-size:13px}.motion-toggle{font-size:11px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){main{grid-template-columns:minmax(0,48fr) minmax(0,52fr);grid-template-rows:24px minmax(0,1fr) 80px}.scoreboard{flex-basis:53px}.portrait-row{display:none}.ko-panel small{display:none}.motion-rig{height:270px;max-height:calc(100% - 20px)}.character{height:100%;max-width:145px}.fighter{padding-bottom:2px}.name{font-size:14px;line-height:17px}.below{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:6px}.answer header{padding:4px 7px;font-size:12px}.answer-content{padding:5px 7px}.answer p{font-size:14px;line-height:1.6;margin-bottom:4px}.vote{font-size:12px;min-height:30px;margin-top:4px;padding:4px 7px}.vote span{font-size:8px}.controls textarea{font-size:14px;line-height:1.5}.primary{font-size:13px}.primary span{font-size:12px}.window-title{font-size:10px}.topicbar{font-size:10px;flex-basis:24px}.hud-label{font-size:16px}.hud-label span{font-size:13px}.top>.rank-link{font-size:12px}.top .logo{font-size:14px}.top .logo span{font-size:18px}.temple{height:130px}.hall{height:84px}}

/* Restore the approved desktop block order; enlarge only cast within the stage. */
.character{width:auto;max-width:none;object-fit:contain}.puma-character{height:102.97%;max-width:none;margin-bottom:-1.7%}
@media(min-width:651px) and (min-height:650px){main{grid-template-columns:1fr;grid-template-rows:32px minmax(0,1fr) 77px minmax(245px,36%);gap:9px;padding-top:10px;padding-bottom:24px}.heading,.cabinet,.question-box,.below{grid-column:auto;grid-row:auto}.below{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.scoreboard{flex-basis:59px;padding:5px 18px;grid-template-columns:1fr 65px 1fr}.portrait-row{display:none}.ko-panel>b{font-size:16px;line-height:18px}.ko-panel>span{font-size:25px;line-height:28px}.ko-panel small{display:none}.motion-rig{height:367.5px;max-height:calc(100% - 25px);align-items:end}.character{height:100%;max-width:none}.puma-character{height:102.97%}.name{font-size:18px;line-height:21px}.arena{grid-template-columns:1fr 100px 1fr}.answer p{font-size:20px;line-height:1.8}.answer header{font-size:16px}.vote{font-size:16px}.controls{grid-template-columns:minmax(0,1fr) 210px}.primary{display:flex;font-size:16px}.controls textarea{font-size:17px}.topicbar{flex-basis:29px}.temple{height:120px;bottom:34px}.roof{height:48px}.hall{height:79px}}
@media(min-width:651px) and (min-height:650px) and (max-height:800px){main{grid-template-rows:30px minmax(0,1fr) 77px minmax(245px,39%);gap:8px;padding-top:8px}.answer p{font-size:18px;line-height:1.75}.motion-rig{max-height:calc(100% - 23px)}.scoreboard{flex-basis:50px}.name{font-size:15px;line-height:18px}}
@media(max-width:650px) and (orientation:portrait){.motion-rig{width:100%;align-items:end}.character{height:100%;max-width:none;width:auto}.puma-character{height:102.97%;max-width:none}.arena{grid-template-columns:1fr 40px 1fr}.fighter{min-width:0}.name{font-size:20px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){.character{max-width:none}.puma-character{height:102.97%;max-width:none}}
@media(max-width:650px) and (orientation:portrait){.fighter.cyan .motion-rig{translate:6px 0}.fighter.pink .motion-rig{translate:-14px 0}}
/* Desktop prompt grows instead of becoming its own scroll area. */
@media(min-width:651px) and (min-height:650px){.controls textarea{overflow:hidden;resize:none;min-height:40px;height:auto}.question-box{grid-template-rows:25px auto}.controls{align-items:stretch}.controls .primary{min-height:40px}main{grid-template-rows:32px minmax(0,1fr) auto minmax(245px,36%)}}
/* Portrait phones: stage, both answers and input remain in one compact console. */
@media(max-width:650px) and (orientation:portrait){
html,body{height:100%;overflow:hidden}body{height:var(--battle-height,100dvh);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.top{height:44px;padding:6px 11px;border-bottom-width:2px;box-shadow:none}.logo{font-size:13px;line-height:.9;white-space:nowrap}.logo span{font-size:18px}.top>.rank-link{font-size:12px;padding:5px 11px;min-height:30px}.top .music-control summary{font-size:10px;min-height:28px}.top .music-control{margin-left:auto}main{height:calc(100% - 44px);width:100%;padding:5px 9px 14px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:22px clamp(150px,26dvh,220px) minmax(0,1fr) 100px;gap:7px;margin:0;max-width:none}.heading{grid-row:1;margin:0;display:flex;align-items:center;justify-content:space-between}.heading .eyebrow,h1 span,.rounds{display:none}h1{font-size:17px;margin:0;text-shadow:1px 1px #b2c8bb}.round-info{margin:0;font-size:8px;letter-spacing:0;text-align:right}.cabinet{grid-row:2;display:flex;flex-direction:column;min-height:0;overflow:hidden;border-width:2px;box-shadow:2px 2px #a9b49e}.scoreboard{flex:0 0 44px;padding:4px 8px;grid-template-columns:1fr 38px 1fr;gap:8px;border-bottom-width:2px}.hud-label{font-size:14px;letter-spacing:0}.hud-label span{font-size:12px}.meter{height:8px;border-width:1px;margin-top:3px;box-shadow:none}.portrait-row{display:none}.ko-panel>b{font-size:12px;line-height:13px;border-width:1px}.ko-panel>span{font-size:21px;line-height:23px}.ko-panel small{display:none}.arena{height:auto;min-height:0;flex:1;grid-template-columns:1fr 40px 1fr}.fighter{padding-bottom:2px;--stride:5px;--advance:7px;min-height:0}.motion-rig{height:calc(100% - 18px);max-height:calc(100% - 18px);width:100%;align-items:end}.character{height:100%;width:auto;max-width:none}.puma-character{height:102.97%}.fighter.cyan .motion-rig{translate:0 0}.fighter.pink .motion-rig{translate:0 0}.name{font-size:12px;line-height:14px;margin-top:1px}.platform{width:65px;height:7px}.versus{font-size:26px}.versus small{font-size:6px;letter-spacing:1px;margin-top:5px}.temple{bottom:19px;height:75px}.roof{height:30px}.hall{height:49px;border-top-width:4px;border-bottom-width:3px}.hall span{font-size:6px;letter-spacing:2px;padding:3px 5px;border-width:1px}.floor{height:22px;border-top-width:3px}.cloud{height:3px;width:100px}.c1{top:12px}.c2{top:25px}.topicbar{flex:0 0 20px;min-height:0;padding:3px 6px;font-size:9px;line-height:12px;border-top-width:1px}.topicbar span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topicbar span:last-child{display:none}.motion-toggle{font-size:8px;min-height:24px;padding:3px 4px;right:3px;bottom:2px;top:auto}.below{grid-row:3;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);margin:0;gap:7px;min-height:0}.answer{display:flex;flex-direction:column;min-height:0;border-width:2px;box-shadow:2px 2px #a9b49e}.answer header{padding:5px 9px;font-size:12px;line-height:15px;border-bottom-width:1px;flex:0 0 auto}.answer-content{padding:6px 9px;display:flex;flex-direction:column;min-height:0;flex:1}.answer p{font-size:16px;line-height:1.65;min-height:0;margin:0 0 5px;flex:1;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.vote{min-height:36px;padding:6px 9px;font-size:13px;margin:0;box-shadow:none;flex:0 0 auto}.vote span{font-size:9px}.question-box{grid-row:4;display:grid;grid-template-rows:19px minmax(0,1fr) 16px;min-height:0;margin:0;border-width:2px;box-shadow:2px 2px #a9b49e}.window-title{font-size:10px;padding:3px 7px;line-height:12px;border-bottom-width:1px;letter-spacing:0}.controls{display:grid;grid-template-columns:minmax(0,1fr) 85px;min-height:0;gap:7px;padding:5px 6px}.controls textarea{height:100%;min-height:0;padding:5px 7px;font-size:16px;line-height:1.5;resize:none;border-width:1px}.primary{min-height:0;padding:3px;font-size:13px;display:block;border-width:2px;white-space:nowrap}.primary span{font-size:12px;display:block;margin-top:3px}.helper{display:block;padding:0 7px 3px;font-size:9px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.helper>span:first-child{display:none}.helper #status{display:inline;margin:0;color:#405e68}.notice{display:none}.powered{position:fixed;bottom:1px;right:9px;padding:0;font-size:8px;line-height:10px}.fighter .outcome,.fighter .outcome.round{font-size:22px;top:5%}.fighter .outcome:before{font-size:9px;margin-bottom:1px}#result{padding:8px}#result .ko{font-size:30px}#result .eyebrow{font-size:7px;letter-spacing:0}#result h2{font-size:18px;margin:5px}#result p{font-size:10px;margin:4px}#result .primary{min-height:30px;font-size:12px;padding:5px 12px}.result-entry{margin:6px auto}.result-entry label{font-size:11px;margin-bottom:4px}.result-entry input{width:145px;font-size:16px;padding:5px}.result-entry button{font-size:11px;min-height:34px;padding:5px}.save-status{font-size:9px!important}.rank-link{font-size:11px}
body.composing .top{height:34px}body.composing main{height:calc(100% - 34px);grid-template-rows:22px minmax(0,1fr) 110px}body.composing .below{display:none}body.composing .question-box{grid-row:3}body.composing .cabinet{grid-row:2}body.composing .scoreboard{display:none}
}
/* Pin the portrait app to the visible viewport rather than letting focus pan the page. */
@media(max-width:650px) and (orientation:portrait){
body{position:fixed;top:var(--battle-top,0px);left:0;right:0;bottom:auto;width:100%;height:var(--battle-height,100dvh);overflow:hidden;overscroll-behavior:none}
.controls textarea{font-size:16px;touch-action:manipulation;scroll-margin:0}
body.composing{padding-bottom:0}body.composing main{grid-template-rows:22px minmax(0,1fr) 110px;padding-bottom:5px}
body.composing .powered{display:none}body.composing .question-box{min-height:0}body.composing .motion-rig{max-height:calc(100% - 18px)}
}

/* Bound figurines to stage height AND width, never intrinsic PNG dimensions. */
.arena{container-type:size}.fighter{min-width:0;min-height:0}.motion-rig{height:min(367.5px,calc(100cqh - 32px),35cqw,30svh);max-height:none;flex:0 0 auto;align-items:end}.character{height:100%;width:auto;max-width:none;object-fit:contain}.puma-character{height:102.97%;width:auto;max-width:none}.fighter .name{flex:0 0 auto}
@media(max-width:650px) and (orientation:portrait){.motion-rig{height:min(calc(100cqh - 18px),35cqw);max-height:none}.puma-character{height:102.97%}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){.motion-rig{height:min(calc(100cqh - 20px),35cqw);max-height:none}.puma-character{height:102.97%}}

/* Approved recommended questions and header voting. */

.recommendations{display:flex;align-items:center;gap:18px;padding:9px 13px 0;min-width:0}.recommend-label{font-size:13px;font-weight:bold;color:#365563;flex:0 0 auto}.recommend-label small{font-size:11px;font-weight:normal;margin-left:9px;color:#536d68}.topic-strip{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;padding:0 3px 4px;scrollbar-width:none}.topic-strip::-webkit-scrollbar{display:none}.topic-chip{flex:0 0 auto;min-height:36px;padding:6px 15px;background:#e0d1a4;color:#365563;border:2px solid #8b9e88;box-shadow:2px 2px #a7b699;font-size:13px;font-weight:bold;cursor:pointer;white-space:nowrap}.topic-chip.active{background:#e0b38e;border-color:#6c8d83;box-shadow:inset 2px 2px #edcfaa,2px 2px #a7b699}.topic-chip:focus-visible{outline:3px solid #446e83;outline-offset:2px}.question-box{grid-template-rows:25px auto auto}.recommendations+ .controls{padding-top:7px}
@media(max-width:650px) and (orientation:portrait){main{grid-template-rows:22px clamp(150px,26dvh,220px) minmax(0,1fr) 155px}.question-box{grid-template-rows:19px 55px minmax(0,1fr) 16px}.recommendations{display:block;padding:5px 6px 0;overflow:hidden}.recommend-label{font-size:10px;line-height:12px;margin-bottom:4px}.recommend-label small{font-size:9px;margin-left:7px}.topic-strip{gap:7px;padding-bottom:3px}.topic-chip{font-size:12px;padding:4px 10px;min-height:32px;box-shadow:1px 1px #a7b699}.recommendations+ .controls{padding-top:4px}.controls textarea{min-height:0}.helper #status{font-size:9px}body.composing main{grid-template-rows:22px minmax(0,1fr) 155px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){main{grid-template-rows:24px minmax(0,1fr) 119px}.question-box{grid-template-rows:18px 35px minmax(0,1fr)}.recommendations{padding:3px 6px 0;gap:8px}.recommend-label{font-size:9px}.recommend-label small{display:none}.topic-chip{min-height:27px;font-size:10px;padding:3px 7px}.topic-strip{gap:5px}}


.answer header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px 7px 15px;min-height:48px}.answer header>span{min-width:0}.answer header .vote{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:100px;min-height:34px;margin:0;padding:6px 14px;flex:0 0 auto;font-size:14px;border-width:2px;box-shadow:2px 2px #94a18b}.answer header .vote:disabled{box-shadow:none}.answer p{margin-bottom:0}
@media(max-width:650px) and (orientation:portrait){.answer header{min-height:42px;padding:4px 6px 4px 9px;font-size:13px;gap:8px}.answer header .vote{font-size:12px;min-width:85px;min-height:32px;padding:5px 10px}.answer-content{padding:8px 9px}.answer p{margin:0}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){.answer header{min-height:35px;padding:3px 5px 3px 8px;font-size:11px;gap:5px}.answer header .vote{min-height:28px;min-width:70px;font-size:11px;padding:4px 8px}}

.topic-chip:disabled{opacity:.5;cursor:default}

/* Result 19: independent viewport layer keeps the winner out of the clipped arena. */
#progress{font-family:'Arial Rounded MT Bold','Microsoft JhengHei',sans-serif;font-size:clamp(14px,1.25vw,23px);font-weight:1000;letter-spacing:.02em;line-height:1.3;text-shadow:1px 2px #d8be92}
.hud-label>b{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(22px,2vw,34px);line-height:1;letter-spacing:1px}
.ko-panel{align-self:center;min-width:0}.ko-panel>b{font:900 18px/1.1 Impact,'Arial Black',sans-serif}.ko-panel>span{font:900 26px/1.1 Impact,'Arial Black',sans-serif}
#result{position:fixed;inset:0;z-index:1000;width:100%;height:100dvh;overflow:auto;overscroll-behavior:contain;padding:20px;background:#c8d8c9fa;align-items:safe center;justify-content:center}
#result>.result-card{width:min(820px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;padding:28px;border:4px solid #829e90;background:#d8ddbf;box-shadow:7px 7px #a9b49e;text-align:center}
#result .winner-scene{min-width:0}#result .winner-title{font:900 italic clamp(40px,5vw,70px)/1.1 Impact,'Arial Black',sans-serif;color:#466975;letter-spacing:2px;text-shadow:3px 3px #dfb28e,-1px -1px #eddaa3}
#result .winner-character{display:block;height:clamp(130px,28dvh,270px);width:100%;object-fit:contain;margin:12px auto;filter:drop-shadow(5px 6px 0 #6b8b7b55);animation:winner-dance .8s ease-in-out infinite alternate}
#result h2{font-size:clamp(21px,2vw,30px);line-height:1.3;margin:8px 0}
#result .final-score{font:900 clamp(38px,4vw,58px)/1.1 Impact,'Arial Black',sans-serif;letter-spacing:5px;margin:8px 0;color:#3b5865;text-shadow:2px 3px #d6b78e}
#result .final-rule{font:1000 clamp(20px,2vw,28px)/1.3 'Arial Rounded MT Bold','Microsoft JhengHei',sans-serif;margin:8px 0 0;color:#3b5865}
#result .result-actions{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}#result .primary{display:block;align-self:center;margin:0 auto;min-height:48px;padding:10px 24px;font-size:20px;width:auto}
#result .result-entry{margin:6px auto;max-width:100%;width:100%}#result .result-entry>div{justify-content:center;flex-wrap:wrap;gap:8px}#result .result-entry label{font-size:16px;line-height:1.5;margin:0 0 10px}#result .result-entry input{width:170px;max-width:100%;min-height:44px;font-size:16px}#result .result-entry button{font-size:16px;min-height:44px;padding:8px 12px}#result .save-status{font-size:12px!important;line-height:1.6;overflow-wrap:anywhere;margin:10px 0}#result .rank-link{font-size:15px;display:inline-block;margin:8px auto}
@keyframes winner-dance{from{transform:translateX(-12px) translateY(0) rotate(-3deg)}to{transform:translateX(12px) translateY(-9px) rotate(3deg)}}
@media(max-width:650px) and (orientation:portrait){#progress{font-size:12px;max-width:175px}.hud-label>b{font-size:21px}.ko-panel>b{font-size:12px}.ko-panel>span{font-size:20px}#result{padding:12px}#result>.result-card{display:flex;flex-direction:column;gap:16px;padding:18px 12px;width:min(430px,100%)}#result .winner-title{font-size:45px}#result .winner-character{height:clamp(100px,20dvh,170px);margin:8px auto}#result h2{font-size:22px;margin:5px 0}#result .final-score{font-size:38px;margin:5px 0}#result .final-rule{font-size:22px}#result .result-actions{gap:8px;width:100%}#result .primary{font-size:18px;min-height:44px}#result .result-entry label{font-size:14px}}
@media(orientation:landscape) and (max-height:600px){#result{padding:10px}#result>.result-card{padding:12px;gap:18px}#result .winner-title{font-size:36px}#result .winner-character{height:26dvh;margin:4px auto}#result h2{font-size:18px;margin:4px 0}#result .final-score{font-size:32px;margin:4px 0}#result .final-rule{font-size:20px;margin:4px 0}#result .primary{font-size:17px;min-height:40px}#result .result-actions{gap:5px}#result .result-entry label{font-size:13px}}
@media(prefers-reduced-motion:reduce){#result .winner-character{animation:none}}