:root{--paper:#f6efdd;--ink:#4e3d2c;--muted:#8a7560;--accent:#d9544d;--card:#fffaf0;--line:#4e3d2c;--font:"Mali", "Patrick Hand", system-ui, sans-serif;--side-w:340px}body.night{--paper:#1f2a44;--ink:#ece6d6;--muted:#9aa3bb;--card:#28344f;--line:#9aa3bb}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font:17px/1.35 var(--font);overscroll-behavior:none;transition:background .6s,color .6s;overflow:hidden}[hidden]{display:none!important}button,input{font:inherit;color:inherit}input{border:0;border-bottom:2px dashed var(--muted);background:0 0;outline:none;min-width:0;padding:6px 4px;font-size:16px}input:focus{border-bottom-color:var(--accent)}.card-box{background:var(--card);border:2.5px solid var(--line);border-radius:16px;box-shadow:0 3px #4e3d2c40}.sketch{position:relative}.sketch>svg.rough{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.btn{cursor:pointer;white-space:nowrap;touch-action:manipulation;background:0 0;border:0;min-height:44px;padding:9px 18px;font-weight:600}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.97)}.btn.primary{color:var(--accent)}.ibtn{background:var(--card);cursor:pointer;width:46px;height:46px;color:var(--ink);touch-action:manipulation;border:0;border-radius:12px;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.ibtn:disabled{opacity:.35;cursor:not-allowed}.ibtn:not(:disabled):active{transform:scale(.94)}.ibtn.primary{color:#fff;background:var(--accent)}.ibtn.on{color:var(--accent);background:#fde8e4}.ibtn.with-text{grid-auto-flow:column;gap:4px;width:auto;padding:0 10px;font-weight:700}#chatInput:disabled{opacity:.55}.unread{background:var(--accent);color:#fff;text-align:center;border-radius:10px;min-width:20px;height:20px;padding:0 5px;font-size:12px;line-height:20px;position:absolute;top:-6px;right:-6px}.unread:empty{display:none}.chip{cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;min-height:36px;padding:4px 12px;display:inline-flex}.link{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;font-size:14px;text-decoration:underline}.screen{position:fixed;inset:0}#home{place-items:center;padding:16px;display:grid;overflow-y:auto}.home-art{position:fixed;inset:0}.home-card{width:min(100%,390px);padding:24px 22px;position:relative}.home-card h1{text-align:center;color:var(--accent);margin:0;font-size:48px;line-height:1.1}.sub{text-align:center;color:var(--muted);margin:0 0 12px;font-size:15px}.stack{flex-direction:column;gap:12px;display:flex}.stack label{color:var(--muted);flex-direction:column;font-size:14px;display:flex}.stack label input{color:var(--ink);font-size:18px}.row{align-items:center;gap:10px;display:flex}.row input{flex:1}#code{text-transform:uppercase;letter-spacing:3px}.profile{cursor:pointer;text-align:left;color:var(--ink);background:#fff6e4;border:2px solid #e3d5bd;border-radius:14px;align-items:center;gap:10px;padding:6px 10px;display:flex}.profile img{object-fit:contain;width:48px;height:64px}.profile>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.profile #meStats{color:var(--muted);font-size:13px}.profile .pf-open{color:var(--accent);font-size:14px;font-weight:700}.link{align-self:flex-end}.history{max-height:180px;margin:8px 0 0;padding:0;font-size:14px;list-style:none;overflow-y:auto}.history li{border-bottom:1px dashed #d8c8ad;padding:4px 0}.history .win{color:#4e8b46;font-weight:700}.history .lose{color:var(--accent)}summary{cursor:pointer;color:var(--muted)}#game{grid-template:auto 1fr auto / 1fr var(--side-w);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-areas:"top side""stage side""bar side";display:grid}.top{grid-area:top;align-items:center;gap:10px;padding:8px 14px;display:flex}.phase{text-align:center;flex:1;font-size:22px;font-weight:700}.timer,.decide{font-variant-numeric:tabular-nums;flex:none;place-items:center;width:48px;height:48px;display:grid;position:relative}.decide{width:54px;height:54px}.ring{position:absolute;inset:0;transform:rotate(-90deg)}.ring .track{fill:var(--card);stroke:#e3d5bd;stroke-width:5px}.ring .bar{fill:none;stroke:#6fae5a;stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset .25s linear,stroke .3s}.ring.decide .bar{stroke:#f08a2e}.timer b,.decide b{font-size:15px;position:relative}.timer.low .bar,.decide.low .bar{stroke:var(--accent)}.timer.low b,.decide.low b{color:var(--accent)}.decide.low{animation:.8s infinite beat}@keyframes beat{0%,to{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(1)}}.net{background:#6fae5a;border-radius:50%;width:10px;height:10px}.net.off{background:var(--accent);animation:1s infinite blink}@keyframes blink{50%{opacity:.3}}.stage{touch-action:manipulation;grid-area:stage;min-height:0;position:relative}#scene{position:absolute;inset:0;overflow:hidden}#scene canvas{display:block}.maps{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.maps .btn{min-height:38px;padding:6px 12px}.maps .btn.on{color:var(--accent);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.map-label{color:var(--muted)}.bar{flex-wrap:wrap;grid-area:bar;align-items:center;gap:10px;padding:8px 14px 12px;display:flex}.hint{flex:1;min-width:180px}.actions{gap:10px;display:flex}.chat-toggle{display:none!important}.side{background:var(--card);border-left:2.5px solid var(--line);flex-direction:column;grid-area:side;gap:10px;min-height:0;padding:12px;transition:background .6s;display:flex}.role{padding:10px 14px}.role h3{margin:0 0 2px;font-size:22px}.role p{color:var(--muted);margin:0;font-size:14px}.role ul{margin:6px 0 0;padding-left:18px;font-size:14px}.tabs{gap:14px;display:flex}.tabs button{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:2px 0;font-weight:600}.tabs button.on{color:var(--ink);-webkit-text-decoration:underline wavy var(--accent);text-decoration:underline wavy var(--accent)}.feed{flex:1;min-height:60px;margin:0;padding:0;font-size:15px;list-style:none;overflow-y:auto}.feed li{overflow-wrap:anywhere;padding:3px 0}.feed .who{font-weight:700}.feed .wolf{color:#e07a5f}.feed .dead{color:var(--muted);font-style:italic}.feed .sys{color:var(--muted)}.banner{text-align:center;z-index:4;cursor:pointer;width:min(88%,420px);padding:14px 18px;position:absolute;top:14%;left:50%;transform:translate(-50%)}.banner.show{animation:.45s cubic-bezier(.2,1.4,.4,1) drop}.banner .b-ico{font-size:34px;line-height:1}.banner b{color:var(--accent);margin:4px 0 2px;font-size:26px;display:block}.banner p{color:var(--ink);margin:0;font-size:16px}@keyframes drop{0%{opacity:0;transform:translate(-50%,-24px)scale(.9)}to{opacity:1;transform:translate(-50%)}}.toast{left:50%;top:calc(14px + env(safe-area-inset-top));background:var(--accent);color:#fff;z-index:9;border-radius:10px;max-width:90vw;padding:8px 16px;position:fixed;transform:translate(-50%)}@media (max-width:1100px){:root{--side-w:290px}}@media (max-height:520px) and (orientation:landscape){:root{--side-w:250px}body{font-size:15px}.top{padding:4px 10px}.phase{font-size:18px}.bar{padding:4px 10px 6px}.btn{min-height:38px;padding:6px 14px}.role p{display:none}}@media (orientation:portrait) and (max-width:900px){#game{grid-template:"top""stage"minmax(0,1fr)"bar"/1fr}.top{gap:6px;padding:6px 10px}.phase{font-size:19px}.chat-toggle{display:inline-grid!important}.side{border-left:0;border-top:2.5px solid var(--line);z-index:5;height:min(62vh,520px);padding-bottom:calc(12px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;transition:transform .25s,background .6s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -6px 20px #00000026}body.chat-open .side{transform:none}.role{position:static}}.net-ping{justify-content:flex-end;min-width:64px;display:flex}.net-ping.off{animation:1s infinite blink}.ping{font-variant-numeric:tabular-nums;align-items:flex-end;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.ping .bars{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.ping .bars i{border-radius:1px;width:3px}.loading{z-index:8;color:#f6efdd;background:radial-gradient(circle at 50% 35%,#3a2c4e,#1b1626 70%);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.ld-head{text-align:center}.ld-head b{letter-spacing:6px;color:#f6c945;text-shadow:0 3px #8a3a20;font-size:34px;display:block}.ld-head span{color:#c9bfae;font-size:15px}.ld-cards{flex-wrap:wrap;justify-content:center;gap:12px;max-width:1100px;display:flex}.ld-card{color:#5a4632;background:linear-gradient(#f6efdd,#e9dcc0);border:3px solid #c9a227;border-radius:14px;width:128px;padding:6px 6px 8px;box-shadow:0 6px #00000059}.loading.intro .ld-card{animation:.5s both cardIn}.loading.intro .ld-card:nth-child(2n){animation-delay:80ms}.loading.intro .ld-card:nth-child(3n){animation-delay:.16s}.ld-card.me{border-color:#d9544d;transform:translateY(-6px)}.ld-card.off{filter:grayscale(.8);opacity:.7}.ld-card img{object-fit:contain;background:radial-gradient(circle at 50% 70%,#fff8e6,#ead9b6);border-radius:10px;width:100%;height:150px}.ld-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.ld-rank{text-align:center;color:#8a7560;font-size:11px}.ld-bar{background:#d8ccb6;border-radius:4px;height:7px;margin:5px 0 3px;overflow:hidden}.ld-bar i{background:linear-gradient(90deg,#6fae5a,#f6c945);height:100%;transition:width .3s;display:block}.ld-foot{justify-content:space-between;align-items:center;font-size:12px;display:flex}.ld-main{flex-direction:column;align-items:center;gap:18px;display:flex}.ld-role.spinning b{color:#f6efdd;filter:blur(.4px)}.ld-role{text-align:center;color:#c9bfae;border:3px dashed #8a7560;border-radius:16px;min-width:260px;padding:10px 18px;transition:all .4s}.ld-role.show{color:#f6efdd;background:#f6c9451f;border:3px solid #f6c945}.ld-role small{letter-spacing:2px;text-transform:uppercase;display:block}.ld-role b{color:#f6c945;font-size:32px;display:block}@keyframes cardIn{0%{opacity:0;transform:translateY(30px)scale(.9)}}@keyframes flip{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@media (max-width:760px){.ld-card{width:96px}.ld-card img{height:110px}.ld-head b{font-size:26px}}.modal{z-index:9;background:#2b211b8c;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.md-card{width:min(100%,860px);max-height:calc(100vh - 24px);padding:14px 16px;overflow-y:auto}.md-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.md-top b{font-size:22px}.md-close{width:38px;height:38px}.pf-head{align-items:center;gap:14px;display:flex}.pf-avatar{object-fit:contain;background:#f1e3c4;border-radius:12px;width:84px;height:112px}.pf-name{font-size:24px}.pf-rank{color:var(--accent);font-weight:700}.xp{background:#e3d5bd;border-radius:6px;width:min(320px,60vw);height:10px;margin:6px 0 2px;overflow:hidden}.xp i{background:linear-gradient(90deg,#6fae5a,#f6c945);height:100%;display:block}.pf-head small{color:var(--muted)}.pf-tabs{margin:12px 0 8px}.wardrobe{grid-template-columns:200px 1fr;gap:14px;display:grid}.wd-preview{object-fit:contain;background:radial-gradient(circle at 50% 75%,#fff8e6,#ead9b6);border:2px solid #e3d5bd;border-radius:14px;width:200px;height:270px}.wd-row small{color:var(--muted);font-weight:700}.chips{flex-wrap:wrap;gap:6px;margin:3px 0 8px;display:flex}.chip-item{border:2px solid var(--r);color:var(--ink);cursor:pointer;background:#fffaf0;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:13px;display:inline-flex}.chip-item.on{background:var(--r);color:#fff}.chip-item.locked{opacity:.5;border-style:dashed}.chip-item .sw{border:1.5px solid #5a4632;border-radius:50%;width:12px;height:12px}.wd-note{color:var(--muted);font-size:13px}@media (max-width:640px){.wardrobe{grid-template-columns:1fr}.wd-preview{width:160px;height:210px;margin:0 auto}}.aw-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.aw{text-align:center;color:var(--muted);background:#fffaf0;border:2px dashed #d8ccb6;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px;display:flex}.aw.got{color:var(--ink);cursor:pointer;background:linear-gradient(#fffaf0,#fbefcf);border:2px solid #c9a227}.aw.got:hover{transform:translateY(-2px)}.aw small{font-size:12px}.aw-no{color:#8a7560;font-family:ui-monospace,monospace}.st{border-collapse:collapse;width:100%}.st td{border-bottom:1px dashed #e3d5bd;padding:6px 4px}.st td:last-child{text-align:right;font-weight:700}.cert-canvas{border-radius:8px;width:100%;height:auto;box-shadow:0 4px 14px #0003}.cert-actions{justify-content:center;margin-top:10px}.cert-actions a{color:var(--accent);text-decoration:none}.gender{gap:10px;display:flex}.gender button{cursor:pointer;color:var(--ink);background:#fffaf0;border:2px solid #e3d5bd;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px;font-weight:700;display:flex}.gender button img{object-fit:contain;width:70px;height:95px}.gender button.on{border-color:var(--accent);background:#fde8e4}.muted{color:var(--muted);font-size:14px}.modal.locked .md-close{visibility:hidden}.pf-tabs{flex-wrap:wrap}.lb{max-height:60vh;margin:0;padding:0;list-style:none;overflow-y:auto}.lb li{border-bottom:1px dashed #e3d5bd;align-items:center;gap:10px;padding:6px 8px;display:flex}.lb li.me{background:#fde8e4;border-radius:10px}.lb li.top1{background:linear-gradient(90deg,#fbefcf,#0000)}.lb-pos{text-align:center;width:34px;font-size:18px;font-weight:700}.lb img{object-fit:contain;width:36px;height:48px}.lb-name{flex-direction:column;flex:1;min-width:0;display:flex}.lb-name small,.lb-xp small{color:var(--muted);font-size:12px}.lb-xp{flex-direction:column;align-items:flex-end;font-weight:700;display:flex}.hub-ui{pointer-events:none;padding:calc(10px + env(safe-area-inset-top)) 12px calc(10px + env(safe-area-inset-bottom));flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.hub-ui>*{pointer-events:auto}.hub-top{align-items:center;gap:10px;display:flex}.hub-top .chip{background:var(--card)}.hub-actions{gap:8px;margin-left:auto;display:flex}.hub-hint{color:var(--muted);background:#fffaf0d9;border-radius:999px;align-self:center;margin-top:6px;padding:4px 12px;font-size:13px;pointer-events:none!important}.hub-bottom{flex-direction:column;gap:6px;width:min(100%,460px);display:flex}.hub-feed{background:#fffaf0cc;border-radius:12px;max-height:120px;margin:0;padding:6px 10px;font-size:14px;list-style:none;overflow-y:auto}.hub-feed:empty{display:none}.hub-chat{background:var(--card);border:2px solid #e3d5bd;border-radius:14px;padding:4px 6px 4px 12px}.ch-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:5px;max-height:50vh;margin-top:10px;display:grid;overflow-y:auto}.ch{color:var(--ink);cursor:pointer;background:#fffaf0;border:2px solid #e3d5bd;border-radius:8px;flex-direction:column;align-items:center;padding:4px 0;font-weight:700;line-height:1.1;display:flex}.ch small{color:var(--muted);font-size:10px;font-weight:400}.ch.some{border-color:#6fae5a}.ch.busy{background:#fff1e0;border-color:#f08a2e}.ch.full{opacity:.5;border-color:#d9544d}.ch.on{background:var(--accent);color:#fff;border-color:var(--accent)}.ch.on small{color:#fff}.ch-num{width:110px}.pc-head{flex-direction:column;display:flex}.pc-head b{font-size:22px}.fr{margin:0;padding:0;list-style:none}.fr li{border-bottom:1px dashed #e3d5bd;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0;display:flex}@media (max-width:640px){.hub-hint{display:none}.hub-feed{max-height:80px}}.bus-fade{z-index:7;color:#fffaf0;opacity:0;pointer-events:none;background:#2f6fae;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .45s;display:flex;position:fixed;inset:0}.bus-fade.on{opacity:1}.bus-fade b{font-size:20px}@keyframes drive{0%,to{transform:translate(-30px)}50%{transform:translate(30px)translateY(-3px)}}.hub-panel{right:12px;top:calc(66px + env(safe-area-inset-top));bottom:calc(12px + env(safe-area-inset-bottom));z-index:3;flex-direction:column;gap:8px;width:min(360px,100vw - 24px);padding:10px;display:flex;position:fixed}.hp-tabs{gap:10px;font-size:14px}.hp-close{margin-left:auto}.hp-feed{flex:1;margin:0;padding:0;font-size:14px;list-style:none;overflow-y:auto}.hp-feed li{overflow-wrap:anywhere;padding:3px 0}.hp-feed .sys{color:var(--muted)}.hp-feed .out{color:#3f7fb5}.hp-person{border-bottom:1px dashed #e3d5bd;justify-content:space-between;gap:8px;display:flex;padding:6px 0!important}.hp-person small{color:var(--muted)}.hp-to{color:var(--accent);white-space:nowrap;font-size:12px}.pc-actions{flex-wrap:wrap;gap:6px;display:flex}.rps-picks{justify-content:center;gap:10px;display:flex}.rps-picks button{width:96px;color:var(--ink);cursor:pointer;background:#fffaf0;border:3px solid #e3d5bd;border-radius:16px;flex-direction:column;align-items:center;padding:10px 0;font-weight:700;display:flex}.rps-picks button span{font-size:40px}.rps-picks button.on{border-color:var(--accent);background:#fde8e4}.rps-vs{justify-content:center;align-items:center;gap:16px;display:flex}.rps-res{border:2px solid #e3d5bd;border-radius:14px;flex-direction:column;align-items:center;padding:8px 14px;display:flex}.rps-res span{font-size:48px}.rps-res.win{background:#fbefcf;border-color:#d9a400}.rps h3{text-align:center;margin:6px 0}@media (max-width:640px){.hub-panel{border-radius:18px 18px 0 0;width:auto;height:55vh;inset:auto 0 0}}.queue-chip{border:2px solid var(--accent);color:var(--ink);background:#fde8e4;border-radius:999px;align-self:center;margin-top:6px;padding:4px 14px;font-size:14px}.nharong section{border-bottom:1px dashed #e3d5bd;flex-direction:column;gap:6px;padding-bottom:8px;display:flex}.nharong small{color:var(--muted)}.rooms{max-height:30vh;margin:0;padding:0;list-style:none;overflow-y:auto}.rooms li{border-bottom:1px dashed #efe4d0;justify-content:space-between;align-items:center;gap:8px;padding:5px 0;font-size:14px;display:flex}.bag-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:6px 0 12px;display:grid}.bag-item{border:2px solid var(--r);background:#fffaf0;border-radius:12px;flex-direction:column;gap:2px;padding:8px;display:flex}.bag-item small{color:var(--muted);font-size:12px}.hi-row{cursor:pointer}.hi-row:hover{background:#fff1e0}.match-detail .st th{text-align:left;color:var(--muted);font-size:13px}.match-detail tr.me{background:#fde8e4}.timeline{max-height:40vh;padding-left:18px;font-size:14px;overflow-y:auto}.timeline li{padding:2px 0}html{-webkit-text-size-adjust:100%}body{touch-action:manipulation;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text;font-size:16px}.role-chip{color:#f6c945;background:#2e2a28;border:0;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700;display:none}.phase,#roomCode{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:640px){.hub-actions{background:var(--card);border-top:2.5px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:4;justify-content:space-around;margin:0;position:fixed;bottom:0;left:0;right:0}.hub-actions .ibtn{border-radius:14px;flex-direction:column;gap:2px;width:64px;height:52px;display:inline-flex}.hub-actions .ibtn:after{content:attr(data-label);font-size:11px;font-weight:700}.hub-actions .ibtn>svg.rough{display:none}.hub-top{gap:6px}.hub-top .chip{padding:4px 10px;font-size:14px}.hub-panel{bottom:calc(66px + env(safe-area-inset-bottom));height:50vh}.queue-chip{font-size:13px}.top{gap:6px}.top .chip{max-width:34vw;padding:3px 8px;font-size:13px}.phase{font-size:17px}.role-chip{display:inline-block}.timer{width:42px;height:42px}.net-ping{min-width:0}.net-ping .ping{font-size:0}.ibtn{width:42px;height:42px}.md-card{padding:10px 12px}.ld-cards{gap:8px}}.md-body .row{flex-wrap:wrap}@media (max-width:640px){.nharong .row .btn,.pc-actions .btn,.cert-actions .btn{flex:100%}.nharong .row input{flex:60%}.gender button img{width:56px;height:76px}.rps-picks button{width:30%}.pf-tabs{white-space:nowrap;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.pf-tabs::-webkit-scrollbar{display:none}}.pf-head{gap:10px}.pf-avatar{border-radius:10px;width:54px;height:72px}.pf-id{flex-direction:column;flex:1;min-width:0;display:flex}.pf-name{white-space:nowrap;text-overflow:ellipsis;font-size:20px;overflow:hidden}.pf-rank{color:var(--accent);font-size:13px;font-weight:700}.pf-id .xp{width:100%;height:6px;margin:4px 0 0}.pf-tabs{grid-template-columns:repeat(7,1fr);gap:4px;margin:10px 0 8px;display:grid!important}.pf-tabs button{color:var(--muted);background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:0;padding:4px 0;font-size:11px;font-weight:700;display:flex;text-decoration:none!important}.pf-tabs button span{font-size:20px;line-height:1.1}.pf-tabs button.on{color:var(--accent);background:#fde8e4}.wardrobe{grid-template-columns:150px 1fr}.wd-preview{width:150px;height:200px}.wd-row{margin-bottom:4px}.wd-row small{font-size:12px}.chips{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip-item{flex:none;padding:3px 9px;font-size:12px}.wd-save{background:var(--card);width:100%;margin-top:8px;position:sticky;bottom:0}.aw-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}.aw{padding:8px 6px}.aw b{font-size:13px;line-height:1.2}.aw-medal{font-size:24px}@media (max-width:640px){.wardrobe{grid-template-columns:1fr;gap:6px}.wd-preview{width:110px;height:146px;margin:0 auto}.md-card{max-height:calc(100vh - 16px)}}.nharong p.muted{display:none}.wardrobe .wd-preview{justify-self:center}@media (max-width:640px){.wardrobe{flex-direction:column;display:flex!important}}svg.ic{vertical-align:-3px;flex:none;overflow:visible}.toast{align-items:center;gap:8px;display:flex}.banner .b-ico{color:var(--accent);justify-content:center;display:flex}.bus-fade .bus-ico{animation:1.2s ease-in-out infinite drive}.btn svg.ic,.chip svg.ic{margin-right:4px}.aw-medal{justify-content:center;display:flex}.lb-pos svg.ic{vertical-align:middle}.pf-tabs button span{justify-content:center;display:flex}@media (max-width:640px){.home-card h1{white-space:nowrap;font-size:34px}.sub{font-size:14px}}