@font-face{font-family:Fredoka;src:url('./assets/fredoka-latin-variable.woff2') format('woff2');font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:Nunito;src:url('./assets/nunito-latin-variable.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
:root{--ink:#573346;--muted:#785566;--berry:#a33364;--paper:#fffaf8;--petal:#f5dce6;--line:#ecdde3;--top:80px;--side:370px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Nunito,sans-serif;color:var(--ink);background:var(--petal);-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;touch-action:manipulation}button:disabled{opacity:.6;cursor:wait}button:focus-visible,canvas:focus-visible{outline:3px solid var(--berry);outline-offset:3px}svg{display:block;width:22px;height:22px;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Fredoka,sans-serif;font-weight:500;text-wrap:balance}p{line-height:1.55}[hidden]{display:none!important}#game{position:relative;width:100%;height:100%;height:100dvh}#scene{position:absolute;left:0;top:calc(var(--top) + var(--safe-t));width:100%;height:calc(100% - var(--top) - var(--safe-t));display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.is-menu #scene,.is-browsing #scene,.is-results #scene{width:calc(100% - var(--side))}
.topbar{position:absolute;z-index:8;inset:0 0 auto;height:calc(var(--top) + var(--safe-t));padding:calc(14px + var(--safe-t)) 25px 14px;display:flex;align-items:center;gap:28px;background:#f9e8ee}.brand{display:flex;align-items:center;gap:9px;background:none;padding:0;font-family:Fredoka,sans-serif;font-size:25px;line-height:.83;text-align:left;letter-spacing:-.02em}.brand-club{display:block;font-size:22px;letter-spacing:.01em}.brand>span:first-child{color:var(--berry);transform:rotate(-9deg)}.brand svg{width:41px;height:41px}.byline{font-size:12px;font-weight:800;color:var(--muted)}.round-heading{display:flex;flex-direction:column;gap:3px}.round-heading h1{font-size:23px;line-height:1.1}.round-heading>span{font-size:10px;font-weight:800;color:var(--muted)}.tools{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-btn{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:50%;background:#fff7f9}.icon-btn svg{width:21px;height:21px}.timer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:76px;padding:6px 13px;margin-right:7px;border-radius:12px;background:#fff9f1}.timer strong{font:500 25px/1 Fredoka,sans-serif;font-variant-numeric:tabular-nums}.timer>span{font-size:9px;font-weight:800;color:var(--muted)}.timer.urgent{background:var(--berry);color:white}.timer.urgent>span{color:#fff4fa}
.panel{position:absolute;right:0;top:calc(var(--top) + var(--safe-t));bottom:0;width:var(--side);background:var(--paper);z-index:7;overflow:auto;border-left:1px solid var(--line);padding:29px}.welcome{display:flex;flex-direction:column;justify-content:center}.welcome-bow{width:54px;height:54px;transform:rotate(-12deg);color:var(--berry);margin-bottom:21px}.welcome-bow svg{width:100%;height:100%;stroke-width:1.2}.welcome h1{font-size:49px;line-height:1.03;letter-spacing:-.025em}.welcome>p{font-size:14px;color:var(--muted);margin-top:17px}.howto{padding:0;list-style:none;counter-reset:steps;display:grid;gap:13px;margin:25px 0;font-size:12px;font-weight:800}.howto li{display:flex;align-items:center;gap:10px;counter-increment:steps}.howto li:before{content:counter(steps);display:grid;place-items:center;width:24px;height:24px;background:#f3e1eb;border-radius:50%;color:var(--berry);font-size:11px}.cast{border-top:1px solid var(--line);padding:18px 0 20px}.cast>strong{font-size:12px}.cast>p{font-size:10px;color:var(--muted);margin-top:10px}#castNames{display:flex;justify-content:space-between;margin-top:11px}#castNames>span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;font-weight:800}#castNames i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--cast);color:#563346;font-size:12px;font-style:normal;box-shadow:inset 0 0 0 1px #7a506620}#castNames>span:nth-child(2) i,#castNames>span:nth-child(5) i{color:white}.primary{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:51px;padding:12px 17px;background:var(--berry);color:#fff9fc;font-size:14px;font-weight:800;border-radius:14px;box-shadow:0 6px 18px #a333641a}.primary svg{width:20px;height:20px}.secondary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:45px;border-radius:13px;background:#f3e5ed;font-size:12px;font-weight:800;padding:10px 13px;margin-top:9px}.secondary>span:not([data-icon]){font-size:10px;font-weight:600;color:var(--muted)}.soft-btn{display:flex;justify-content:center;align-items:center;gap:8px;min-height:43px;background:#fff8f6;padding:10px 15px;border-radius:12px;font-size:11px;font-weight:800}.soft-btn svg{width:17px;height:17px}.welcome .controls-copy{font-size:10px;text-align:center;margin-top:16px;line-height:1.6}
#playHud{position:absolute;inset:calc(var(--top) + var(--safe-t)) 0 0;pointer-events:none;z-index:4}#playHud button,#playHud .joystick{pointer-events:auto}.theme-note{position:absolute;left:25px;top:16px;background:#fff8f4ed;padding:9px 13px;border-radius:10px;font-size:12px;font-weight:700;max-width:400px}.rivals{position:absolute;right:23px;top:16px;width:192px}.rivals-toggle{display:flex;align-items:center;justify-content:space-between;background:#fff9f5f2;border-radius:12px;font-size:11px;font-weight:800;width:100%;padding:12px 13px;min-height:42px}.rivals-toggle>span{font-size:18px;line-height:1}#roster{padding:6px 12px 10px;background:#fff9f5f2;border-radius:0 0 12px 12px;margin-top:3px}.rival-row{display:flex;gap:9px;align-items:center;margin:10px 0}.rival-row>i{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px #6e426a22}.rival-row>span{display:flex;flex-direction:column;min-width:0}.rival-row strong{font-size:11px}.rival-row small{font-size:9px;color:var(--muted);max-width:138px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.world-tip{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);background:#fff8f3e8;border-radius:11px;padding:9px 14px;font-size:11px;font-weight:800;text-align:center;max-width:min(410px,65vw);width:max-content}.move-hint{position:absolute;bottom:25px;left:25px;display:flex;align-items:center;gap:10px;background:#fff8f3eb;border-radius:12px;padding:11px 15px;font-size:10px;font-weight:700;color:var(--muted)}kbd{font:800 10px Nunito,sans-serif;color:var(--ink);background:#f2dee8;border-radius:5px;padding:4px 7px}.world-actions{position:absolute;right:23px;bottom:23px;display:flex;align-items:center;gap:10px}.interact{width:auto;min-width:155px;min-height:45px;font-size:12px;gap:7px}.interact kbd{color:var(--berry);background:#fff4f8}.jump-btn{width:46px;height:46px}.mini-map{position:absolute;bottom:86px;left:24px;width:168px;background:#fff9f5ed;border-radius:13px;overflow:hidden;pointer-events:auto}.map-heading{display:flex;align-items:center;justify-content:space-between;padding:7px 10px 5px 13px;font-size:10px;font-weight:800}.map-heading button{display:grid;place-items:center;background:none;width:30px;height:30px;font-size:20px;line-height:1}.mini-map svg{width:108px;height:112px;margin:0 auto 4px}#mapLinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:0 9px 10px}#mapLinks button{display:flex;align-items:center;gap:5px;min-height:30px;background:transparent;font-size:9px;font-weight:800;text-align:left;border-radius:7px;padding:4px}#mapLinks i{width:8px;height:8px;border-radius:50%;background:var(--dot)}.joystick{display:none;position:absolute;width:116px;height:116px;left:26px;bottom:calc(25px + var(--safe-b));border:2px solid #fff8f4b3;border-radius:50%;background:#fff8f448;touch-action:none;box-shadow:0 7px 28px #76536512}.stick-knob{position:absolute;left:34px;top:34px;width:44px;height:44px;background:#fff7f5e8;border:2px solid #dab4c6;border-radius:50%;box-shadow:0 4px 12px #85506b22;pointer-events:none}.stick-arrows:before,.stick-arrows:after{content:'';position:absolute;left:52px;top:12px;width:8px;height:8px;border-left:2px solid #aa758f;border-top:2px solid #aa758f;transform:rotate(45deg)}.stick-arrows:after{top:auto;bottom:12px;transform:rotate(225deg)}
.wardrobe{display:flex;flex-direction:column;gap:0;padding:24px;height:calc(100% - var(--top) - var(--safe-t));overflow:hidden}.wardrobe-heading{display:flex;justify-content:space-between;gap:13px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--line)}.wardrobe-heading h2{font-size:25px;line-height:1.1}.wardrobe-heading p{font-size:11px;color:var(--muted);margin-top:7px}.wardrobe-heading .icon-btn{width:36px;height:36px;background:#f5e7ef}.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:800;margin:19px 0 13px}.collection-heading span:last-child{font-size:10px;color:var(--muted)}.items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:13px 10px;flex:1;min-height:70px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d5afc2 transparent;padding:3px;margin:-3px}.item{text-align:left;background:none;padding:0;min-width:0;border-radius:12px}.item-picture{height:115px;background:var(--tile);border-radius:12px;color:var(--item-color);display:flex;align-items:center;justify-content:center;position:relative}.item-picture>svg{width:63px;height:63px;fill:color-mix(in srgb,currentColor 22%,transparent);stroke-width:1.3}.skin-picture>svg{fill:var(--item-color);color:#6f4d43}.item[aria-pressed=true] .item-picture{outline:2px solid var(--berry);outline-offset:-2px;background:#f3e0e9}.item-name{display:block;font-size:11px;font-weight:800;margin:7px 2px 3px;line-height:1.3}.item-detail{display:block;font-size:9px;color:var(--muted);line-height:1.3;margin:0 2px}.selected-check{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:18px;height:18px;background:var(--berry);color:white;border-radius:50%}.selected-check svg{width:11px;height:11px;stroke-width:2.5;fill:none}.color-section{padding:16px 0 17px;border-top:1px solid var(--line);margin-top:17px}.color-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:9px}.color-heading strong{font-size:10px;color:var(--muted);font-weight:600}.swatches{display:flex;gap:3px}.swatch{flex:1 1 0;min-width:24px;height:33px;padding:3px;display:grid;place-items:center;border-radius:8px;background:none}.swatch:before{content:'';width:23px;height:23px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #6e405324}.swatch[aria-pressed=true]{outline:2px solid var(--berry);outline-offset:1px}.station-footer{text-align:center;font-size:9px;color:var(--muted);margin:10px 0 calc(var(--safe-b))}
.voting{position:absolute;inset:calc(var(--top) + var(--safe-t)) 0 0;z-index:4;pointer-events:none}.presenter{position:absolute;left:50%;top:23px;transform:translateX(-50%);text-align:center;max-width:90%;width:max-content;padding:12px 24px;background:#fff8f4ed;border-radius:15px}.presentation-count{font-size:10px;font-weight:800;color:var(--muted);margin-bottom:6px}.presenter h2{font-size:29px;line-height:1.1}.presenter p{font-size:11px;margin-top:6px;color:var(--muted)}.vote-panel{position:absolute;bottom:calc(22px + var(--safe-b));left:50%;transform:translateX(-50%);width:360px;max-width:92%;border-radius:16px;background:#fffaf7f7;padding:19px 23px;text-align:center;pointer-events:auto;box-shadow:0 8px 30px #7b4c6620}.vote-panel h3{font-size:20px}.vote-panel p{font-size:11px;color:var(--muted);margin-top:10px;min-height:17px}.vote-buttons{display:flex;justify-content:space-between;gap:7px;margin-top:14px}.vote-star{flex:1;min-width:0;background:none;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 2px 6px;font-size:10px;font-weight:800;min-height:58px;color:#936c4d}.vote-star svg{width:30px;height:30px;stroke:#b7996b;fill:#f0e6d4}.vote-star[aria-pressed=true]{background:#fff0c9}.vote-star[aria-pressed=true] svg{fill:#e2bc56;stroke:#b58b36}.vote-panel .secondary{font-size:11px;min-height:36px;margin-top:9px}
.results{display:flex;flex-direction:column;justify-content:center;padding:28px}.results h1{font-size:36px;line-height:1.08;letter-spacing:-.02em}.results>p{font-size:12px;color:var(--muted);margin:13px 0 16px}.rankings{margin:4px 0}.ranking-row{display:flex;align-items:center;gap:9px;padding:11px 7px;border-bottom:1px solid var(--line)}.ranking-row.is-you{background:#f3e0eb;border-radius:10px;border:0}.rank-number{font:500 22px Fredoka,sans-serif;min-width:24px;text-align:center;color:#9c6b87}.outfit-dot{width:21px;height:21px;border-radius:50%;box-shadow:inset 0 0 0 1px #93617b22}.ranking-name{display:flex;flex-direction:column;gap:1px;flex:1}.ranking-name strong{font-size:12px}.ranking-name small{font-size:9px;color:var(--muted)}.rating{display:grid;grid-template-columns:auto 16px;gap:2px 4px;text-align:right;align-items:center}.rating strong{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.rating svg{width:14px;height:14px;fill:#e6c680;stroke:#ad8750}.rating small{grid-column:1/-1;font-size:8px;color:var(--muted)}.results #rankingNote{font-size:9px;line-height:1.5;margin:11px 0 19px}.button-pair{display:flex;gap:9px;margin-top:9px}.button-pair>*{flex:1;background:#f4e8ef}.results .secondary{font-size:11px}
.scrim{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#57334677}.dialog{position:relative;width:min(430px,100%);max-height:90dvh;overflow:auto;background:var(--paper);border-radius:20px;padding:30px 25px;box-shadow:0 22px 70px #56324a3b}.dialog-close{position:absolute;right:12px;top:12px}.dialog h2{font-size:29px;line-height:1.1;margin:10px 25px 20px 0}.dialog p{font-size:13px;color:var(--muted);margin:15px 0}.lookbook-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:10px 0}.lookbook-row>strong{font-size:12px;flex:1}.lookbook-colors{display:flex;gap:3px}.lookbook-colors i{width:13px;height:13px;border-radius:50%}.lookbook-row .soft-btn{padding:8px 11px}.lookbook-row .icon-btn{width:32px;height:32px}.toast{position:absolute;bottom:calc(19px + var(--safe-b));left:50%;transform:translateX(-50%);width:max-content;max-width:86%;z-index:40;background:var(--ink);color:white;padding:12px 18px;border-radius:12px;font-size:11px;font-weight:700;text-align:center;pointer-events:none;box-shadow:0 8px 24px #57334622}.error{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:30px;background:var(--paper);text-align:center;z-index:50}.error h2{font-size:30px}.error .primary{max-width:260px}
@media(hover:hover) and (pointer:fine){button{transition:background .16s ease,transform .16s var(--ease)}.primary:hover{background:#86214e;transform:translateY(-1px)}.secondary:hover,.soft-btn:hover,.icon-btn:hover,.vote-star:hover{background:#edd2e0}.item:hover .item-picture>svg{transform:rotate(-5deg)}#mapLinks button:hover{background:#eed9e4}}
@media(pointer:coarse){.joystick{display:block}.move-hint{display:none}.mini-map{bottom:174px}.world-tip{bottom:154px}.world-actions{bottom:calc(43px + var(--safe-b))}}
@media(max-width:1000px) and (min-width:761px){:root{--side:325px}.panel{padding:23px}.welcome h1{font-size:42px}.theme-note{max-width:340px}.round-heading h1{font-size:20px}.topbar{gap:22px}.item-picture{height:95px}.results h1{font-size:31px}}
@media(max-width:760px){
  :root{--top:67px;--side:0px}.topbar{padding:calc(11px + var(--safe-t)) 14px 10px;gap:13px}.brand{font-size:21px;gap:5px}.brand-club{font-size:19px}.brand svg{width:32px;height:32px}.byline{display:none}.tools{gap:5px}.icon-btn{width:37px;height:37px}.icon-btn svg{width:18px;height:18px}.round-heading{max-width:125px;min-width:0}.round-heading h1{font-size:17px}.round-heading>span{font-size:8px;line-height:1.2}.is-playing .brand,.is-browsing .brand,.is-show .brand{gap:0}.is-playing .brand>span:last-child,.is-browsing .brand>span:last-child,.is-show .brand>span:last-child{display:none}.timer{min-width:48px;padding:6px 7px;margin-right:1px;border-radius:10px}.timer strong{font-size:20px}.timer>span{font-size:8px}.tools #lookbookBtn{display:none}.is-menu .tools #lookbookBtn{display:grid}
  .panel{width:100%;left:0;right:0;top:auto;height:44%;padding:18px 22px calc(14px + var(--safe-b));border-left:0;border-top:1px solid var(--line);border-radius:21px 21px 0 0}.is-menu #scene,.is-browsing #scene,.is-results #scene{width:100%;height:calc(56% - var(--top) - var(--safe-t))}.welcome{height:46%;padding-top:15px;justify-content:center}.is-menu #scene{height:calc(54% - var(--top) - var(--safe-t))}.welcome-bow{position:absolute;right:29px;top:20px;width:42px;height:42px}.welcome h1{font-size:32px;line-height:1.05}.welcome h1 br{display:none}.welcome h1 br:after{content:' '}.welcome>p{font-size:11px;margin-top:9px;max-width:290px}.welcome>p br{display:none}.howto{gap:7px;margin:13px 0;font-size:10px}.howto li{gap:7px}.howto li:before{width:19px;height:19px;font-size:9px}.cast{padding:9px 0 11px}.cast>strong{display:none}#castNames{margin-top:0;justify-content:flex-start;gap:17px}#castNames>span{font-size:9px;gap:3px}#castNames i{width:25px;height:25px;font-size:10px}.cast>p{font-size:9px;margin-top:8px}.cast>p br{display:none}.welcome .primary{min-height:44px;font-size:13px}.secondary{min-height:38px;margin-top:7px;font-size:11px}.welcome .controls-copy{display:none}
  .theme-note{top:11px;left:13px;max-width:calc(100% - 26px);font-size:10px;padding:7px 10px}.rivals{top:54px;right:13px;width:155px}.rivals-toggle{font-size:9px;padding:9px 10px;min-height:34px}.rival-row small{max-width:115px;font-size:8px}.rival-row strong{font-size:10px}.rival-row>i{width:17px;height:17px}.rival-row{gap:6px;margin:8px 0}.joystick{display:block;width:112px;height:112px;left:22px;bottom:calc(28px + var(--safe-b))}.stick-knob{left:32px;top:32px}.move-hint{display:none}.mini-map{left:13px;bottom:163px;width:137px}.map-heading{padding:4px 5px 4px 10px;font-size:9px}.map-heading button{width:29px;height:29px}.mini-map svg{height:88px;width:88px}#mapLinks{padding:0 6px 8px}#mapLinks button{font-size:8px;gap:4px;min-height:28px}.world-tip{bottom:160px;left:auto;right:13px;transform:none;max-width:175px;font-size:9px;padding:8px 10px;text-align:right}.world-actions{right:17px;bottom:calc(35px + var(--safe-b));gap:8px;flex-wrap:wrap;max-width:190px;justify-content:flex-end}.jump-btn{width:45px;height:45px}.world-actions .soft-btn{font-size:10px;min-height:39px;padding:9px 12px}.interact{order:3;min-width:175px;min-height:45px;font-size:12px}.interact kbd{display:none}
  .wardrobe{height:44%;padding:13px 17px calc(12px + var(--safe-b))}.wardrobe-heading{padding-bottom:11px;gap:8px}.wardrobe-heading h2{font-size:22px}.wardrobe-heading p{font-size:10px;margin-top:4px}.wardrobe-heading .icon-btn{width:32px;height:32px}.collection-heading{margin:10px 0 8px;font-size:10px}.items{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px}.item-picture{height:69px;border-radius:10px}.item-picture>svg{width:43px;height:43px}.item-name{font-size:9px;margin:6px 1px 2px}.item-detail{display:none}.color-section{margin-top:10px;padding:10px 0}.color-heading{font-size:10px;margin-bottom:5px}.color-heading strong{font-size:9px}.swatch{height:30px}.swatch:before{width:22px;height:22px}.wardrobe .primary{min-height:42px;font-size:12px;padding:9px 14px}.station-footer{display:none}
  .presenter{top:15px;width:max-content;max-width:94%;padding:10px 15px}.presentation-count{font-size:9px;margin-bottom:5px}.presenter h2{font-size:23px}.presenter p{font-size:9px;max-width:300px}.vote-panel{width:328px;padding:16px 18px;bottom:calc(18px + var(--safe-b))}.vote-panel h3{font-size:18px}.vote-panel p{font-size:10px}.vote-buttons{margin-top:10px}.vote-star{min-height:56px}.vote-star svg{width:28px;height:28px}
  .is-results .panel{height:49%;padding:16px 22px calc(12px + var(--safe-b));justify-content:flex-start}.is-results #scene{height:calc(51% - var(--top) - var(--safe-t))}.results h1{font-size:29px}.results>p{font-size:11px;margin:8px 0}.rankings{margin:2px 0}.ranking-row{padding:6px;gap:8px}.rank-number{font-size:18px;min-width:22px}.ranking-name strong{font-size:10px}.ranking-name small{font-size:8px}.outfit-dot{width:18px;height:18px}.rating strong{font-size:12px}.rating small{font-size:7px}.rating svg{width:12px;height:12px}.results #rankingNote{font-size:8px;margin:8px 0 12px}.results .primary{min-height:42px;padding:9px;font-size:12px}.results .secondary{min-height:35px;font-size:10px;padding:8px}.button-pair{margin-top:7px}.button-pair .soft-btn{min-height:36px;font-size:10px;padding:8px}.button-pair svg{width:15px;height:15px}.dialog{padding:25px 21px}.dialog h2{font-size:27px}.dialog p{font-size:12px}.toast{bottom:calc(14px + var(--safe-b));font-size:10px;padding:10px 13px}
}
@media(max-width:760px) and (max-height:740px){.welcome{justify-content:flex-start;height:48%;overflow:auto}.is-menu #scene{height:calc(52% - var(--top) - var(--safe-t))}.welcome h1{font-size:29px}.welcome>p{font-size:10px}.howto{gap:5px;margin:10px 0}.cast{padding:7px 0}.cast>p{font-size:8px}#castNames{display:none}.welcome-bow{width:33px;height:33px}.wardrobe{height:48%}.is-browsing #scene{height:calc(52% - var(--top) - var(--safe-t))}.wardrobe-heading p{display:none}.item-picture{height:58px}.wardrobe-heading{padding-bottom:8px}.collection-heading{margin:8px 0}.is-results .panel{height:57%}.is-results #scene{height:calc(43% - var(--top) - var(--safe-t))}.results h1{font-size:25px}.ranking-row{padding:5px}.results #rankingNote{margin:7px 0}.world-tip{max-width:148px}.theme-note{font-size:9px}}
@media(orientation:landscape) and (max-height:560px){
  :root{--top:58px;--side:310px}.topbar{height:calc(58px + var(--safe-t));padding:calc(8px + var(--safe-t)) 17px 8px}.brand{font-size:21px}.brand-club{font-size:19px}.brand svg{width:33px;height:33px}.round-heading h1{font-size:18px}.round-heading>span{font-size:8px}.byline{display:none}.panel,.welcome,.wardrobe,.is-results .panel{top:calc(58px + var(--safe-t));bottom:0;left:auto;right:0;width:var(--side);height:auto;max-height:none;border-radius:0;border-left:1px solid var(--line);padding:20px;overflow:auto;justify-content:flex-start}.is-menu #scene,.is-browsing #scene,.is-results #scene{width:calc(100% - var(--side));height:calc(100% - var(--top) - var(--safe-t))}.welcome-bow{display:none}.welcome h1{font-size:32px}.welcome>p{font-size:11px;margin-top:10px}.howto{font-size:10px;gap:7px;margin:15px 0}.cast{padding:11px 0}.welcome .controls-copy{display:none}#castNames{display:none}.cast>p{font-size:9px}.welcome .primary{min-height:44px}.wardrobe-heading h2{font-size:22px}.items{flex:none;min-height:170px;overflow:visible;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.item-picture{height:61px}.item-picture>svg{width:39px;height:39px}.item-name{font-size:9px}.item-detail{display:none}.collection-heading{margin:11px 0 9px}.color-section{padding:10px 0;margin-top:12px}.station-footer{display:none}.swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.swatch{min-width:0;width:100%;height:34px}.mini-map{bottom:auto;top:62px;width:137px}.mini-map #mapContent{max-height:155px;overflow:auto}.mini-map svg{display:none}.joystick{width:92px;height:92px;bottom:18px}.stick-knob{left:22px;top:22px}.world-tip{bottom:81px;right:20px;left:auto;transform:none;max-width:240px}.world-actions{bottom:20px;max-width:none;flex-wrap:nowrap}.interact{order:0}.theme-note{font-size:10px;max-width:55%;top:11px}.rivals{top:11px;width:170px}.rivals-toggle{min-height:35px}.presenter{top:13px;left:23px;transform:none;text-align:left;max-width:250px;padding:10px 14px}.presenter h2{font-size:22px}.vote-panel{right:17px;left:auto;bottom:17px;transform:none;width:260px;padding:13px 15px}.vote-panel h3{font-size:17px}.vote-star{min-height:47px;padding:5px 1px}.vote-star svg{width:25px;height:25px}.vote-buttons{margin-top:8px}.vote-panel p{font-size:9px;margin-top:7px}.vote-panel .secondary{min-height:33px;margin-top:7px}.results h1{font-size:29px}.ranking-row{padding:8px 4px}.results .primary{min-height:43px}.results #rankingNote{margin:10px 0}
}
@media(orientation:landscape) and (max-height:560px) and (max-width:700px){:root{--side:286px}.world-actions{gap:6px}.world-actions .soft-btn{font-size:9px}.interact{min-width:135px}.round-heading{max-width:none}.theme-note{max-width:57%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}