:root{--bg:#1d0f33;--bg2:#2f1a52;--card:#ffffff14;--line:#ffffff29;--text:#fdf6ff;--muted:#bfaed6;--pink:#ff5fa2;--gold:#ffc94d;--good:#5ee0a0;--radius:18px;--react-h:calc(72px + env(safe-area-inset-bottom))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 20% 0%, var(--bg2), var(--bg) 60%) fixed;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.35}.app{min-height:100dvh}.screen{max-width:560px;padding:18px 14px calc(96px + var(--react-h));flex-direction:column;gap:14px;margin:0 auto;display:flex}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:.85rem}h1,h2,h3,p{margin:0}.heading{text-align:center;font-size:1.6rem}h3{margin-bottom:8px;font-size:1rem}.logo{text-align:center;font-size:4rem}.title{text-align:center;letter-spacing:.04em;background:linear-gradient(90deg, var(--pink), var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:3.2rem}.lead{text-align:center;color:var(--muted);font-size:1.05rem}.home{padding-top:40px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;gap:10px;padding:14px;display:flex}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.9rem;display:flex}input{font:inherit;color:var(--text);border:1px solid var(--line);background:#0000004d;border-radius:12px;width:100%;padding:12px 14px;font-size:1.05rem}input:focus{outline:2px solid var(--pink);border-color:#0000}.code-input{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-weight:700}.btn{font:inherit;cursor:pointer;color:var(--text);border:0;border-radius:14px;width:100%;padding:14px 18px;font-weight:700}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--pink), #ff8a5f);color:#fff;box-shadow:0 6px 18px #ff5fa259}.btn-ghost{border:1px solid var(--line);background:0 0}.btn-sm{border-radius:10px;width:auto;padding:8px 12px}.btn-icon{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:1.1rem}.banner{text-align:center;background:#6b2a4e;padding:6px;font-size:.85rem}.toast{left:50%;bottom:calc(84px + var(--react-h));border:1px solid var(--line);color:#fff;z-index:50;text-align:center;background:#000d;border-radius:999px;max-width:90vw;padding:10px 16px;position:fixed;transform:translate(-50%)}.room-code{background:var(--card);border:2px dashed var(--gold);color:var(--text);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:12px;display:flex}.room-code strong{letter-spacing:.3em;color:var(--gold);padding-left:.3em;font-size:2.4rem}.players,.ranking,.podium,.history{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.players li,.ranking li,.podium li,.history li{background:#00000038;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.players li.me,.podium li.me{outline:1px solid var(--pink)}.players li.off{opacity:.5}.pname{overflow-wrap:anywhere;flex:1;font-weight:600}.avatar{background:linear-gradient(135deg, var(--pink), var(--gold));color:#2a1745;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.badge{background:var(--gold);color:#2a1745;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700}.ranking li,.history li{justify-content:space-between}.theme-banner{text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,#ff5fa240,#ffc94d26);flex-direction:column;align-items:center;gap:6px;padding:12px 14px 16px;display:flex}.theme-top{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.theme-emoji{font-size:3.4rem;line-height:1}.theme-name{font-size:2.1rem;line-height:1.1}.theme-blurb{color:var(--muted)}.small-banner .theme-name{font-size:1.6rem}.winner{color:var(--gold);font-size:1.05rem}.timer{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.timer-track{background:#00000059;border-radius:999px;flex:1;height:8px;overflow:hidden}.timer-fill{background:linear-gradient(90deg, var(--good), var(--gold));height:100%;transition:width .25s linear}.timer.low .timer-fill{background:linear-gradient(90deg, #ff5f5f, var(--pink))}.timer-text{font-variant-numeric:tabular-nums;text-align:right;min-width:3.2ch;font-weight:700}.chips{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.chip{color:var(--muted);white-space:nowrap;background:#ffffff1a;border-radius:999px;padding:2px 8px;font-size:.7rem}.chip.match,.theme-chip{color:var(--gold);background:#ffc94d38}.chips.tiny{gap:3px}.chips.tiny .chip{padding:1px 6px;font-size:.62rem}.mannequin{align-items:center;padding:10px}.outfit{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.outfit-cell{flex-direction:column;align-items:center;gap:3px;display:flex}.outfit.big .outfit-cell{width:calc(33.3333% - 5.33333px);max-width:150px}.outfit.small .outfit-cell{width:calc(25% - 6px);max-width:110px}.outfit-card{aspect-ratio:1;width:100%;font:inherit;color:inherit;background:#f6f1ea;border:2px solid #0000;border-radius:14px;place-items:center;margin:0;padding:4px;display:grid}button.outfit-card{cursor:pointer}button.outfit-card:active{transform:scale(.97)}.outfit-cell.empty .outfit-card{border:2px dashed var(--line);background:0 0}.outfit-plus{color:var(--muted);opacity:.7;font-size:1.8rem}.outfit-label{color:var(--muted);text-align:center;overflow-wrap:anywhere;font-size:.68rem;line-height:1.15}.outfit.small:not(.named) .outfit-label{display:none}.garment,.garment svg{width:100%;height:100%;display:block}.tabs{scrollbar-width:none;z-index:5;background:linear-gradient(var(--bg), var(--bg) 80%, transparent);gap:6px;padding-top:6px;padding-bottom:4px;display:flex;position:sticky;top:0;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border:1px solid var(--line);background:var(--card);min-width:68px;color:var(--text);cursor:pointer;font:inherit;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:2px;padding:8px 10px;display:flex;position:relative}.tab.active{background:linear-gradient(135deg, var(--pink), #ff8a5f);border-color:#0000}.tab-icon{background:#f6f1ea;border-radius:10px;width:34px;height:34px;padding:2px;display:block}.tab-label{font-size:.72rem;font-weight:600}.tab-dot{color:var(--good);font-size:.5rem;position:absolute;top:3px;right:6px}.hint{color:var(--gold);text-align:center;font-size:.85rem}.filters{justify-content:center;gap:6px;display:flex}.filter{border:1px solid var(--line);background:var(--card);max-width:120px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;flex:1;padding:7px 10px;font-size:.85rem;font-weight:600}.filter.active{background:var(--gold);color:#2a1745;border-color:#0000}.grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.grid.dim{opacity:.45}@media (width>=520px){.grid{grid-template-columns:repeat(4,1fr)}}.piece{font:inherit;color:var(--text);text-align:center;cursor:pointer;background:var(--card);border:2px solid var(--line);border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:5px 4px 7px;display:flex}.piece:active{transform:scale(.98)}.piece.selected{border-color:var(--gold);background:#ffc94d29;box-shadow:0 0 0 3px #ffc94d33}.piece-img{aspect-ratio:1;background:#f6f1ea;border-radius:10px;width:100%;padding:3px;display:block}.piece-img svg{width:100%;height:100%;display:block}.piece-name{overflow-wrap:anywhere;font-size:.75rem;font-weight:600;line-height:1.15}.piece.none{justify-content:flex-start}.none-img{background:#ffffff0f}.sticky-bar{left:0;right:0;bottom:var(--react-h);z-index:10;background:linear-gradient(transparent, var(--bg) 35%);flex-direction:column;gap:8px;max-width:560px;margin:0 auto;padding:10px 14px;display:flex;position:fixed}.entry.win{border-color:var(--gold);box-shadow:0 0 0 2px #ffc94d59}.entry-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.entry-name{overflow-wrap:anywhere;font-size:1.1rem;font-weight:800}.score{background:linear-gradient(135deg, var(--pink), var(--gold));color:#2a1745;white-space:nowrap;border-radius:14px;padding:4px 12px;font-size:1.1rem}.score b{font-size:1.7rem}.comment{font-size:.95rem}.spinner{text-align:center;font-size:4rem;animation:1.2s ease-in-out infinite wobble}@keyframes wobble{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}.judging{padding-top:40px}.podium li{font-size:1.05rem}.podium li.first{background:#ffc94d33}.medal{text-align:center;min-width:2rem;font-size:1.5rem}.chat{right:12px;bottom:calc(84px + var(--react-h));z-index:40;position:fixed}.chat-toggle{border:1px solid var(--line);background:var(--bg2);width:48px;height:48px;color:var(--text);cursor:pointer;border-radius:50%;font-size:1.4rem;position:relative}.chat-unread{background:var(--pink);color:#fff;border-radius:999px;padding:1px 6px;font-size:.7rem;font-weight:700;position:absolute;top:-4px;right:-4px}.chat-panel{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;width:min(340px,100vw - 24px);height:min(420px,60vh);display:flex;overflow:hidden;box-shadow:0 10px 40px #0008}.chat-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.chat-list{flex-direction:column;flex:1;gap:6px;margin:0;padding:10px;list-style:none;display:flex;overflow-y:auto}.chat-msg{flex-direction:column;align-items:flex-start;display:flex}.chat-msg.mine{align-items:flex-end}.chat-author{color:var(--muted);margin-left:6px;font-size:.7rem}.chat-bubble{overflow-wrap:anywhere;background:#ffffff1f;border-radius:14px;max-width:85%;padding:6px 12px}.chat-msg.mine .chat-bubble{background:var(--pink);color:#fff}.chat-form{border-top:1px solid var(--line);gap:6px;padding:8px;display:flex}.chat-form input{padding:8px 10px;font-size:.95rem}.reactions{z-index:30;max-width:560px;padding:8px 14px calc(8px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:10px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.reaction{border:1px solid var(--line);background:var(--card);cursor:pointer;touch-action:manipulation;border-radius:16px;height:56px;font-size:1.9rem;line-height:1}.reaction:active{background:#ff5fa24d;transform:scale(.92)}.chat-msg.emoji .chat-bubble{background:0 0;padding:0 6px;font-size:2rem;line-height:1.1}.modes{flex-direction:column;gap:8px;display:flex}.mode{text-align:left;font:inherit;color:var(--text);cursor:pointer;background:var(--card);border:2px solid var(--line);border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.mode.active{border-color:var(--gold);background:#ffc94d29}.mode b{font-size:1rem}.mode small{color:var(--muted)}.mode-badge{color:var(--gold);background:#ffc94d38;border-radius:999px;align-self:center;padding:3px 12px;font-size:.85rem;font-weight:700;display:inline-block}.hidden-theme{font-size:3rem;line-height:1}