/* Complete sprite variants, shared depth wallet and species-sized gameplay. */
.variant-character{aspect-ratio:1!important;position:relative;display:inline-block;height:auto!important}.creature-atlas{position:absolute;inset:0;display:block;background-size:300% 200%;background-repeat:no-repeat;image-rendering:auto;pointer-events:none}.variant-character .creature-body{width:100%;height:100%;object-fit:contain}.puffer-atlas{display:block;width:100%;height:100%;background:url('art/variants/puffer-inflate.png') 0 0/400% 200% no-repeat;image-rendering:auto}.pixel-puffer{width:100%!important;height:100%!important;transform:none!important;animation:none!important}.puffer-danger .puffer-atlas{animation:pufferBreath .5s ease-in-out infinite alternate}@keyframes pufferBreath{to{scale:1.025}}
.surface-depth-counter{position:fixed;right:20px;top:20px;z-index:170;background:#072c40e6;color:#fbd68d;border:1px solid #6e8a846e;border-radius:11px;padding:10px 16px;cursor:pointer;text-align:right;box-shadow:0 4px 22px #001d2826}.surface-depth-counter small{display:block;color:#a7d3d3;font:700 9px 'Nunito Sans',sans-serif;letter-spacing:1.2px}.surface-depth-counter strong{display:block;font:900 23px 'Nunito Sans',sans-serif;margin-top:3px}body:not([data-scene="home"]) .surface-depth-counter{display:none}
#homeBoatBtn{position:fixed;left:calc(var(--boat-x,30vw) - var(--boat-w,180px)/2);top:calc(var(--boat-y,59vh) - var(--boat-h,120px));width:var(--boat-w,180px);height:calc(var(--boat-h,120px) + 20px);padding:0;background:none;border:0;cursor:pointer;z-index:90}#homeBoatBtn:focus-visible{outline:2px dashed #ffe2a1;outline-offset:8px}body:not([data-scene="home"]) #homeBoatBtn{display:none}
#homeCharacterBtn.home-character{left:calc(var(--home-character-x,60vw) - 32px)!important;top:calc(var(--home-character-y,65vh) - 32px)!important;width:64px!important;height:64px!important;display:grid;place-items:center;filter:drop-shadow(0 0 8px #70efdb55)}#homeCharacterArt{width:var(--player-size,26px);height:var(--player-size,26px);display:grid;place-items:center}#homeCharacterArt .digital-creature{width:100%!important;max-width:none}.home-character small{top:100%!important;left:-45px!important}body:not([data-scene="home"]) #homeCharacterBtn{display:none!important}
#krillActor{width:var(--player-size,26px)!important;height:var(--player-size,26px)!important;left:calc(56vw - var(--player-size,26px)/2)!important;top:calc(55vh - var(--player-size,26px)/2)!important}#krillAvatarSpriteWrap .digital-creature{width:var(--player-size,26px)!important;max-width:none}.krill-depth-pin{right:calc(var(--player-size,26px) + 12px)!important;top:-8px!important;min-width:75px;white-space:nowrap}
@keyframes fishLaunch{0%{translate:var(--launch-from-x,-26vw) var(--launch-from-y,-3vh);rotate:-20deg;scale:.555556}34%{translate:calc(var(--launch-from-x,-26vw)*.55) calc(var(--launch-from-y,-3vh) - 70px);rotate:12deg;scale:1}70%{translate:calc(var(--launch-from-x,-26vw)*.1) -12px;rotate:35deg;scale:1}100%{translate:0 0;rotate:0deg;scale:1}}
.home-main-buttons{gap:8px!important}.home-main-buttons .begin-puffer-btn{height:38px!important;min-height:38px!important;padding:8px 12px!important;font-size:12px!important}.home-main-buttons .begin-descent-btn{height:60px!important;min-height:60px!important;padding:10px!important}.home-secondary-grid{height:22px!important;margin:0!important;align-items:center}.home-secondary-grid button{height:22px!important;padding:3px 5px!important}.home-bottom-cta{gap:8px!important;min-height:0!important}
#appearanceModal[style*="flex"]{grid-template-columns:minmax(240px,.8fr) minmax(400px,1.2fr);grid-template-rows:82px 52px minmax(0,1fr)}.wardrobe-brand{padding:16px 24px;align-items:center;gap:20px}.shop-wallet{margin-left:auto;text-align:right;color:#f5d18c}.shop-wallet small{display:block;color:#9fc5c9;font:700 10px 'Nunito Sans',sans-serif;letter-spacing:1px}.shop-wallet strong{font:900 25px 'Nunito Sans',sans-serif}.wardrobe-close{flex:0 0 auto}.wardrobe-stage{min-height:0;padding:25px 16px 20px;justify-content:center}.wardrobe-stage #appearancePreview{flex:0 1 auto;width:100%;max-height:60vh;min-height:0}.wardrobe-stage .digital-creature{width:min(100%,390px)!important;height:auto!important}.wardrobe-stage #appearancePreview>.boat-thumbnail{width:min(100%,410px);height:auto}.wardrobe-stage h2{font:900 24px 'Nunito Sans',sans-serif;margin:8px 0}.appearance-caption{font-size:12px;margin-top:4px}.wardrobe-editor{margin:16px 18px 16px 0;max-height:calc(100dvh - 168px);padding:20px;box-sizing:border-box}.wardrobe-editor h1{font-size:25px;margin-bottom:16px}.appearance-tabs{gap:18px;margin-bottom:12px}.appearance-tabs button{font-size:15px;padding:7px 3px 10px;flex:1}.species-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:16px}.species-choice{border:1px solid #2b6178;border-radius:9px;background:#0c3349;color:#cbe5e5;padding:5px 2px;font:700 10px 'Nunito Sans',sans-serif;cursor:pointer;min-width:0}.species-choice img{display:block;width:100%;height:42px;object-fit:contain}.species-choice.selected{border-color:#6cddd5;background:#164b5c}.variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.variant-card{position:relative;border:1px solid #2d6176;border-radius:12px;background:#0b2c41;color:#e8f5eb;padding:8px;cursor:pointer;min-width:0;text-align:center}.variant-card:hover{background:#123e52}.variant-card.selected{border-color:#6bded7;box-shadow:inset 0 0 0 1px #6bded7;background:#134252}.variant-card .digital-creature{width:100%!important;max-width:140px;animation:none}.variant-card b{display:block;font:800 13px 'Nunito Sans',sans-serif;margin-top:3px}.variant-card small{display:block;font:600 10px 'Nunito Sans',sans-serif;color:#d4bc8b;margin-top:3px}.boat-thumbnail{display:block;width:100%;height:120px}.variant-actions{position:sticky;bottom:-21px;margin:14px -5px -5px;padding:12px 5px 4px;background:#082d3ff5;border-top:1px solid #3e6c7b;z-index:10}.variant-actions .appearance-save{margin:0 0 7px;min-height:42px;padding:10px;font-size:14px}.variant-actions button:disabled{opacity:.45;cursor:default}.appearance-state{font-size:12px;min-height:30px}.appearance-reset{font-size:12px}
.party-words{position:fixed;right:18px;top:27vh;width:210px;z-index:110;color:#d7efeb;background:#08293de8;border:1px solid #3d7184;border-radius:12px;box-shadow:0 8px 30px #00131d33;overflow:hidden}.party-words summary{padding:14px;cursor:pointer;font:800 11px 'Nunito Sans',sans-serif;letter-spacing:1px;color:#92dbd6}.party-words summary span{float:right;color:#f2cb8e}.party-words ol{list-style:decimal;padding:0 14px 12px 34px;margin:0;max-height:43vh;overflow:auto;scrollbar-width:thin}.party-words li{padding:7px 0;border-top:1px solid #24536a;font:700 13px 'Nunito Sans',sans-serif}.party-words li small{display:block;font-size:10px;font-weight:500;color:#8fb9c6;margin-top:2px}.party-words li.words-empty{list-style:none;margin-left:-18px;font-weight:500;color:#8fb9c6;line-height:1.5}body:not([data-scene="party"]) .party-words,body.panel-open .party-words{display:none}
body[data-scene="party"] .prompt-stage{left:calc(50% - 110px)!important;width:min(840px,calc(100vw - 275px))!important}.fish-wheel-stage{width:100%!important;max-width:700px}.wheel-center-bomb{width:100px!important;height:100px!important}.puffer-atlas{transform-origin:center}.wheel-fish-seat .digital-creature{width:74px!important}.puffer-arena-header{gap:10px}.puffer-arena-header>span:last-child{display:none}body[data-scene="party"] .bottom-input-dock{left:calc(50% - 110px)!important;width:min(650px,calc(100vw - 270px))!important}
#pufferLobbyModal>.reveal-card{width:min(1200px,96vw)!important;max-height:94dvh}#pufferLobbyModal .reveal-verdict{font-size:23px!important}#pufferLobbyModal .reveal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}#pufferLobbyModal .reveal-body>div:first-child{grid-template-columns:minmax(260px,.8fr) minmax(380px,1.6fr)!important;align-items:stretch}#pufferLobbyRosterList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));max-height:none!important;overflow:visible!important;gap:9px!important;flex:1}#pufferLobbyRosterList>div{position:relative;display:flex!important;flex-direction:column;justify-content:center!important;align-items:center!important;min-height:128px;background:#0c3349!important;border-radius:13px;padding:12px 8px!important;box-sizing:border-box}#pufferLobbyRosterList>div>span:first-child{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}#pufferLobbyRosterList strong{display:block;font-size:13px}#pufferLobbyRosterList .digital-creature{width:78px!important;margin:5px 0}#pufferLobbyRosterList button,#pufferLobbyRosterList>div>span:last-child:not(:first-child){position:absolute;right:7px;top:7px}#lobbyPufferPreview{width:90px!important;height:90px!important;background:none!important;border:0!important}#lobbyPufferPreview .digital-creature{width:86px!important}#pufferLobbyModal .folder-card{gap:12px}#pufferLobbyModal .folder-header-row{font-size:14px!important;flex-wrap:wrap}#pufferLobbyModal .reveal-footer{justify-content:space-between;gap:15px}#pufferLobbyModal #startPufferMatchBtn{min-width:280px}.locked-answer-message{color:#8fb3c3;font-size:13px;padding:6px;line-height:1.5}.challenge-locked .question-expand{color:#7396a8}
@media(max-width:900px){#pufferLobbyModal .reveal-body>div:first-child{grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr)!important}#pufferLobbyRosterList{grid-template-columns:repeat(2,minmax(0,1fr))}#pufferLobbyRosterList>div{min-height:120px}.species-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.species-choice{display:flex;align-items:center;justify-content:center;gap:4px}.species-choice img{width:35px;height:30px}.wardrobe-stage h2{font-size:19px}}
@media(max-width:720px){.surface-depth-counter{right:12px;top:12px;padding:8px 11px}.surface-depth-counter small{font-size:7px}.surface-depth-counter strong{font-size:19px}#appearanceModal[style*="flex"]{grid-template-columns:1fr;grid-template-rows:auto 48px 230px auto}.wardrobe-brand{padding:16px 14px;gap:12px;flex-wrap:wrap}.wardrobe-wordmark{font-size:27px}.wardrobe-close{font-size:11px;padding:8px 10px}.shop-wallet small{font-size:7px}.shop-wallet strong{font-size:19px}.wardrobe-stage{grid-column:1;grid-row:3;padding:5px;min-height:0}.wardrobe-stage #appearancePreview{height:180px;flex:0 0 180px}.wardrobe-stage .digital-creature{width:180px!important}.wardrobe-stage h2{font-size:16px;margin:0}.appearance-caption{font-size:10px;margin:4px}.wardrobe-editor{grid-column:1;grid-row:4;margin:8px 12px;max-height:none}.species-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.species-choice{display:block;font-size:8px}.species-choice img{width:100%;height:34px}.variant-card b{font-size:12px}.variant-card small{font-size:9px}.variant-actions{position:relative;bottom:auto}.party-words{width:230px;max-width:75vw;top:auto;bottom:92px;right:12px;z-index:120}.party-words ol{max-height:30vh}.party-words summary{padding:10px;font-size:10px}body[data-scene="party"] .prompt-stage{left:50%!important;width:94vw!important}body[data-scene="party"] .bottom-input-dock{left:50%!important;width:94vw!important}.wheel-fish-seat .digital-creature{width:58px!important}.wheel-center-bomb{width:85px!important;height:85px!important}#pufferLobbyModal .reveal-body>div:first-child{grid-template-columns:1fr!important}#pufferLobbyRosterList{grid-template-columns:repeat(3,minmax(0,1fr))}#pufferLobbyRosterList>div{min-height:110px}#pufferLobbyRosterList .digital-creature{width:60px!important}#pufferLobbyModal .reveal-footer{flex-wrap:wrap}#pufferLobbyModal #startPufferMatchBtn{min-width:0;width:100%;font-size:13px}#pufferLobbyModal .reveal-verdict{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){.puffer-danger .puffer-atlas{animation:none}}
.variant-actions{z-index:40;background:#082d3f}.variant-card{z-index:1!important}
.species-picker[hidden]{display:none!important}

#krillActor{left:calc(var(--game-character-x,56vw) - var(--player-size,26px)/2)!important;top:calc(var(--game-character-y,55vh) - var(--player-size,26px)/2)!important}.home-secondary-grid{background:#062b3bbd;border-radius:6px}

#krillActor{transition:none!important}

#descentTravelHint{position:fixed;bottom:15vh;left:0;width:100%;text-align:center;color:#c9eae8;font:800 12px 'Nunito Sans',sans-serif;letter-spacing:3px;z-index:140;pointer-events:none}.descent-progress{position:fixed;width:180px;height:2px;left:calc(50% - 90px);bottom:13vh;background:#31536c;z-index:140}.descent-progress::before{content:'';display:block;height:100%;background:#83e2da;transform:scaleX(var(--travel-progress,0));transform-origin:left}body:not([data-scene="travel"]) #descentTravelHint,body:not([data-scene="travel"]) .descent-progress{display:none}body[data-scene="travel"] #gameMenuBtn{visibility:hidden}body[data-scene="travel"] .prompt-stage,body[data-scene="travel"] .bottom-input-dock{visibility:hidden!important}
.home-secondary-grid{display:none!important}

/* Preserve the species-relative close-up when the next question appears. */
body[data-scene="launch"] #krillActor,body[data-scene="dive"] #krillActor,body[data-scene="travel"] #krillActor{width:calc(var(--player-size,26px)*1.8)!important;height:calc(var(--player-size,26px)*1.8)!important;left:calc(50vw - var(--player-size,26px)*.9)!important;top:calc(72vh - var(--player-size,26px)*.9)!important;filter:drop-shadow(0 3px 14px #54e0d444)}
body[data-scene="launch"] #krillAvatarSpriteWrap .digital-creature,body[data-scene="dive"] #krillAvatarSpriteWrap .digital-creature,body[data-scene="travel"] #krillAvatarSpriteWrap .digital-creature{width:calc(var(--player-size,26px)*1.8)!important}
body[data-scene="travel"] #krillActor{animation:cinematicSwim 2.6s ease-in-out both!important}body[data-scene="travel"] #krillAvatarSpriteWrap .digital-creature{animation:none!important}
@keyframes cinematicSwim{0%,100%{translate:0 0;rotate:0deg}25%{translate:-22px 3px;rotate:-4deg}65%{translate:22px -3px;rotate:4deg}}
@media(prefers-reduced-motion:reduce){body[data-scene="travel"] #krillActor{animation:none!important}}
.home-main-buttons .begin-puffer-btn{width:100%!important;max-width:none!important;min-width:0;align-self:stretch}
.menu-volume{padding:12px 14px;border:1px solid #426577;border-radius:8px;background:#0a293b;margin:8px 0}.menu-volume label{display:flex;justify-content:space-between;align-items:center;color:#d1e8ed;font-size:14px;font-weight:700}.menu-volume output{color:#79e4df;font-variant-numeric:tabular-nums}#menuVolume{display:block;width:100%;min-height:32px;margin:8px 0 0;accent-color:#75dfd9;cursor:pointer}#menuVolume:focus-visible{outline:2px solid #ffd477;outline-offset:3px}

body[data-scene="launch"] #krillAvatarSpriteWrap .digital-creature{animation:none!important}

body[data-scene="launch"] #krillActor{animation-duration:2.4s!important}
body[data-scene="dive"] #krillAvatarSpriteWrap .digital-creature{animation:none!important}
body[data-scene="dive"] .prompt-stage,body[data-scene="dive"] .bottom-input-dock,body[data-scene="dive"] #gameHud{animation:questionArrival .32s ease-out both}
@keyframes questionArrival{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){body[data-scene="dive"] .prompt-stage,body[data-scene="dive"] .bottom-input-dock,body[data-scene="dive"] #gameHud{animation:none}}
.answer-validation-status{display:none;position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:180;max-width:90vw;padding:10px 18px;border:1px solid #65dcd8;border-radius:8px;background:#082c3ee8;color:#a9eeea;font:800 12px "Nunito Sans",sans-serif;letter-spacing:1px;text-align:center;pointer-events:none}body[data-validating="true"] .answer-validation-status{display:block}body[data-validating="true"] #timerOrb{box-shadow:0 0 22px #73e4df66}body[data-validating="true"] #gameMenuBtn{visibility:hidden}
.mode-menu nav .menu-home-return{justify-content:center;border-color:#71d9d4;color:#bff6ed;background:#104051;font-weight:800;margin-bottom:8px}

/* Resposta enviada, acima da raridade na pausa entre desafios. */
.round-intermission .intermission-answer{margin:0 0 10px;color:#7bdedb;font-size:clamp(18px,3vw,26px);font-weight:800;line-height:1.25;overflow-wrap:anywhere;text-transform:none;letter-spacing:.02em}

.audio-settings{margin-top:16px;border-top:1px solid #396175;padding-top:12px}.audio-settings summary{cursor:pointer;color:#a8efeb;font-weight:800;padding:10px 4px}.audio-settings>p{font-size:13px;color:#9cb9c9}.audio-settings .menu-volume{padding:10px 4px}.audio-settings input{width:100%;accent-color:#71dedc}.audio-settings output{float:right}

/* Mantém a rolagem dos painéis sem desenhar as barras nativas. */
*{scrollbar-width:none;-ms-overflow-style:none}
*::-webkit-scrollbar{display:none;width:0;height:0}

html:not([data-navigation="directional"]) :focus{outline:none!important}
html[data-navigation="directional"] :focus{outline:2px solid #ffd477!important;outline-offset:4px}

.pearl-icon,#surfaceDepthBalance::before,#walletDepthText::before,#shopBankDisplay::before,#wardrobeDepthBalance::before,#hudScore::before,.pearl-price::before,#purchaseVariantBtn::before{content:"";display:inline-block;width:1.05em;height:1.05em;margin-right:.3em;background:url("art/pearl.svg") center/contain no-repeat;vertical-align:-.14em;flex-shrink:0}
.controller-hint{display:none;color:#9fc7d3;font-size:12px;margin:10px 0}
html[data-controller="connected"] .controller-hint{display:block}

/* Marca em duas linhas, preservando espaço para o céu e o barco. */
.krillion-title{font-size:clamp(38px,6vw,72px);line-height:1.05;letter-spacing:2px}.krillion-title>span{display:block;font-size:.58em;margin-bottom:6px}.wardrobe-wordmark{font-size:clamp(19px,2.7vw,29px);max-width:260px;line-height:1.1;letter-spacing:-.6px}@media(max-width:720px){.krillion-title{font-size:42px}.wardrobe-wordmark{max-width:42vw;font-size:20px}}

.online-party-card{width:min(1100px,96vw);max-height:92dvh;overflow:auto;background:#082a3bf5;color:#d9f4f4;padding:24px;border-radius:20px;border:1px solid #4e8795}.online-header,.online-room-bar,.online-entry-actions,.online-match-actions{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.online-header h1{font:900 clamp(22px,3vw,32px) 'Nunito Sans',sans-serif;margin:6px 0}.online-header p{color:#9bc3ce}.online-header button{font-size:30px}.online-party-card button{cursor:pointer;border:1px solid #6aa6b5;background:#103c50;color:#ddf6f4;border-radius:9px;padding:10px 16px;font-weight:800}.online-party-card button:disabled{opacity:.45;cursor:default}.online-party-card input,.online-party-card select{display:block;width:100%;box-sizing:border-box;padding:12px;background:#071e30;color:#e1f5f5;border:1px solid #4c8e9e;border-radius:8px;font-size:16px}.online-party-card label{display:block;color:#aacdd8;font-size:13px}.online-entry-actions{margin:16px 0}.online-entry-actions label{flex:1;min-width:180px}.online-room-bar{padding:14px 0}.online-room-bar strong{color:#82e1dd;font-size:22px}.online-invite-label{margin-bottom:16px}.online-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin:14px 0}.online-roster-player{display:flex;gap:9px;align-items:center;padding:8px;border:1px solid #326071;background:#0b3042;border-radius:12px}.online-roster-player .digital-creature{width:48px!important;height:45px!important}.online-roster-player>span{flex:1}.online-roster-player small{display:block;color:#7faab9;font-size:11px}.online-match-actions{margin:16px 0}.online-question{text-align:center;padding:10px}.online-question small{color:#85e1df}.online-question h2{font-size:24px}.online-play-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px}.online-arena{height:370px;position:relative;min-width:0;background:radial-gradient(ellipse,#15506566,transparent 70%)}.online-seat{position:absolute;transform:translate(-50%,-50%);width:100px;text-align:center;border-radius:12px;border:1px solid transparent;padding:6px}.online-seat.holding{border-color:#ffd17a;background:#59491c55}.online-seat.eliminated{opacity:.4}.online-seat .digital-creature{width:62px!important;height:58px!important;display:block;margin:auto}.online-seat b,.online-seat small{display:block;overflow-wrap:anywhere;font-size:12px}.online-seat small{color:#ff8799}.online-used{background:#052133;border:1px solid #315e72;border-radius:12px;padding:12px;max-height:350px;overflow:auto}.online-used h3{font-size:16px}.online-used p{border-bottom:1px solid #244c5d;padding:8px 0;font-size:13px}.online-used small{display:block;color:#91b6c6}#onlineBomb{position:absolute;transform:translate(-50%,-50%);width:70px;height:65px;transition:left .25s,top .25s}#onlineClock{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);font-size:24px;color:#ffd17a}#onlineAnswerForm{display:flex;gap:10px;margin:15px 0}#onlineAnswerForm input{flex:1;min-width:0}#onlineAnswerForm button{background:#f47d88;color:white}#onlineValidation,#onlineMessage{color:#8de3e1;min-height:1.4em}#onlineNetworkNote{font-size:12px;color:#92b9c8}#onlineWinner{font-size:23px;color:#ffd78a;font-weight:900}#onlineLocal{margin-top:12px} .online-party-card [hidden]{display:none!important}@media(max-width:720px){.online-party-card{padding:16px}.online-play-layout{grid-template-columns:1fr}.online-used{max-height:130px}.online-arena{height:330px}.online-seat{width:80px}.online-seat .digital-creature{width:50px!important;height:48px!important}.online-question h2{font-size:19px}#onlineAnswerForm button{padding:8px}.online-roster{grid-template-columns:1fr 1fr}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.online-playing .online-header,.online-playing #onlineNetworkNote,.online-playing #onlineLocal{display:none}.online-game-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.online-game-bar small{color:#92c1d1}.online-game-bar #onlineClock{position:static;transform:none;min-width:65px;border:1px solid #4c7f89;border-radius:50px;padding:9px;text-align:center;font-size:22px}.online-playing .online-party-card{width:min(1180px,97vw);padding:18px}.online-playing .online-question{padding:4px 8px}.online-playing .online-question h2{margin:8px 0}.online-playing .online-arena{height:clamp(350px,48vh,520px)}.online-playing .online-play-layout{grid-template-columns:minmax(0,1fr) 220px}.online-roster-player>.digital-creature{flex:0 0 54px!important;width:54px!important;height:54px!important;aspect-ratio:1!important}.online-roster-player>span:not(.digital-creature){flex:1}.online-seat .digital-creature{width:72px!important;height:72px!important;aspect-ratio:1!important;flex:none!important}.online-seat .creature-body{object-fit:contain!important}.online-seat{width:112px}.online-wagers{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#102f3f;padding:14px;border-radius:12px;border:1px solid #4a6571}.online-wagers p{flex:1;min-width:180px;font-size:13px;color:#c2dbe0}.online-wagers label{min-width:170px}.online-invite-label[hidden]{display:none!important}@media(max-width:720px){.online-playing .online-play-layout{grid-template-columns:1fr}.online-playing .online-arena{height:350px}.online-seat{width:82px}.online-seat .digital-creature{width:58px!important;height:58px!important}.online-game-bar{gap:6px}.online-game-bar button{padding:8px;font-size:12px}.online-playing .online-used{max-height:120px}}

.online-playing .online-arena{margin-top:12px}
.species-picker{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px;max-height:220px;overflow-y:auto}.species-choice{min-width:0;overflow:hidden}.species-choice img{object-fit:contain;pointer-events:none}.species-choice span{overflow-wrap:anywhere}.boat-thumbnail{object-fit:contain;pointer-events:none}.wardrobe-editor{isolation:isolate}.variant-card .digital-creature{overflow:hidden}.variant-card .creature-body,.variant-card .creature-atlas{pointer-events:none}.variant-card.locked .boat-thumbnail,.variant-card.locked .digital-creature{filter:brightness(.33) saturate(.55)}
@media(max-width:720px){.species-picker{grid-template-columns:repeat(5,minmax(0,1fr))!important;max-height:200px}.species-choice{display:flex;flex-direction:column;align-items:center;min-height:65px}.species-choice img{height:36px!important;width:46px!important}.species-choice span{font-size:9px}}
.variant-character>.creature-body,.variant-character>.creature-atlas{filter:var(--creature-tint,none);image-rendering:pixelated}.species-choice img{image-rendering:pixelated}.variant-card{overflow:hidden}.variant-lock{position:relative;z-index:2}.species-picker{max-height:240px}
@media(max-width:720px){
 #appearanceModal .variant-actions{position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%);width:min(520px,100vw);box-sizing:border-box;margin:0!important;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))!important;z-index:500!important;border:1px solid #3e6c7b;border-bottom:0;border-radius:18px 18px 0 0;background:#082d3ffa;box-shadow:0 -8px 24px #001b2b66;text-align:center}
 #appearanceModal .variant-actions .appearance-save{width:100%;min-height:48px;margin:0!important}
 #appearanceModal .variant-actions:has(#purchaseVariantBtn:not([hidden])) #saveAppearanceBtn{display:none!important}
 #appearanceModal .variant-actions .appearance-state{min-height:0;margin:8px 0 4px;font-size:11px;line-height:1.4}
 #appearanceModal .variant-actions .appearance-reset{font-size:11px}
 #appearanceModal .wardrobe-editor{padding-bottom:190px!important}
 #appearanceModal .variant-grid{padding-bottom:14px}
}
@media(max-width:720px){#appearanceModal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media(max-width:720px){#homeCharacterBtn.home-character{width:var(--home-player-size,76px)!important;height:var(--home-player-size,76px)!important;left:calc(var(--home-character-x,60vw) - var(--home-player-size,76px)/2)!important;top:calc(var(--home-character-y,65vh) - var(--home-player-size,76px)/2)!important}#homeCharacterArt{width:var(--home-player-size,76px)!important;height:var(--home-player-size,76px)!important}}
#onlineStakeAmount{min-width:0;max-width:100%;margin-top:10px}#onlineStakeAmount[hidden]{display:none!important}#onlineStakeCaption{display:block;margin-bottom:8px;color:#c2dbe0;font-size:13px}.stake-adjuster{display:grid;grid-template-columns:auto minmax(90px,150px) auto;align-items:center;gap:10px}.stake-steps{display:grid;gap:6px}.stake-steps button{min-height:44px;min-width:68px;padding:8px 10px;background:#12394d;border:1px solid #4e8595;border-radius:8px;color:#e0f6ee;font:800 13px 'Nunito Sans',sans-serif;cursor:pointer}.stake-steps button:hover{background:#1b5364;border-color:#6ac9cd}.stake-adjuster #onlineStake{width:100%;min-width:0;box-sizing:border-box;text-align:center;font-size:20px;padding:12px 4px}.stake-adjuster input::-webkit-inner-spin-button,.stake-adjuster input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stake-adjuster input{-moz-appearance:textfield}@media(max-width:480px){.stake-adjuster{gap:6px;grid-template-columns:68px minmax(70px,1fr) 68px}#onlineStakeLabel{width:100%}}