@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";.lobby-scene{background:#263e33}.lobby-scene .lobby-world{box-shadow:0 12px 48px #0009}.lobby-scene .lobby-map{object-fit:fill}.lobby-scene-frame{position:absolute;inset:0;border:.65cqw solid #58310f;box-shadow:inset 0 0 0 .24cqw #e9b44a,inset 0 0 0 .48cqw #8c531d,inset 0 0 1.8cqw #0008;pointer-events:none;z-index:3}.scene-building{position:absolute;z-index:2;display:grid;place-items:end center;min-width:44px;min-height:44px;padding:0;border:0;border-radius:2cqw;background:transparent;cursor:pointer}.scene-highlight{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .25s;pointer-events:none}.scene-cutout,.scene-rim,.scene-highlight img{position:absolute;inset:0;width:100%;height:100%}.scene-highlight img{filter:brightness(1.12) saturate(1.1)}.scene-cutout{filter:drop-shadow(0 0 .5cqw #ffd77a99) drop-shadow(0 0 1.6cqw #ffb24d55)}.scene-rim{overflow:visible;animation:scene-rim-breathe 2.6s ease-in-out infinite}.scene-rim polygon{fill:none;stroke-linejoin:round;vector-effect:non-scaling-stroke}.rim-glow{filter:blur(.5cqw)}.rim-glow polygon{stroke:#ffd36b;stroke-width:.9cqw;stroke-opacity:.45}.rim-line{filter:blur(.12cqw)}.rim-line polygon{stroke:#fff1c4;stroke-width:.18cqw;stroke-opacity:.7}@keyframes scene-rim-breathe{50%{opacity:.65}}@media(prefers-reduced-motion:reduce){.scene-rim{animation:none}}.scene-building:is(:hover,:focus-visible)+.scene-highlight{opacity:1}.lobby-map{transition:filter .25s}.lobby-world:has(.scene-building:is(:hover,:focus-visible)) .lobby-map{filter:brightness(.7) saturate(.85)}.scene-building:hover,.scene-building:active{background:transparent;transform:none}.scene-building:focus-visible{outline:none}.scene-building:is(:hover,:focus-visible) .scene-plaque{border-color:#ffe9a0;box-shadow:inset 0 0 0 .15cqw #ffe39a,0 0 1cqw #ffd04d}.scene-building-camp{left:3%;top:12%;width:28%;height:32%}.scene-building-arena{left:34%;top:17%;width:36%;height:42%}.scene-building-dungeon{left:70%;top:3%;width:27%;height:55%;padding-left:5.6%;padding-bottom:2.36%}.scene-plaque{display:grid;gap:.1cqw;min-width:11cqw;padding:.45cqw 1.05cqw;border:.2cqw solid #593210;border-radius:.75cqw;background:linear-gradient(#b97c3d,#77441d);box-shadow:inset 0 0 0 .15cqw #edc268,0 .25cqw .5cqw #39220b99;color:#fff3d0;text-align:center;text-shadow:0 1px 1px #3b200b}.scene-plaque strong{font-size:clamp(14px,1.65cqw,24px);line-height:1.2}.scene-plaque small{font-size:clamp(10px,.85cqw,13px);line-height:1.2}.camp-backdrop,.camp-character .character-doll{pointer-events:none}.camp-character:active{transform:translate(-50%,-92%)}.camp-pet:active{transform:translate(-50%,-100%)}.camp-pet.empty:active{transform:translate(-50%,-80%)}.camp-aura{position:absolute;width:130%;height:auto;left:-15%;top:-20%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 5px #ffd893) drop-shadow(0 0 13px #fb765e);opacity:.5;transition:opacity .4s}.camp-character.active .camp-aura,.camp-character:hover .camp-aura{opacity:.85}.camp-aura.ground{top:auto;bottom:8%;width:125%;left:-12.5%;transform:translateY(50%) scaleY(.3);opacity:.9}.camp-character .character-doll{position:relative}.aura-glow{fill:#c746482b;stroke:#ffd9a0;stroke-width:1;opacity:.8}.aura-ring{transform-origin:100px 100px;animation:camp-aura-turn 14s linear infinite}.camp-aura.ground .aura-ring{animation-direction:reverse}.aura-edge{fill:#dd53594a;stroke:#ffe2b0;stroke-width:2.5}.aura-inner{fill:#7f313831;stroke:#fff2c5;stroke-width:1.4}.aura-dashes{fill:none;stroke:#fff0bd;stroke-width:3;stroke-dasharray:2 7;opacity:.75}.aura-mark,.aura-glyph{fill:#fff2c7}.aura-glyph{opacity:.8}.aura-star{fill:none;stroke:#ffdbb0;stroke-width:1;opacity:.55}@keyframes camp-aura-turn{to{transform:rotate(360deg)}}.hero-ground{position:absolute;left:50%;bottom:8%;width:95%;aspect-ratio:3 / 1;transform:translate(-50%,50%);border-radius:50%;background:radial-gradient(closest-side,#fff6d0d0,#ffd77a80 45%,#ffb34f26 75%,transparent);box-shadow:0 0 0 .25cqw #ffe7a866,0 0 2cqw #ffcf6a88;animation:hero-ground-pulse 3s ease-in-out infinite}@keyframes hero-ground-pulse{50%{opacity:.7}}.camp-sparkles{position:absolute;inset:0;pointer-events:none;filter:drop-shadow(0 0 .15cqw #a0560f) drop-shadow(0 0 .6cqw #ffb84d)}.camp-sparkle{position:absolute;width:var(--spark);aspect-ratio:1;margin:calc(var(--spark) / -2);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);background:linear-gradient(#fffbe8,#ffd36b);opacity:0;animation:camp-sparkle 3.6s ease-in-out infinite}@keyframes camp-sparkle{40%{opacity:1;transform:translateY(-1cqw) scale(1) rotate(45deg)}70%{opacity:.6;transform:translateY(-2cqw) scale(.6) rotate(90deg)}0%,to{opacity:0;transform:scale(.2)}}.pet-ring{position:absolute;left:50%;bottom:0;width:72%;aspect-ratio:3 / 1;transform:translate(-50%,50%);border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--ring) 75%,transparent),color-mix(in srgb,var(--ring) 35%,transparent) 70%,transparent);box-shadow:0 0 0 .25cqw color-mix(in srgb,var(--ring) 70%,white),0 0 1.5cqw var(--ring);opacity:.95;pointer-events:none}@media(prefers-reduced-motion:reduce){.aura-ring,.hero-ground{animation:none}.camp-sparkle{animation:none;opacity:.8}}.spot{position:absolute;left:50%;bottom:var(--feet, 0%);width:130%;aspect-ratio:1 / 2;transform:translate(-50%,7.5%);opacity:0;transition:opacity .35s;pointer-events:none}.camp-character{--feet: 8%}.camp-pet .spot{width:120%}.spot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.camp-actor:is(:hover,:focus-visible,.active) .spot{opacity:1}.spot-haze{opacity:.3}.spot-mote{position:absolute;width:var(--mote);aspect-ratio:1;margin:calc(var(--mote) / -2);border-radius:50%;background:radial-gradient(closest-side,#fffdf0,#ffe9a8aa 55%,transparent);opacity:0;animation:spot-mote 6s ease-in-out infinite paused}.spot-mote.glint{width:calc(var(--mote) * 1.8);margin:calc(var(--mote) * -.9);border-radius:0;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);background:linear-gradient(#fffbe8,#ffd36b)}.camp-actor:is(:hover,:focus-visible,.active) .spot-mote{animation-play-state:running}@keyframes spot-mote{0%{opacity:0;transform:translate(0) scale(.6)}30%{opacity:.95}70%{opacity:.7}to{opacity:0;transform:translate(var(--drift),-6cqw) scale(1) rotate(90deg)}}@media(prefers-reduced-motion:reduce){.spot-mote{animation:none;opacity:.7}}.camp-label{position:absolute;left:50%;bottom:100%;z-index:1;display:grid;justify-items:center;padding:.3cqw 1cqw;border:.18cqw solid #e9b44a;border-radius:.8cqw;background:linear-gradient(#5a3415eb,#2e1a09eb);box-shadow:0 .3cqw .8cqw #0007;color:#fff3d0;font-size:max(12px,1.2cqw);font-weight:900;line-height:1.25;white-space:nowrap;text-shadow:0 1px 1px #000;opacity:0;transform:translate(-50%,.6cqw);transition:opacity .2s,transform .2s;pointer-events:none}.camp-character .camp-label{bottom:96%}.camp-label small{color:#ffe39a;font-size:max(10px,.9cqw);font-weight:700}.camp-actor:is(:hover,:focus-visible) .camp-label{opacity:1;transform:translate(-50%,-.3cqw)}.camp-backdrop{transition:filter .35s}.camp-stage:has(.camp-actor:hover,.camp-actor:focus-visible) .camp-backdrop{filter:brightness(.6) saturate(.8)}:root{font-family:Nunito,system-ui,sans-serif;color:#46443f;background:#f1eee6;font-synthesis:none;font-weight:600;--green: #597b56;--muted: #7e8175;--cream: #faf8f1}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid #dedfd3;border-radius:14px;background:#fffdf7;color:inherit;padding:10px 16px;transition:transform .15s,background .15s}button:hover{background:#f1f2e7}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bd95c5;outline-offset:3px}h1{font-size:clamp(26px,5vw,36px);line-height:1.2;letter-spacing:-1px;margin:10px 0 14px;font-weight:900}h2{font-size:21px;margin:12px 0}p{line-height:1.65;margin:8px 0;color:#74776a}.app-shell{max-width:840px;margin:auto;background:var(--cream);min-height:100dvh;padding-bottom:100px;box-shadow:0 0 80px #5e70500b}header{height:86px;padding:0 32px;border-bottom:1px solid #e9e7dd;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-weight:900;border:0;background:none;padding:0;font-size:21px;letter-spacing:-.7px;color:var(--green)}.xp-pill{border:1px solid #e5dbc2;background:#fbf2da;border-radius:20px;padding:7px 12px;font-size:13px}main{padding:28px 32px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;color:#7f916f}.page-heading{margin-bottom:28px}.page-heading>p:last-child{max-width:470px;font-size:14px}.adventure-card{position:relative;border:1px solid #dce3cc;border-radius:28px;padding:24px;background:linear-gradient(145deg,#eff2df,#e1ebd7);text-align:center;overflow:hidden}.adventure-card .badge{position:absolute;left:22px;top:22px}.badge{display:inline-block;border:1px solid #d4ddc9;border-radius:20px;background:#f8faefb0;padding:6px 12px;font-size:10px;letter-spacing:1px;font-weight:800}.garden{height:180px;position:relative;display:flex;align-items:center;justify-content:center}.garden:before{content:"";position:absolute;border-radius:50%;width:200px;height:200px;background:#ffffff40;top:10px}.pet-portrait{width:170px;height:160px;position:relative;transition:transform .3s}img.pet-portrait{object-fit:contain}.pet-portrait.small{width:76px;height:72px;flex-shrink:0}.spark{position:absolute;font-size:30px;color:#bca76b}.s1{left:22%;top:55px}.s2{right:23%;top:105px}.adventure-card h2{font-size:27px;letter-spacing:-.5px}.adventure-card p{font-size:14px;margin-bottom:23px}.primary{background:var(--green);border-color:var(--green);color:#fff;font-weight:800;min-height:52px;box-shadow:0 4px #435f41}.primary:hover{background:#496c47}.adventure-card .primary{width:100%;max-width:350px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:12px}.section-title h2{font-size:18px}.text-button{border:0;background:none;color:var(--green);font-size:13px}.companion-card{width:100%;display:flex;align-items:center;text-align:left;gap:12px;border-radius:20px;padding:10px 16px}.companion-card>div{flex:1}.companion-card strong{font-size:17px}.companion-card p{font-size:12px}.companion-card>span{font-size:12px;color:var(--green)}.tip{display:flex;align-items:center;gap:14px;margin:23px 4px}.tip>span{font-size:28px;color:#a997ae}.tip p{font-size:12px}.app-shell>nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,840px);padding:10px 20px max(12px,env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:#faf8f1f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #e7e5dc;z-index:5}nav button{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;border:0;background:none;min-width:65px;color:#909183}nav button>span{font-size:22px}nav button.active{background:#e7eddf;color:var(--green)}.welcome{min-height:100dvh;max-width:600px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px;background:radial-gradient(ellipse,#e8efdc,#faf8f1)}.welcome h1{font-size:48px;color:var(--green)}.welcome .primary{width:100%;max-width:320px}.brand-mark{font-size:72px;color:#829e6d}.welcome-pets{font-size:58px;padding:30px 0}.welcome .muted{font-size:12px;margin-top:20px}.pet-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pet-card{padding:18px 10px;border-radius:24px;text-align:center}.pet-card .pet-portrait{width:100%;max-width:160px}.pet-card.selected{border:2px solid #88a57b;background:#eef2e5}.pet-card p{font-size:12px;min-height:40px}.selection-label{display:block;font-size:12px;color:var(--green);margin-top:15px}.panel{background:#fffdf8;border:1px solid #e5e2d8;border-radius:24px;padding:24px}.panel label{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:64px;border-bottom:1px solid #eeece4;font-size:14px}.panel label:last-of-type{margin-bottom:20px}.panel small{display:block;font-size:11px;max-width:270px;color:var(--muted);margin-top:5px}select{max-width:55%;border:1px solid #daddce;border-radius:12px;padding:10px;background:#f7f8ef;color:inherit;min-height:44px}input[type=checkbox]{width:24px;height:24px;accent-color:var(--green)}input[type=color]{border:0;width:55px;height:44px;background:none}.panel>.primary{width:100%}.doll-stage{background:radial-gradient(ellipse,#e9e0ef,#f5f0e8);border-radius:28px;text-align:center;padding:20px}.character-doll{width:220px;height:260px}.animation-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.animation-tabs button{font-size:11px;flex:1;padding:8px}.animation-tabs [aria-pressed=true]{background:#e6dcf0}.animation-idle{animation:bob 2s ease-in-out infinite}.animation-idle .bone-head{animation:nod 4s ease-in-out infinite}.animation-idle .bone-upperArmBack{animation:sway 4s ease-in-out infinite}.animation-idle .bone-upperArmFront{animation:sway 4s ease-in-out infinite reverse}.animation-idle .layer-eyeLeft,.animation-idle .layer-eyeRight,.animation-blink .layer-eyeLeft,.animation-blink .layer-eyeRight{animation:blink 4s infinite}.animation-attack .bone-upperArmFront{animation:swing-shoulder .7s ease-in-out infinite}.character-doll.animation-attack,.character-doll.animation-victory{overflow:visible}.animation-attack .bone-forearmFront{animation:swing-elbow .7s ease-in-out infinite}.animation-attack .bone-handFront{animation:swing-wrist .7s ease-in-out infinite}.animation-attack .bone-torso{animation:lunge .7s ease-in-out infinite}.animation-hit{animation:shake .35s infinite}.animation-hit .bone-head{animation:flinch .35s infinite}.animation-hit .bone-upperArmBack{animation:flail-back .35s infinite}.animation-victory{animation:jump .7s infinite}.animation-victory .bone-upperArmBack{animation:cheer-back .7s ease-in-out infinite}.animation-victory .bone-upperArmFront{animation:cheer-front .7s ease-in-out infinite}.animation-victory .bone-forearmFront{animation:cheer-elbow .7s ease-in-out infinite}.animation-victory .bone-handFront{animation:cheer-wrist .7s ease-in-out infinite}@keyframes nod{50%{transform:rotate(-3deg)}}@keyframes sway{50%{transform:rotate(5deg)}}@keyframes swing-shoulder{45%{transform:rotate(-80deg)}70%{transform:rotate(15deg)}}@keyframes swing-elbow{45%{transform:rotate(-40deg)}70%{transform:rotate(10deg)}}@keyframes swing-wrist{45%{transform:rotate(130deg)}70%{transform:rotate(0)}}@keyframes lunge{45%{transform:rotate(-4deg)}70%{transform:rotate(5deg)}}@keyframes flinch{50%{transform:rotate(9deg)}}@keyframes flail-back{50%{transform:rotate(35deg)}}@keyframes cheer-back{50%{transform:rotate(110deg)}}@keyframes cheer-front{50%{transform:rotate(-120deg)}}@keyframes cheer-elbow{50%{transform:rotate(-30deg)}}@keyframes cheer-wrist{50%{transform:rotate(160deg)}}.hp-row{display:flex;justify-content:space-between;gap:32px;margin:12px 0}.hp-row label{width:45%;font-size:12px}.hp-row label:last-child{text-align:right}meter{display:block;width:100%;height:17px;accent-color:#86ae75}meter::-webkit-meter-optimum-value{background:#92b77e}meter::-webkit-meter-bar{background:#e8e5dc;border:0}.hp-row small{font-size:10px;color:#929386}.battle-canvas{width:100%;aspect-ratio:440/280;border-radius:24px;overflow:hidden}.battle-canvas canvas{display:block}.question-card{position:relative;margin-top:16px;background:#fff;border:1px solid #e5e2d8;border-radius:24px;padding:22px}.question-meta{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--green)}.question-meta>span:nth-child(2){margin-left:auto}.timer{width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.timer b{width:32px;height:32px;display:grid;place-items:center;background:#fff;border-radius:50%;font-size:14px}.question-card h2{font-size:23px;margin:17px 0 22px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answers button{display:flex;align-items:center;text-align:left;gap:9px;min-height:66px;font-size:13px;padding:10px;background:#faf9f4}.answers button>span{border-radius:8px;background:#ecebdf;min-width:24px;height:26px;text-align:center;padding-top:4px;font-size:11px}.answers button.correct{background:#e6f2dd;border-color:#83a875;opacity:1}.special{width:100%;margin-top:14px;background:#f4edf8;border-color:#e4d6ee;color:#866393;font-size:12px}.special[aria-pressed=true]{background:#e5d5ef}.feedback{margin-top:16px;border:1px solid #e5dcbf;background:#fcf5df;border-radius:18px;padding:16px;font-size:13px}.feedback.good{background:#edf6e7;border-color:#c5dabb}.feedback p{font-size:12px}.result{text-align:center;margin-top:20px}.result strong{display:block;font-size:24px;color:var(--green);margin:20px}.result-flower{font-size:48px;color:#96ad77}.battle-intro{text-align:center;margin-top:40px}.battle-intro p{margin:24px 0}.battle-intro button{display:block;width:100%;margin-top:16px}@keyframes bob{50%{transform:translateY(-5px)}}@keyframes blink{48%,54%{transform:scaleY(1);filter:brightness(1)}50%{transform:scaleY(.08);filter:brightness(0)}}@keyframes swing{50%{transform:rotate(-35deg)}}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes jump{50%{transform:translateY(-15px) rotate(4deg)}}@media(max-width:520px){.app-shell:has(.battle-stage){padding-bottom:24px}.app-shell:has(.battle-stage) main{padding-top:8px}.battle-stage .battle-canvas{max-height:175px}.battle-stage .battle-character .character-doll{width:65px;height:80px}header{padding:0 20px;height:72px}main{padding:24px 20px}.brand{font-size:19px}.adventure-card{padding:20px}.garden{height:170px}.pet-list{grid-template-columns:1fr}.pet-card{display:grid;grid-template-columns:100px 1fr;text-align:left;column-gap:15px}.pet-card .pet-portrait{grid-row:1/7;width:100px;height:120px}.pet-card h2{margin:0 0 10px}.pet-card p{min-height:0;margin:7px 0}.pet-card .badge{justify-self:start}.selection-label{margin-top:7px}.question-card{padding:16px}.answers{grid-template-columns:1fr}.answers button{min-height:52px}.battle-canvas{max-height:240px}.question-card h2{font-size:20px;margin:12px 0 16px}.welcome h1{font-size:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.battle-stage{position:relative}.battle-character{position:absolute;z-index:1;left:0;bottom:9%;pointer-events:none}.battle-character .character-doll{width:80px;height:100px}.mode-grid,.shop-grid,.fighters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.mode-grid button{min-height:76px}.mode-grid small{display:block;font-size:11px;color:var(--muted);margin-top:8px}.quest,.push-settings{margin-bottom:16px}.quest progress{width:100%;accent-color:var(--green)}.account-panel{width:100%;text-align:left}.account-panel input,.panel input:not([type=checkbox]):not([type=color]){min-width:0;width:60%;min-height:44px;border:1px solid #daddce;border-radius:10px;padding:8px;background:#fffdf9;color:inherit}.account-panel button{margin-top:12px}.account-panel form button{width:100%}.recovery-code{color:#2c1d14;display:block;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:16px;background:#f1e8d8;border-radius:12px}.fighter{background:#f2f3e9;border:1px solid #dddfd0;border-radius:20px;text-align:center;padding:12px}.fighter.me{border-color:#7d9e73}.fighter .pet-portrait{display:block;margin:auto}.fighter p,.fighter small{font-size:11px;margin:4px 0}.boss{background:#eee4f5;border-radius:20px;padding:14px;text-align:center}.question-audio button{width:100%;margin-bottom:14px}.shop-grid h3{margin-top:0}.push-settings button{margin-right:8px;margin-top:8px}.panel>button{margin-right:8px;margin-bottom:8px}.auth-panel{display:grid;gap:10px;text-align:left}.auth-panel h2{margin:0}.auth-panel form{display:grid;gap:10px}.auth-panel label{display:grid;gap:4px;font-size:14px}.auth-panel input:not([type=checkbox]){width:100%;min-height:44px;border:1px solid #c9a76a;border-radius:10px;padding:8px 10px;background:#fffaf0;color:#2c1d14;font:inherit}.auth-panel .auth-remember{display:flex;align-items:center;gap:8px;min-height:44px}.auth-panel .auth-remember input{width:20px;height:20px;accent-color:#e8a33d}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-radius:12px;padding:4px;background:#0000002e}.auth-tabs button{min-height:40px;border:0;border-radius:9px;background:none;color:inherit;font:inherit;font-weight:700;cursor:pointer}.auth-tabs [aria-selected=true]{background:#f7d68a;color:#3b2514}.auth-hint,.auth-error{margin:0;font-size:13px;line-height:1.4}.auth-panel .google-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#fff;color:#1f1f1f}.google-mark{width:20px;height:20px}.auth-divider{display:flex;align-items:center;gap:10px;margin:0;font-size:13px;opacity:.8}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid currentColor;opacity:.4}.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.link-button{min-height:44px;border:0;background:none;color:inherit;font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}.title-actions .auth-panel .game-button{width:100%}.title-actions .auth-panel{color:#fff1c2}.auth-tabs button:hover:not([aria-selected=true]){background:#ffffff1f}.auth-tabs button:not([aria-selected=true]){color:inherit;opacity:.85}.auth-panel .google-button:hover{background:#f3f3f3}.panel .auth-panel label{display:grid;justify-content:stretch;gap:4px;min-height:0;margin-bottom:0;border-bottom:0}.panel .auth-panel .auth-remember{display:flex;justify-content:flex-start}.panel .auth-panel input:not([type=checkbox]):not([type=color]){width:100%}.title-actions .auth-panel input:not([type=checkbox]){background:#fffaf0e6}.title-actions .auth-tabs{background:#00000040}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.auth-row .link-button{min-height:44px;padding:0}.auth-panel .guest-button{width:100%;background:#ffffff1f;border:1px solid #f7d68a99;color:inherit}.auth-panel .guest-button:hover{background:#fff3}.auth-note{margin:-4px 0 0;font-size:12px;text-align:center;text-shadow:0 1px 2px #000a}.title-actions .auth-error{padding:6px 10px;border-radius:8px;background:#7a1f1f99}.title-actions .auth-divider{opacity:1;text-shadow:0 1px 2px #000a}.title-actions .auth-hint{text-shadow:0 1px 2px #000a}:root{--wood-dark: #3e2410;--wood: #7a4a24;--wood-light: #a8723e;--parchment: #f8ecd0;--parchment-dark: #ead3a2;--gold: #f2c14e;--gold-dark: #a8691a;--ink: #4a2a14;--hud-height: 64px}body:has(.game),body:has(.title-screen){background:var(--wood-dark);overflow:hidden}.game header,.title-screen header{height:auto;padding:0;border:0}.game main,main.title-screen{padding:0}.stroked{color:#fff;text-shadow:0 2px 0 var(--wood-dark),0 0 4px var(--wood-dark)}.game-button{min-height:44px;padding:8px 20px;border:2px solid var(--wood);border-radius:12px;background:linear-gradient(#fff6de,#efd7a4);color:var(--ink);font-weight:900;box-shadow:inset 0 -3px #0000001f,0 2px 0 var(--wood-dark)}.game-button:hover{background:linear-gradient(#fffaf0,#f6e2b6)}.game-button.primary{background:linear-gradient(#ffd66b,#f08a2c);border-color:#8a3f10;color:#fff;text-shadow:0 1px 0 #8a3f10}.game-button.primary:hover{background:linear-gradient(#ffe08a,#f59a44)}.game-button.big{padding:12px 32px;font-size:18px}.game-button.small{padding:6px 14px;font-size:14px}.game-button[aria-pressed=true]{background:linear-gradient(#ffe9a8,#f2c14e);border-color:var(--gold-dark)}.title-screen{min-height:100dvh;display:grid;place-items:center;background:linear-gradient(#0000,#0004),url(/assets/placeholders/lobby/world.svg) center / cover}.title-card{width:min(520px,92vw);padding:32px 36px;text-align:center;background:linear-gradient(#a8723e,#7a4a24);border:4px solid var(--wood-dark);border-radius:24px;box-shadow:inset 0 0 0 3px var(--gold),0 20px 60px #0007;display:grid;gap:12px}.title-tagline{margin:0;color:var(--gold);letter-spacing:4px;font-weight:900}.title-logo{margin:0;font-size:clamp(40px,6vw,64px);color:#fff3c4;text-shadow:0 4px 0 var(--wood-dark),0 0 12px #ffb340}.title-copy,.title-note{color:#fbe9c4;margin:0}.title-note{font-size:13px;opacity:.85}.game{height:100dvh;display:grid;grid-template-rows:var(--hud-height) 1fr;color:var(--ink)}.game-main{position:relative;overflow:auto;min-height:0}.hud{display:flex;align-items:center;gap:12px;padding:0 16px!important;background:linear-gradient(#8a5a2e,#5e3618);border-bottom:3px solid var(--gold)!important;box-shadow:0 4px 12px #0006;z-index:30}.hud-profile{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;color:#fff}.hud-profile:hover{background:none}.hud-avatar{width:48px;height:48px;border-radius:50%;border:3px solid var(--gold);background:radial-gradient(#fff6de,#e9c98a);overflow:hidden;position:relative}.hud-avatar .character-doll{position:absolute;width:74px;height:86px;left:-13px;top:-6px;animation:none}.hud-xp,.hud-currency{padding:5px 12px;border-radius:20px;background:#0000004d;border:1px solid #ffffff33;color:#fff3c4;font-weight:900;font-size:14px;white-space:nowrap}.hud-currency span{color:var(--gold);margin-right:6px}.hud-nav{margin-left:auto;display:flex;gap:8px}.hud-nav button{min-height:44px;border:2px solid var(--wood-dark);border-radius:12px;background:linear-gradient(#ffe9b0,#e9b85c);color:var(--ink);font-weight:900;font-size:14px;padding:6px 14px}.hud-nav button span{margin-right:6px}.hud-nav button.active{background:linear-gradient(#fff6d6,#f2c14e);box-shadow:0 0 0 2px #fff6}.game.immersive .hud-nav button:not(:first-child){display:none}.lobby{height:100%;display:grid;place-items:center;background:linear-gradient(#7cc6f0 0 45%,#5ea33c 45%)}.lobby-world{position:relative;width:min(100%,calc((100dvh - var(--hud-height)) * 16 / 9));aspect-ratio:16 / 9;container-type:inline-size;overflow:hidden}.lobby-map{position:absolute;inset:0;width:100%;height:100%}.building{position:absolute;transform:translate(-50%,-50%);border:0;background:none;padding:0;min-height:0;display:grid;justify-items:center;transition:transform .25s,filter .25s}.building:hover,.building:focus-visible{background:none;transform:translate(-50%,-53%) scale(1.05);filter:drop-shadow(0 0 1.2cqw #fff6b0)}.building img{width:100%;filter:drop-shadow(0 .6cqw .6cqw #0005)}.plaque{margin-top:-1.5cqw;padding:.5cqw 1.6cqw;display:grid;background:linear-gradient(#a8723e,#6e3f1d);border:.3cqw solid var(--wood-dark);border-radius:1cqw;box-shadow:inset 0 0 0 .2cqw var(--gold)}.plaque strong{font-size:max(16px,2cqw);color:#fff3c4;text-shadow:0 2px 0 var(--wood-dark)}.plaque small{font-size:max(11px,1cqw);color:#f6dfae}.window-backdrop{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#1a0d0466}.game-window{width:min(780px,94%);max-height:90%;overflow:auto;background:var(--parchment);border:5px solid var(--wood);border-radius:20px;box-shadow:inset 0 0 0 3px var(--gold),0 24px 60px #0008}.window-title{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:10px 16px!important;background:linear-gradient(#a8723e,#6e3f1d);border-bottom:3px solid var(--gold)!important}.window-title h1{margin:0;font-size:24px;color:#fff3c4;text-shadow:0 2px 0 var(--wood-dark)}.window-close{min-width:44px;min-height:44px;border-radius:50%;border:2px solid #7a1a1a;background:linear-gradient(#ff8a7a,#d0453a);color:#fff;font-weight:900;padding:0}.window-close:hover{background:linear-gradient(#ff9d8f,#e05548)}.window-body{padding:18px 24px 24px}.window-body .page-heading h1{display:none}.window-body .panel{background:#fffaf0}.element-badge{display:inline-block;padding:1px 9px;border-radius:10px;color:#fff;font-size:12px;font-weight:900;text-shadow:0 1px 0 #0006;vertical-align:middle}.pet-sprite{position:absolute;width:var(--cell);height:var(--cell);left:calc(50% - var(--cell) * var(--anchor-x));top:calc(100% - var(--cell) * var(--anchor-y));overflow:hidden;pointer-events:none}.pet-sprite.flip{transform:scaleX(-1)}.pet-sprite .pet-portrait{width:100%;height:100%}.pet-sprite-strip{display:block;width:calc(var(--frames) * 100%);height:100%;background-size:100% 100%;animation:sprite-strip var(--duration) steps(var(--frames)) infinite}@keyframes sprite-strip{to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.pet-sprite-strip{animation:none}}.camp{position:relative;height:100%;display:grid;place-items:center;background:#2b1a0e;overflow:hidden}.camp-viewport{position:relative;width:min(100%,calc((100dvh - var(--hud-height)) * 680 / 383));aspect-ratio:680 / 383;overflow:hidden;container-type:inline-size}.camp-stage{position:absolute;inset:0;transform-origin:0 0;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.camp-backdrop{position:absolute;inset:0;width:100%;height:100%}.camp-dismiss{position:absolute;inset:0;z-index:1;border:0;background:none;min-height:0;cursor:zoom-out}.camp-dismiss:hover{background:none}.camp-actor{position:absolute;z-index:2;border:0;background:none;padding:0;min-height:0;transition:filter .2s,opacity .3s}.camp-actor:hover,.camp-actor:focus-visible,.camp-actor.active{background:none}.camp-actor:is(:hover,:focus-visible,.active) :is(.character-doll,.pet-sprite,.camp-plus){filter:drop-shadow(0 0 .5cqw #fff6a0) drop-shadow(0 0 .5cqw #fff6a0)}.camp.zoomed .camp-actor:not(.active){opacity:.6}.camp-character{width:20cqw;transform:translate(-50%,-92%)}.camp-character .character-doll{width:100%;height:auto;aspect-ratio:180 / 210;display:block}.camp-pet{width:16cqw;height:16cqw;transform:translate(-50%,-100%)}.camp-pet.empty{width:8cqw;height:5cqw;transform:translate(-50%,-80%)}.camp-plus{display:grid;place-items:center;width:100%;height:100%;border:.3cqw dashed #fff;border-radius:50%;color:#fff;font-size:3cqw;font-weight:900;text-shadow:0 1px 2px #0008}.camp-toolbar{position:absolute;top:12px;left:12px;right:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;pointer-events:none}.camp-toolbar>*{pointer-events:auto}.camp-title{padding:6px 16px;border-radius:12px;background:linear-gradient(#a8723e,#6e3f1d);border:2px solid var(--gold);color:#fff3c4;font-size:20px;font-weight:900;text-shadow:0 2px 0 var(--wood-dark)}.camp-hint{padding:6px 12px;border-radius:12px;background:#0000006b;color:#fff;font-size:13px}.camp-panel{position:absolute;top:16px;right:16px;bottom:16px;width:min(400px,40%);overflow:auto;z-index:5;background:var(--parchment);border:5px solid var(--wood);border-radius:20px;box-shadow:inset 0 0 0 3px var(--gold),0 20px 50px #0009;animation:panel-in .4s cubic-bezier(.2,.8,.2,1)}.camp-panel>.window-close{position:sticky;top:10px;float:right;margin:10px 10px 0 0;z-index:3}@keyframes panel-in{0%{transform:translate(110%)}}.panel-content{padding:18px 22px 22px}.panel-content h2{margin:4px 0 12px;font-size:26px}.panel-content h3{margin:18px 0 8px;font-size:16px;color:var(--wood)}.panel-kicker{margin:0;font-size:12px;letter-spacing:2px;font-weight:900;color:var(--gold-dark);text-transform:uppercase}.gear-group{border:2px solid var(--parchment-dark);border-radius:14px;margin:0 0 12px;padding:8px 12px 12px}.gear-group legend{font-weight:900;color:var(--wood);padding:0 6px}.gear-row{display:grid;gap:4px;margin-top:8px}.gear-label{font-size:13px;color:var(--wood)}.gear-options{display:flex;flex-wrap:wrap;gap:6px}.gear-chip{min-height:44px;padding:6px 12px;border:2px solid var(--parchment-dark);border-radius:12px;background:#fffaf0;font-size:14px}.gear-chip[aria-pressed=true]{border-color:var(--gold-dark);background:linear-gradient(#fff3c4,#f6d77a);font-weight:900}.color-row{display:flex;gap:16px;flex-wrap:wrap}.color-row label{display:grid;gap:4px;font-size:13px}.color-row input{width:64px;height:44px;border:2px solid var(--parchment-dark);border-radius:10px;background:#fff}.pet-heading{display:flex;gap:12px;align-items:center}.level-tag{font-size:13px;font-weight:900;color:var(--wood)}.stat-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:14px 0 0;padding:10px 14px;border-radius:12px;background:#fffaf0;border:2px solid var(--parchment-dark)}.stat-grid dt{color:var(--wood)}.stat-grid dd{margin:0;font-weight:900}.skill-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.skill-list li{display:grid;gap:2px;padding:8px 12px;border-radius:12px;background:#fffaf0;border-left:4px solid var(--gold)}.skill-list span{font-size:13px;color:#6b5a44}.matchup{line-height:2.2}.team-actions,.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.bench{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.bench-pet{display:grid;justify-items:center;gap:4px;padding:8px;border:2px solid var(--parchment-dark);border-radius:14px;background:#fffaf0}.bench-pet .pet-portrait.small{width:64px;height:58px}.mode-screen{min-height:100%;padding:20px 28px 40px;background:radial-gradient(circle at 50% 0,#6b3f1f,#2b1a0e 70%) fixed}.mode-header{display:flex!important;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px}.mode-header h1{margin:0;color:#fff3c4;text-shadow:0 3px 0 #000,0 0 10px #ffb340}.room-code{margin-left:auto;color:#fff3c4;font-weight:900}.team-strip{margin-left:auto;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:16px;background:#0000004d;border:1px solid #ffffff2e}.team-strip-label{color:#fff3c4;font-weight:900}.team-strip-pet{display:grid;justify-items:center}.team-strip-pet .pet-portrait.small{width:52px;height:46px}.dungeon-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px}.dungeon-card,.room-board,.arena-actions,.room-lobby,.result-banner,.enemy-banner,.battle-intro .game-window{background:var(--parchment);border:4px solid var(--wood);border-radius:18px;box-shadow:inset 0 0 0 2px var(--gold),0 10px 30px #0006;padding:18px 20px}.dungeon-card h2{margin:0}.wave-strip{list-style:none;display:flex;gap:8px;padding:0;margin:12px 0 4px}.wave-strip li{display:grid;justify-items:center;gap:2px;padding:6px;border-radius:12px;background:#fffaf0;border:2px solid var(--parchment-dark);font-size:12px;font-weight:900}.wave-strip li.boss{border-color:#c0392b;background:#fff0e8}.wave-strip .pet-portrait.small{width:58px;height:52px}.join-row{display:flex;align-items:end;gap:8px;margin-top:18px;color:#fff3c4}.arena-actions .join-row{color:var(--ink)}.join-row label{display:grid;gap:4px;font-size:13px}.join-row input{min-height:44px;border-radius:10px;border:2px solid var(--wood);padding:0 12px;background:#fffaf0}.arena-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start}.arena-actions{display:grid;gap:10px}.arena-actions h2,.room-board h2{margin:0 0 6px}.room-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.room-list li{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;background:#fffaf0;border:2px solid var(--parchment-dark)}.room-list code{margin-left:auto;font-size:12px;color:#8a7a60}.empty-note{color:#8a7a60}.enemy-banner{display:flex;align-items:center;gap:14px;margin-bottom:14px}.enemy-banner>div{flex:1;display:grid;gap:4px}.sides{display:grid;gap:16px}.sides-2{grid-template-columns:1fr 1fr}.room-battlefield{min-height:clamp(300px,33vw,450px);width:min(100%,900px);margin-inline:auto;align-content:center;padding:24px;border:4px solid var(--wood);border-radius:20px;background-color:#54624c;background-position:center 25%;background-size:cover;box-shadow:inset 0 0 0 2px var(--gold),0 12px 30px #0007}.room-battlefield.sides-2{gap:clamp(24px,12vw,180px)}.room-battlefield .side h2{color:#fff9df;text-shadow:0 2px 3px #3e2410,0 0 6px #3e2410}.side{display:grid;gap:10px;align-content:start}.side h2{margin:0;color:#fff3c4}.side-1 h2{text-align:right}.fighter{background:var(--parchment);border:3px solid var(--wood);border-radius:16px;padding:10px 14px}.fighter.me{border-color:var(--gold-dark);box-shadow:0 0 0 3px var(--gold)}.fighter.down{opacity:.55}.fighter header{display:flex!important;gap:10px;align-items:baseline}.fighter header .ready{color:#2f7a2f}.fighter-team{list-style:none;padding:0;margin:6px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fighter-team li{display:grid;justify-items:center;font-size:11px;padding:4px;border-radius:10px;border:2px solid transparent}.fighter-team li.active{border-color:var(--gold);background:#fff6d6}.fighter-team .pet-portrait.small{width:52px;height:46px;margin:0}.room-lobby{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}.room-lobby p{margin:0 auto 0 0}.result-banner{text-align:center;display:grid;gap:6px;justify-items:center;align-content:center}.result-banner h1,.result-banner h2{margin:0;color:var(--gold-dark)}.battle-screen{min-height:100%;padding:14px 24px 28px;background:radial-gradient(circle at 30% 20%,#5b7f3a,#1f2d14 75%)}.battle-top{display:flex!important;align-items:center;gap:18px;padding:8px 14px!important;margin-bottom:12px;border-radius:16px;background:#0000005c;border:1px solid #ffffff2a!important;color:#fff3c4}.wave-progress{display:flex;align-items:center;gap:6px;font-weight:900}.wave-dot{width:14px;height:14px;border-radius:50%;background:#fff3;border:2px solid #fff3c4}.wave-dot.done{background:#8bd06a}.wave-dot.current{background:var(--gold);box-shadow:0 0 8px var(--gold)}.wave-dot.boss{border-color:#ff6b5a;width:18px;height:18px}.enemy-hp{margin-left:auto;width:min(360px,40%);display:grid;gap:2px}.boss-tag{margin-left:6px;padding:0 6px;border-radius:6px;background:#c0392b;color:#fff;font-size:11px}.enemy-hp meter::-webkit-meter-optimum-value{background:#e05548}.battle-main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr);gap:18px;align-items:start}.battle-screen .battle-stage{border:4px solid var(--wood);border-radius:20px;overflow:hidden;background-color:#b7ceaa;background-position:center;background-size:cover;box-shadow:inset 0 0 0 2px var(--gold),0 12px 30px #0007}.battle-screen .battle-canvas{border-radius:0}.battle-screen .battle-character{left:2%;bottom:6%}.battle-screen .battle-character .character-doll{width:19cqw;height:auto;aspect-ratio:180 / 210}.battle-screen .battle-stage{container-type:inline-size}.battle-screen .question-card,.room-screen .question-card{margin-top:0;background:var(--parchment);border:4px solid var(--wood);box-shadow:inset 0 0 0 2px var(--gold),0 12px 30px #0007}.room-screen .question-card{margin-top:16px}.question-card .question-meta{color:var(--wood);font-size:13px;font-weight:900}.timer-text{font-size:20px;color:var(--gold-dark)}.answers button{background:#fffaf0;border:2px solid var(--parchment-dark);font-size:15px}.answers button:hover:not(:disabled){border-color:var(--gold-dark);background:#fff3c4}.answers button>span{background:var(--wood);color:#fff}.team-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 0}.team-slot{display:flex;align-items:center;gap:6px;padding:4px 6px;border:2px solid var(--parchment-dark);border-radius:12px;background:#fffaf0;text-align:left}.team-slot[aria-pressed=true]{border-color:var(--gold-dark);background:linear-gradient(#fff6d6,#f6d77a);box-shadow:0 0 0 2px var(--gold)}.team-slot .pet-portrait.small{width:42px;height:38px;flex-shrink:0}.team-slot-info{display:grid;gap:2px;min-width:0;font-size:11px}.team-slot-info strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-slot meter{height:8px}.battle-screen .feedback,.room-screen .feedback{background:var(--parchment);border:3px solid var(--wood)}.battle-screen .feedback.good{background:#eef8e4;border-color:#4f8a33}.battle-screen .result-banner{min-height:100%}.battle-intro{display:grid;place-items:center;text-align:left;margin:0}.battle-intro .game-window{padding:0;max-width:640px}.battle-intro .team-strip{margin:12px 0}@media(max-width:900px){.room-battlefield.sides-2{gap:16px;min-height:0;align-content:start}.battle-main,.arena-layout,.sides-2{grid-template-columns:1fr}.hud-nav button{font-size:0;padding:6px 12px}.hud-nav button span{font-size:18px;margin:0}.camp-panel{width:auto;left:16px;top:auto;height:55%}}.title-screen{height:100dvh;overflow-y:auto;padding:24px 16px!important;background:radial-gradient(ellipse at 50% 40%,#10204726,#07162c33),url(/assets/title/spirit-duel.webp) center / cover no-repeat,#203d64}.title-card{width:min(530px,100%);padding:0;border:0;border-radius:0;background:none;box-shadow:none;gap:clamp(20px,5vh,64px);justify-items:center;margin:auto}.title-brand{width:100%;text-align:center;filter:drop-shadow(0 6px 4px #152342b8)}.title-logo{color:#ffe5a0;font-size:clamp(39px,5.1vw,70px);line-height:1.05;letter-spacing:-.045em;-webkit-text-stroke:1.5px #693217;paint-order:stroke fill;text-shadow:0 3px 0 #a34f21,0 6px 0 #5a2a19,0 9px 12px #111a34}.title-tagline{display:inline-block;margin:10px 0 0;padding:5px 20px;border:1px solid #e8be6b;border-radius:999px;background:#4f321ddc;color:#fff1c2;font-size:clamp(14px,1.35vw,18px);letter-spacing:.04em;text-shadow:0 2px 2px #382116}.title-actions{width:min(385px,100%);display:grid;gap:10px;padding:20px 22px;border:2px solid #dca44fcc;border-radius:18px;background:linear-gradient(#2a1c1a8c,#1b1420a6);backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1);box-shadow:inset 0 0 0 2px #5e432d,0 12px 32px #0c162a99;text-align:center}.title-actions .title-copy{font-size:14px;line-height:1.45}.title-actions .game-button{width:100%}.title-actions .game-button:focus-visible{outline:3px solid #fff3a8;outline-offset:3px}.title-actions [role=alert]{color:#fff1c2;margin:0}.title-screen>.game-window{max-height:calc(100dvh - 48px);overflow-y:auto}@media(min-aspect-ratio:14/10)and (max-aspect-ratio:16/9){.title-screen{background-size:auto,100% 100%,auto}}@media(max-width:600px),(max-height:650px){.title-card{gap:clamp(28px,8vh,60px)}.title-actions{padding:16px}.title-logo{font-size:clamp(38px,9vw,54px)}}@media(max-width:600px)and (orientation:portrait){.title-screen{place-items:start center;background:linear-gradient(180deg,#12243a00 15%,#172b48 42% 100%),url(/assets/title/spirit-duel.webp) center top / 100% auto no-repeat,#172b48}.title-card{padding-top:clamp(130px,42vw,220px);gap:28px}.title-screen>.game-window{margin:auto 0}}