.balloon-page{--balloon-night:#17152f;--balloon-accent:#ffbd69;max-width:1080px;margin:auto;min-width:0}.balloon-page h1{letter-spacing:-1px}.balloon-page .button{min-height:44px}.balloon-page :focus-visible{outline:3px solid #b67bff;outline-offset:4px}
.balloon-rules{padding:18px 0 24px}.balloon-rules>p:first-child{margin:0 0 10px}.balloon-rules summary{cursor:pointer;font-size:13px;font-weight:650}.balloon-rules details p{max-width:760px;font-size:13px;line-height:1.8}
.balloon-modes{display:grid;grid-template-columns:1.15fr 1.15fr 1fr;gap:16px}.balloon-modes form{padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--bg);display:flex;flex-direction:column;min-width:0}.balloon-modes h2{font-size:18px}.balloon-modes p{font-size:12px;line-height:1.7}.balloon-modes .button{margin-top:auto;width:100%;padding-inline:10px}.balloon-modes .field:last-of-type{margin-bottom:24px}.balloon-modes form:first-child{border-top:3px solid #9b7bed}.balloon-modes form:nth-child(2){border-top:3px solid #ffbd69}.balloon-modes form:last-child{border-top:3px solid #65c9bb}
.balloon-intro,.balloon-scene,.balloon-result-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #625079;border-radius:18px;background:radial-gradient(ellipse at 50% 90%,#59406c88,transparent 65%),linear-gradient(160deg,#16182e,#2b1b40);color:#fff2df}
.balloon-intro{height:200px;margin-bottom:28px;display:grid;place-content:center;text-align:center}.balloon-intro>span{position:absolute;bottom:17px;left:0;right:0;font-size:9px;font-weight:700;letter-spacing:2px;color:#e5c9ab}.balloon-intro .balloon-float{transform:scale(.65);height:140px}
.balloon-lights{position:absolute;z-index:-1;top:-20px;left:-5%;width:110%;height:84px;border-bottom:2px solid #bba78655;border-radius:0 0 50% 50%;background:radial-gradient(circle at 50% 70%,#ffdda0 0 4px,#ffce7033 5px,transparent 15px) 0 0/65px 78px;pointer-events:none}.balloon-moon{position:absolute;z-index:-1;right:10%;top:74px;width:36px;height:36px;border-radius:50%;background:#fff2d7;box-shadow:0 0 45px #ffedba33;pointer-events:none}.balloon-tents{position:absolute;z-index:-1;inset:auto 0 0;height:75px;opacity:.45;background:conic-gradient(from 150deg at 50% 0,#6c486e 0deg 60deg,transparent 60deg) 0 0/150px 75px;pointer-events:none}
.balloon-arena{text-align:center}.balloon-scene{padding:20px 24px 18px;min-height:360px}.balloon-scene-header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}.balloon-scene .eyebrow{color:#e9c4a5;font-size:10px}.balloon-scene-header>span:last-child{font-size:11px;padding:5px 11px;border:1px solid #8f759b;border-radius:20px;background:#211a37}.balloon-scene h1{font-size:clamp(18px,3vw,25px);margin:24px 0 12px;position:relative;z-index:1}
.balloon-stage{position:relative;width:220px;height:195px;margin:0 auto}.balloon-float{display:grid;place-items:start center;animation:balloon-float 3s ease-in-out infinite}.balloon-art{width:112px;height:140px;border-radius:51% 51% 47% 47%;background:radial-gradient(ellipse at 29% 24%,#ffb4ad 0,#fb686d 20%,#e73254 55%,#981c48 100%);color:#ffe3bc;display:grid;place-items:center;font-size:28px;position:relative;box-shadow:inset -9px -6px 14px #68124055,0 15px 35px #e64b5933;transform-origin:50% 100%;transform:scale(.94,.96)}.balloon-art:before{content:'';position:absolute;bottom:-9px;left:calc(50% - 7px);border-bottom:11px solid #cd2f50;border-left:7px solid transparent;border-right:7px solid transparent}.balloon-art:after{content:'';position:absolute;top:calc(100% + 9px);left:50%;width:14px;height:42px;border-left:2px solid #d5b9aa;border-radius:50%;transform:rotate(-8deg)}.balloon-art span{text-shadow:0 2px 2px #7d123855;transform:rotate(-12deg)}.balloon-art.is-inflating{animation:balloon-fuse-inflate var(--fuse-duration,20s) linear var(--fuse-delay,0s) both}
.balloon-scene[data-phase=intermission] .balloon-float{visibility:hidden}.balloon-scene[data-phase=countdown] .balloon-art{opacity:.7}.balloon-burst{position:absolute;inset:65px 0 auto;height:0;pointer-events:none}.balloon-burst i{position:absolute;left:50%;width:8px;height:16px;background:var(--spark);border-radius:3px;opacity:0;transform-origin:50% 0}
#balloon-owner{position:relative;z-index:1;display:inline-block;margin:6px auto 0;padding:7px 17px;border:1px solid #896587;border-radius:30px;background:#211a37;font-size:13px;overflow-wrap:anywhere;max-width:100%}.balloon-scene-note{font-size:10px;color:#d9bdd8;margin:12px 0 0}
.balloon-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:20px 0}.balloon-members .balloon-player{padding:18px 12px;text-align:center;min-width:0;overflow-wrap:anywhere;position:relative;border-top:3px solid var(--player-color);box-shadow:none}.balloon-player-name{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:9px 0 7px}.balloon-player-name b{font-size:13px;min-width:0}.balloon-avatar{display:grid;place-items:center;margin:auto;width:36px;height:36px;border-radius:12px;background:var(--player-color);color:#211a37;font-size:18px;font-weight:800}.balloon-you{font-size:8px;font-weight:800;border:1px solid var(--border);padding:2px 5px;border-radius:4px}.balloon-player p{font-size:11px;margin:10px 0 5px}.balloon-player small{font-size:10px;color:var(--muted)}.balloon-holder{outline:2px solid #d64b6a;outline-offset:2px;background:var(--primary-soft)}.balloon-holder p{font-weight:750}.balloon-player.is-eliminated .balloon-avatar{background:var(--border);color:var(--text)}.balloon-player.is-eliminated b{text-decoration:line-through}.balloon-player.is-eliminated{border-top-color:var(--border)}
.balloon-typing{padding:22px;border:1px solid var(--border);border-radius:16px;background:var(--bg);max-width:650px;margin:auto}.balloon-typing.is-your-turn{border-color:#d64b6a;box-shadow:0 0 0 3px #ef547012}.balloon-typing .eyebrow{font-size:10px}.balloon-typing.is-your-turn .eyebrow{color:#b72f51}.dark .balloon-typing.is-your-turn .eyebrow{color:#ff9db5}#balloon-word{font-size:clamp(28px,6vw,46px);letter-spacing:2px;overflow-wrap:anywhere;margin:12px 0 20px;min-height:1.3em}#balloon-word .is-correct{color:var(--success);text-decoration:underline;text-underline-offset:7px}#balloon-word .is-wrong{color:var(--danger);background:#ef44441c;text-decoration:underline wavy;text-underline-offset:7px}.balloon-typing .field{text-align:left;max-width:460px;margin:auto}#balloon-input{resize:none;min-height:58px;font-size:24px;width:100%;box-sizing:border-box;scroll-margin-block:80px}#balloon-input:disabled{opacity:.65}#balloon-input[aria-invalid=true]{border-color:#ef4444}.balloon-typing .help{min-height:20px;margin-bottom:0}
.balloon-lobby .room-code{display:block;max-width:100%;overflow-wrap:anywhere;padding:20px;border:1px dashed #9c79b6;border-radius:14px;background:var(--primary-soft);width:fit-content}.balloon-result{text-align:center}.balloon-result-hero{padding:40px 20px;margin-bottom:24px}.balloon-result-hero .eyebrow{display:block;color:#e5c9ab}.balloon-result-hero h1{font-size:clamp(22px,4vw,34px)}.balloon-result-hero p{color:#e5c9dd}.balloon-result-hero .balloon-winner{font-size:26px;font-weight:800;color:#ffdda0;overflow-wrap:anywhere}.balloon-trophy{display:block;font-size:48px;color:#ffd182;text-shadow:0 0 30px #ffbd6955;animation:balloon-celebrate .6s ease-out}.balloon-result table{text-align:left}
@keyframes balloon-fuse-inflate{0%{transform:scale(.94,.96)}100%{transform:translateY(-3px) scale(1.3,1.34)}}@keyframes balloon-float{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -6px;rotate:3deg}}@keyframes balloon-celebrate{from{transform:scale(.5) rotate(-20deg);opacity:0}to{transform:scale(1);opacity:1}}
@media(max-width:800px){.balloon-modes{grid-template-columns:1fr}.balloon-modes form{padding:20px}.balloon-modes .button{margin-top:0}.balloon-modes h2{margin-bottom:12px}}
@media(max-width:500px){.balloon-arena{padding:12px}.balloon-scene{min-height:330px;padding:14px 12px}.balloon-scene-header .eyebrow{font-size:8px;letter-spacing:1px}.balloon-scene-header>span:last-child{font-size:9px}.balloon-stage{height:180px}.balloon-members{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.balloon-members .balloon-player{padding:12px 8px}.balloon-typing{padding:18px 12px}.balloon-intro{height:165px}.balloon-intro .balloon-float{transform:scale(.55)}.balloon-lobby .actions{flex-direction:column;align-items:stretch}.balloon-result-hero{padding:30px 12px}.balloon-scene-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.balloon-page *{animation:none!important;transition:none!important}.balloon-art{transform:none}}.reduce-motion .balloon-page *{animation:none!important;transition:none!important}.reduce-motion .balloon-art{transform:none}
.balloon-color-0{--player-color:#ffbd69}.balloon-color-1{--player-color:#80ddcf}.balloon-color-2{--player-color:#c6a5ff}.balloon-color-3{--player-color:#ff9bbb}
.balloon-burst i:nth-child(4n+1){--spark:#ffbd69}.balloon-burst i:nth-child(4n+2){--spark:#80ddcf}.balloon-burst i:nth-child(4n+3){--spark:#c6a5ff}.balloon-burst i:nth-child(4n){--spark:#ff9bbb}
.balloon-burst i:nth-child(1){--angle:0deg}.balloon-burst i:nth-child(2){--angle:36deg}.balloon-burst i:nth-child(3){--angle:72deg}.balloon-burst i:nth-child(4){--angle:108deg}.balloon-burst i:nth-child(5){--angle:144deg}.balloon-burst i:nth-child(6){--angle:180deg}.balloon-burst i:nth-child(7){--angle:216deg}.balloon-burst i:nth-child(8){--angle:252deg}.balloon-burst i:nth-child(9){--angle:288deg}.balloon-burst i:nth-child(10){--angle:324deg}
.balloon-scene #balloon-owner{color:#fff2df}.balloon-scene .balloon-scene-note{color:#d9bdd8}
/* Immersive match layout. Lobby and results retain the regular site shell. */
body.balloon-game-mode{background:#100f20}body.balloon-game-mode>.header,body.balloon-game-mode>.footer{display:none}body.balloon-game-mode #main{max-width:none;width:100%;padding:0;margin:0;min-height:100dvh}
.balloon-arena{--text:#f3efff;--muted:#b9b2cf;--surface:#201d36;--bg:#171429;--border:#48405f;--primary-soft:#342443;--success:#8aebc6;--danger:#ff92a9;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);grid-template-rows:auto minmax(330px,1fr) auto auto;gap:18px 24px;max-width:none;width:100%;min-height:100dvh;padding:22px 32px;border:0;border-radius:0;margin:0;background:radial-gradient(ellipse at 20% 25%,#36254a77,transparent 60%),#100f20;color:var(--text);box-shadow:none}
.balloon-arena:fullscreen{overflow:auto}.balloon-game-toolbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;padding-bottom:16px;border-bottom:1px solid #403550}.balloon-game-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:#f7edff;flex-wrap:wrap}.balloon-game-brand>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#f2ae75,#ed648d);color:#22172e}.balloon-game-brand small{font-size:9px;letter-spacing:2px;color:#d5b4d4;font-weight:650;margin-left:10px}.balloon-game-actions{display:flex;gap:10px;flex-shrink:0}.balloon-game-actions button{min-height:42px;padding:9px 15px;border:1px solid #665477;border-radius:10px;background:#211b32;color:#ece4ff;font-size:12px;font-weight:650}.balloon-game-actions .balloon-exit-button{color:#ffb5c5;border-color:#8a4962}.balloon-game-actions button:hover{background:#36263e}
.balloon-arena .balloon-scene{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:340px;border-color:#68516e;border-radius:24px;background:radial-gradient(ellipse at 50% 50%,#69486b55,transparent 60%),linear-gradient(160deg,#15182e,#30203e);padding:24px;box-shadow:inset 0 0 90px #090b2133}.balloon-arena .balloon-scene-header{align-self:stretch;margin-bottom:auto}.balloon-arena .balloon-scene h1{margin:18px 0 10px;font-size:clamp(22px,2.5vw,32px)}.balloon-arena .balloon-stage{height:225px;display:grid;place-items:center;flex-shrink:0}.balloon-arena .balloon-art{width:130px;height:160px}.balloon-arena .balloon-scene-note{margin-bottom:0;margin-top:12px}.balloon-arena #balloon-owner{max-width:95%;color:#ffdfbc;margin-top:12px;background:#2b203a;border-color:#ac7d8c}.balloon-arena .balloon-moon{width:28px;height:28px;right:12%;top:85px}.balloon-arena .balloon-tents{height:80px;opacity:.25}
.balloon-stars{position:absolute;inset:50px 0 0;z-index:-1;pointer-events:none;background:radial-gradient(circle,#f9dab6 1px,transparent 2px) 20px 17px/113px 87px,radial-gradient(circle,#d5b3ec88 1px,transparent 2px) 66px 30px/177px 131px;opacity:.45}.balloon-orbit{position:absolute;left:50%;top:50%;width:260px;height:260px;border:1px solid #ffd1b214;border-radius:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;box-shadow:0 0 0 35px #e6a4c905,0 0 0 70px #e6a4c904}.balloon-wheel{position:absolute;left:6%;bottom:40px;width:105px;height:105px;border:3px dotted #ffc58a66;border-radius:50%;background:repeating-conic-gradient(#c6a3cb33 0deg 1deg,transparent 1deg 30deg);z-index:-1;pointer-events:none;animation:balloon-wheel-turn 35s linear infinite}.balloon-wheel:after{content:'';position:absolute;inset:45%;background:#d1a4c0;border-radius:50%;box-shadow:0 0 18px #f7bd8966}
.balloon-arena .balloon-members{grid-column:1;grid-row:3;margin:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.balloon-arena .balloon-player{background:#211c32;border:1px solid #51415c;border-top:3px solid var(--player-color);border-radius:16px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.balloon-arena .balloon-player-name{margin:7px 0 4px}.balloon-arena .balloon-player-name b{font-size:12px}.balloon-arena .balloon-player p{color:#d7c8e0;margin:8px 0 3px}.balloon-arena .balloon-player small{color:#b6a9c5}.balloon-arena .balloon-avatar{width:30px;height:30px;font-size:15px;border-radius:10px}.balloon-arena .balloon-holder{background:linear-gradient(135deg,#4b2b44,#2d253e);outline-color:#ef8eac}.balloon-arena .rank.bronze{color:#e9b590}.balloon-arena .rank.silver{color:#d4d3e7}.balloon-arena .rank.gold{color:#ffda83}.balloon-arena .rank.diamond{color:#79ddeb}.balloon-arena .rank.legend{color:#d0a7ff}.balloon-arena .is-eliminated{border-top-color:#655a70;background:#191627}
.balloon-arena .balloon-typing{grid-column:2;grid-row:2/4;align-self:stretch;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:none;padding:clamp(22px,3vw,44px);margin:0;border-radius:24px;border:1px solid #5c4970;background:radial-gradient(ellipse at 50% 0,#56305844,transparent 70%),linear-gradient(160deg,#251c36,#191729);box-shadow:inset 0 1px 0 #edd3ff12;text-align:left;min-width:0}.balloon-command-header{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-bottom:1px solid #67507166;padding-bottom:18px}.balloon-command-header .eyebrow{color:#d0b5e7;font-size:10px;margin:0;letter-spacing:1px}.balloon-command-number{font-size:8px;letter-spacing:1px;color:#ad9cba;margin-left:auto}.balloon-signal{width:7px;height:7px;border-radius:50%;background:#b8a0d3;box-shadow:0 0 0 4px #bd9be515}.balloon-arena .is-your-turn{border-color:#dc8ea4;box-shadow:0 0 0 3px #f098b311,inset 0 1px 0 #ffe3f033}.balloon-arena .is-your-turn .eyebrow{color:#ffcf9c}.balloon-arena .is-your-turn .balloon-signal{background:#8aebc6;box-shadow:0 0 0 4px #8aebc615}
.balloon-word-board{position:relative;overflow:hidden;text-align:center;padding:30px 12px 22px;margin:24px 0;border:1px solid #705478;border-radius:18px;background:linear-gradient(145deg,#3c2944aa,#261f3699);box-shadow:inset 0 2px 15px #0c102b55}.balloon-word-board:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#ffdfb408 1px,transparent 1px),linear-gradient(#ffdfb408 1px,transparent 1px);background-size:24px 24px}.balloon-arena .balloon-word-caption{font-size:9px;font-weight:700;letter-spacing:2px;color:#d7b8d0;margin:0 0 20px;position:relative}.balloon-arena #balloon-word{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;letter-spacing:0;min-height:62px;margin:0 0 18px;font-family:Consolas,'Courier New',monospace;font-size:clamp(26px,3vw,40px);position:relative}.balloon-arena #balloon-word .balloon-letter{display:grid;place-items:center;min-width:.9em;padding:8px 3px;border:1px solid #806484;border-bottom:3px solid #614563;border-radius:9px;background:linear-gradient(#59405c,#3f304b);color:#fff0df;text-shadow:0 2px 0 #20142855;box-shadow:0 4px 8px #090b2022}.balloon-arena #balloon-word .is-correct{background:linear-gradient(#305747,#253e3e);border-color:#84cdb1;color:#b8ffe0;text-decoration:underline;text-underline-offset:5px}.balloon-arena #balloon-word .is-wrong{background:#612d43;border-color:#ff93aa;color:#ffd4de;text-decoration:underline wavy;text-underline-offset:5px}.balloon-word-board.is-empty #balloon-word:after{content:'✦';color:#d1a4c0}.balloon-arena .balloon-word-hint{font-size:11px;color:#cbb6d3;margin:0;position:relative}
.balloon-arena .balloon-input-label{max-width:none;width:100%;font-size:12px;gap:10px;color:#efdcf4}.balloon-input-shell{position:relative;display:block}.balloon-arena #balloon-input{min-height:72px;max-height:150px;padding:21px 42px 16px 48px;font-family:Consolas,'Courier New',monospace;font-size:23px;border:1px solid #967493;border-bottom:3px solid #796079;border-radius:14px;background:#130f23;color:#fff1e3;box-shadow:inset 0 3px 12px #0003}.balloon-arena #balloon-input::placeholder{font-family:inherit;color:#a698b6;font-size:14px}.balloon-arena #balloon-input:focus{border-color:#f2bf99;box-shadow:0 0 0 3px #f2bf991a,inset 0 3px 12px #0003;outline:none}.balloon-arena #balloon-input[aria-invalid=true]{border-color:#ff93aa}.balloon-arena #balloon-input:disabled{opacity:1;border-color:#584660;color:#c6b5d4;background:#171226}.balloon-keyboard,.balloon-input-mark{position:absolute;top:23px;pointer-events:none;color:#c5a0c4;font-size:22px}.balloon-keyboard{left:16px}.balloon-input-mark{right:16px;font-size:19px;color:#efc89d}.balloon-arena #balloon-feedback{color:#dac6e1;font-size:12px;line-height:1.6;min-height:36px;margin:14px 0 0}.balloon-control-guide{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:10px;color:#bca9c7;border-top:1px solid #5c466066;padding-top:16px;margin-top:10px}.balloon-control-guide kbd{display:inline-block;border:1px solid #806286;border-bottom-width:2px;border-radius:5px;padding:1px 6px;margin-right:4px;color:#ead9ed;font-size:12px}.balloon-control-guide b{color:#ffcf9c;font-size:16px;margin-right:4px}
.balloon-game-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;border-top:1px solid #403550;padding-top:12px}.balloon-game-footer>span{font-size:9px;color:#e2c1bd;letter-spacing:1.2px;white-space:nowrap}.balloon-game-footer i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#efbd8c;margin-right:7px}.balloon-game-footer p{font-size:10px;color:#bcaac6;margin:0}
@keyframes balloon-wheel-turn{to{rotate:360deg}}
@media(min-width:801px) and (max-height:780px){.balloon-arena{padding:14px 24px;gap:12px 20px;grid-template-rows:auto minmax(300px,1fr) auto auto}.balloon-arena .balloon-stage{height:175px}.balloon-arena .balloon-art{width:105px;height:128px}.balloon-arena .balloon-scene{min-height:300px;padding:16px}.balloon-arena .balloon-player{padding:10px 8px}.balloon-arena .balloon-typing{padding:22px}.balloon-word-board{padding:20px 10px 16px;margin:20px 0}.balloon-arena .balloon-scene h1{margin:12px 0 6px}}
@media(max-width:1100px) and (min-width:801px){.balloon-arena{grid-template-columns:minmax(0,1fr) minmax(340px,1fr);padding:18px;gap:16px}.balloon-arena .balloon-members{grid-template-columns:repeat(2,minmax(0,1fr))}.balloon-arena .balloon-player{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;padding:10px}.balloon-arena .balloon-avatar{grid-row:1/4}.balloon-arena .balloon-player-name{margin:0}.balloon-arena .balloon-player p{margin:0}.balloon-arena .balloon-player small{grid-column:2}.balloon-arena .balloon-player .rank{display:none}}
@media(max-width:800px){.balloon-arena{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto;padding:12px;gap:12px;min-height:100dvh}.balloon-game-toolbar{padding-bottom:10px;gap:10px}.balloon-game-brand{font-size:17px;gap:7px}.balloon-game-brand small{display:none}.balloon-game-brand>span{width:28px;height:28px;border-radius:8px}.balloon-game-actions{gap:6px}.balloon-game-actions button{padding:8px 9px;font-size:10px;min-height:40px}.balloon-arena .balloon-scene{grid-row:2;grid-column:1;min-height:240px;padding:12px;border-radius:18px}.balloon-arena .balloon-scene h1{font-size:19px;margin:10px 0 3px}.balloon-arena .balloon-stage{height:128px}.balloon-arena .balloon-art{width:74px;height:92px;font-size:20px}.balloon-arena .balloon-art:after{height:25px}.balloon-arena .balloon-scene-note{font-size:9px;margin:8px 0 0}.balloon-arena #balloon-owner{font-size:11px;padding:5px 12px;margin-top:4px}.balloon-arena .balloon-moon{top:50px;width:22px;height:22px}.balloon-arena .balloon-orbit{width:150px;height:150px}.balloon-arena .balloon-wheel{width:70px;height:70px;bottom:22px}.balloon-arena .balloon-members{grid-row:3;grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.balloon-arena .balloon-player{display:grid;grid-template-columns:26px minmax(0,1fr);gap:2px 7px;padding:8px;border-radius:12px;text-align:left}.balloon-arena .balloon-avatar{grid-row:1/4;width:26px;height:26px;font-size:13px;border-radius:8px}.balloon-arena .balloon-player-name{margin:0;justify-content:flex-start;gap:4px}.balloon-arena .balloon-player-name b{font-size:10px}.balloon-arena .balloon-player .rank{display:none}.balloon-arena .balloon-player p{font-size:9px;margin:0}.balloon-arena .balloon-player small{grid-column:2;font-size:9px}.balloon-arena .balloon-you{font-size:6px;padding:1px 3px}.balloon-arena .balloon-typing{grid-row:4;grid-column:1;padding:18px 14px;border-radius:18px}.balloon-command-header{padding-bottom:12px;gap:7px}.balloon-command-number{font-size:7px}.balloon-command-header .eyebrow{font-size:9px}.balloon-word-board{padding:18px 8px 14px;margin:16px 0}.balloon-arena .balloon-word-caption{margin-bottom:14px;font-size:8px}.balloon-arena #balloon-word{font-size:26px;gap:5px;min-height:49px;margin-bottom:12px}.balloon-arena #balloon-word .balloon-letter{padding:5px 2px;min-width:.85em;border-radius:7px}.balloon-arena .balloon-word-hint{font-size:10px}.balloon-arena #balloon-input{min-height:64px;padding-top:18px;font-size:21px}.balloon-keyboard,.balloon-input-mark{top:18px}.balloon-arena #balloon-feedback{margin-top:10px;min-height:20px;font-size:11px}.balloon-control-guide{font-size:9px;padding-top:12px;margin-top:8px}.balloon-game-footer{grid-row:5;flex-wrap:wrap;gap:6px;padding-top:10px}.balloon-game-footer p{font-size:9px}}
.balloon-arena .balloon-input-label{margin:0}.balloon-arena .tag{background:#191529;color:#ddd0ed}.balloon-arena[data-state=waiting] .balloon-input-mark{color:#bca0c5}
@media(max-width:800px){.balloon-arena .balloon-scene{min-height:220px}.balloon-arena .balloon-stage{height:105px}.balloon-arena .balloon-scene h1{margin:6px 0 2px}.balloon-arena .balloon-typing{padding:14px}.balloon-arena .balloon-word-board{padding:14px 8px 10px;margin:12px 0}.balloon-arena .balloon-word-caption{margin-bottom:10px}.balloon-arena #balloon-word{margin-bottom:8px}.balloon-arena .balloon-word-hint{display:none}.balloon-arena .balloon-control-guide{padding-top:8px;margin-top:4px}}
@media(max-width:1100px){.balloon-arena .balloon-player>.tag{display:none}}

/* Keep each word together while allowing the three-word group to wrap. */
.balloon-arena #balloon-word{gap:10px 14px;font-size:clamp(20px,2.2vw,28px)}
.balloon-arena #balloon-word .balloon-target-word{display:inline-flex;gap:3px;white-space:nowrap}
.balloon-arena #balloon-word .balloon-letter{padding:5px 1px;min-width:.78em;border-radius:6px}
@media(max-width:800px){.balloon-arena #balloon-word{font-size:20px;gap:8px 12px}.balloon-arena #balloon-input{font-size:17px}}