.vp{--ui-paper:#fff9ed;--ui-paper-soft:#f4eedf;--ui-white:#fffcf5;--ui-ink:#303649;--ui-muted:#656d73;--ui-line:#d6d9ca;--ui-sage:#729889;--ui-sage-soft:#e7eee3;--ui-teal:#4d8d93;--ui-deep:#355f67;--ui-rose:#dda6a1;--ui-gold:#d4ae68;--ui-gold-soft:#f4e9cf;--ui-danger:#914e52;--ui-danger-soft:#f5e3df;--panel:var(--ui-paper);--panel-2:var(--ui-paper-soft);--fg:var(--ui-ink);--line:var(--ui-line);--accent:var(--ui-teal);touch-action:none;-webkit-user-select:none;user-select:none;color:var(--ui-ink);font:13px/1.5 var(--font-body);background:#91aa90;outline:none;position:absolute;inset:0;overflow:hidden}.vp,.vp *{box-sizing:border-box}.vp [hidden]{display:none!important}.vp button,.vp input,.vp select,.vp textarea{font-family:var(--font-body)}.vp button{-webkit-tap-highlight-color:transparent}.vp button:focus-visible,.vp summary:focus-visible,.vp select:focus-visible{outline:2px solid var(--ui-teal);outline-offset:3px}.vp button:disabled{opacity:.46;cursor:not-allowed}.vp button:not(:disabled):active{translate:0 1px}.vp canvas#world{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.vp:focus-visible{outline:2px solid var(--ui-gold);outline-offset:-2px}.hud{--ink:var(--ui-line);background:var(--ui-paper);border:1px solid var(--ui-line);border-radius:4px;box-shadow:0 2px #30364914}.hud-btn{appearance:none;cursor:pointer;color:var(--ui-ink);background:var(--ui-paper);font:600 13px var(--font-body);border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:8px 11px;display:inline-flex}.hud-icon{width:16px;height:16px;color:var(--ui-deep);flex:none}.who{left:calc(16px + env(safe-area-inset-left,0px));top:calc(16px + env(safe-area-inset-top,0px));background:#fff9edf5;max-width:calc(100% - 360px);padding:7px 12px;position:absolute}.who b{font:400 17px/1.2 var(--font-display);display:block}.who small{color:var(--ui-muted);white-space:nowrap;font-size:11px;display:block}.live:before{content:"";background:var(--ui-sage);vertical-align:2px;width:5px;height:5px;margin-right:5px;display:inline-block}.tr{right:calc(16px + env(safe-area-inset-right,0px));top:calc(16px + env(safe-area-inset-top,0px));border:1px solid var(--ui-line);background:#fff9edf5;border-radius:4px;gap:3px;padding:3px;display:flex;position:absolute}.tr .hud-btn{box-shadow:none;background:0 0;border:0;min-height:38px;padding:6px 9px}.tr .hud-btn:hover{background:var(--ui-sage-soft)}.tr .home{color:var(--ui-deep)}.tr .has-req,.shop-btn{background:var(--ui-gold-soft)}.shop-btn span{color:var(--ui-deep);font:600 10px var(--font-body)}.sample{font:10px var(--font-pixel);color:var(--ui-paper);background:var(--ui-deep);white-space:nowrap;padding:4px 7px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.talk-pill{appearance:none;background:var(--ui-deep);color:var(--ui-paper);font:600 12px var(--font-body);cursor:pointer;white-space:nowrap;border:1px solid #fff9ed66;border-radius:3px;min-height:32px;padding:5px 11px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.hint-btn{white-space:nowrap;background:var(--ui-paper);border-color:var(--ui-gold);z-index:3;position:absolute;top:74px;left:50%;transform:translate(-50%)}.notice,.tut,.conn{border:1px solid var(--ui-line);width:min(92%,480px);font:600 13px/1.5 var(--font-body);background:var(--ui-paper);color:var(--ui-ink);border-radius:4px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.notice{z-index:7;border-color:var(--ui-gold);top:76px}.notice b{color:var(--ui-deep);flex:none;font-size:12px;font-weight:600}.tut{z-index:4;border-color:var(--ui-sage);justify-content:space-between;top:120px}.tut button{appearance:none;color:var(--ui-deep);font:600 12px var(--font-body);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;flex:none;min-height:36px;padding:4px 6px;text-decoration:underline}.conn{z-index:9;background:var(--ui-danger-soft);border-color:var(--ui-rose);justify-content:space-between;top:76px}.conn button{appearance:none;border:1px solid var(--ui-rose);background:var(--ui-paper);color:var(--ui-danger);font:600 12px var(--font-body);cursor:pointer;border-radius:3px;flex:none;min-height:38px;padding:6px 9px}.toast{text-align:center;z-index:10;width:max-content;max-width:88%;padding:10px 16px;font-size:13px;position:absolute;top:22%;left:50%;transform:translate(-50%)}.chat{background:#fff9edf5;flex-direction:column;width:min(470px,100% - 290px);min-width:248px;display:flex;position:absolute;bottom:14px;left:50%;overflow:hidden;transform:translate(-50%)}.chat-tabs{border-bottom:1px solid var(--ui-line);align-items:center;gap:3px;padding:3px 5px;display:flex}.chat-tabs button{appearance:none;color:var(--ui-muted);font:600 12px var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:2px;min-height:32px;padding:4px 10px}.chat-tabs button[aria-pressed=true]{background:var(--ui-sage-soft);color:var(--ui-deep)}.chat-tabs .sp{flex:1}#log{touch-action:pan-y;height:76px;padding:7px 11px;font-size:12px;line-height:1.6;overflow-y:auto}#log p{overflow-wrap:anywhere;margin:0 0 2px}#log b{color:var(--ui-deep);font-weight:600}#log p.me b{color:#965b65}#log p.npc b{color:#536e5a}#log p.sys b{color:#85713f}#log p.sys{background:var(--ui-gold-soft)}.vp.chat-min #log{display:none}#chatForm{border-top:1px solid var(--ui-line);background:var(--ui-paper);gap:4px;padding:4px;display:flex}#msg{min-width:0;color:var(--ui-ink);-webkit-user-select:text;user-select:text;background:0 0;border:0;border-radius:2px;outline:none;flex:1;min-height:42px;padding:7px 9px;font-size:16px}#msg:focus{box-shadow:inset 0 0 0 1px var(--ui-teal)}#chatForm button{appearance:none;background:var(--ui-deep);color:var(--ui-paper);font:600 13px var(--font-body);cursor:pointer;border:0;border-radius:3px;min-height:42px;padding:0 14px}.joy{left:calc(20px + env(safe-area-inset-left,0px));touch-action:none;cursor:pointer;background:#fff9ed47;border:1px solid #fff9edb8;border-radius:50%;width:108px;height:108px;display:none;position:absolute;bottom:20px}.joy:before{content:"";pointer-events:none;border:1px solid #30364926;border-radius:50%;position:absolute;inset:10px}.joy i{background:var(--ui-paper);border:1px solid var(--ui-sage);border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%;box-shadow:0 3px #30364926}.vp[data-touch="1"] .joy{display:block}.acts{right:calc(18px + env(safe-area-inset-right,0px));flex-direction:column;align-items:flex-end;gap:9px;display:flex;position:absolute;bottom:18px}.acts .big{background:var(--ui-paper);place-items:center;width:54px;height:54px;padding:0;display:grid}.jump{border:1px solid var(--ui-sage);background:var(--ui-sage-soft);border-radius:50%;place-items:center;width:66px;height:66px;padding:0;display:none;box-shadow:0 2px #3036491f}.jump svg{width:27px;height:27px}.jump svg path{fill:var(--ui-deep)}.vp[data-space=tower][data-touch="1"] .jump{display:grid}.tray{grid-template-columns:repeat(3,66px);gap:5px;padding:7px;display:grid;position:absolute;bottom:66px;right:0}.tray button{appearance:none;background:var(--ui-paper-soft);color:var(--ui-ink);font:600 12px var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:2px;min-height:44px;padding:7px 2px}.tray button:hover{border-color:var(--ui-sage);background:var(--ui-sage-soft)}.f-panel,.card{touch-action:pan-y;overscroll-behavior:contain;z-index:5;flex-direction:column;gap:11px;width:288px;max-width:calc(100% - 32px);max-height:calc(100% - 92px);padding:16px;display:flex;position:absolute;top:74px;right:16px;overflow-y:auto}.f-panel h3{font:400 19px/1.3 var(--font-display);margin:0 0 4px}.f-panel small,.card small{color:var(--ui-muted);font-size:12px;display:block}.f-row{border-top:1px solid var(--ui-line);justify-content:space-between;align-items:center;gap:9px;min-width:0;padding:9px 0 0;display:flex}.f-row>div{min-width:0}.f-row b{font:600 13px/1.5 var(--font-body);overflow-wrap:anywhere;display:block}.f-acts{flex:none;gap:4px;display:flex}.f-row button,.m-nick button,.m-acct button,.card button,.guide-back{appearance:none;border:1px solid var(--ui-line);background:var(--ui-paper-soft);color:var(--ui-ink);font:600 12px var(--font-body);cursor:pointer;border-radius:3px;min-height:40px;padding:7px 10px}.f-row button{flex:none;min-height:38px;padding:6px 8px}.card .top{align-items:center;gap:12px;display:flex}.card canvas{background:var(--ui-sage-soft);width:72px;image-rendering:pixelated;flex:none}.card b{font:400 19px/1.3 var(--font-display);display:block}.card .row{grid-template-columns:1fr 1fr;gap:7px;display:grid}.card button.primary{background:var(--ui-deep);border-color:var(--ui-deep);color:var(--ui-paper)}.card button.danger,.m-acct button.danger{background:var(--ui-danger-soft);color:var(--ui-danger);border-color:#e7c9c4}.m-row{border-top:1px solid var(--ui-line);justify-content:space-between;align-items:center;gap:10px;padding-top:10px;font-size:12px;display:flex}.m-row>span{flex:1;min-width:0}.m-seg{flex:none;display:flex}.m-seg button{appearance:none;border:1px solid var(--ui-line);background:var(--ui-paper-soft);color:var(--ui-ink);font:600 12px var(--font-body);cursor:pointer;min-height:38px;padding:5px 8px}.m-seg button+button{border-left:0}.m-seg button:first-child{border-radius:3px 0 0 3px}.m-seg button:last-child{border-radius:0 3px 3px 0}.m-seg button[aria-pressed=true]{background:var(--ui-deep);border-color:var(--ui-deep);color:var(--ui-paper)}.m-nick{border-top:1px solid var(--ui-line);align-items:center;gap:5px;padding-top:10px;font-size:12px;display:flex}.m-nick label{flex:none}.m-nick input,.m-acct input,.center-card input{border:1px solid var(--ui-line);background:var(--ui-white);min-width:0;color:var(--ui-ink);-webkit-user-select:text;user-select:text;border-radius:3px;min-height:42px;padding:7px 9px;font-size:16px}.m-nick input{flex:1}.m-note{color:var(--ui-muted);margin-top:-4px;font-size:11px;display:block}.f-panel .stats{color:var(--ui-muted);margin:0;padding-top:7px;font-size:10px}.m-acct{border-top:1px solid var(--ui-line);flex-direction:column;gap:9px;padding-top:12px;display:flex}.m-acct form{flex-direction:column;gap:6px;display:flex}.m-acct .row{grid-template-columns:1fr 1fr;gap:7px;display:grid}.vp[data-mode] .center-card{z-index:7;width:min(352px,100% - 28px);max-height:calc(100% - 32px);top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.center-card form{flex-direction:column;gap:8px;display:flex}.card-err{color:var(--ui-danger);margin:0;font-size:13px}.vp[data-mode] .ask-card{z-index:9;border-color:var(--ui-sage)}.ask-card b{text-align:center;font-size:19px;line-height:1.5}.daily-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.daily-week i{font:600 11px var(--font-body);text-align:center;border:1px solid var(--ui-line);background:var(--ui-paper-soft);color:var(--ui-muted);border-radius:2px;padding:7px 0}.daily-week i.on{background:var(--ui-gold-soft);border-color:var(--ui-gold);color:#6e592e}.vp[data-mode] .guide-card{z-index:8;width:min(400px,100% - 28px);max-height:calc(100% - 28px)}.guide-top{align-items:center;gap:12px;display:flex}.card .guide-top canvas{background:var(--ui-sage-soft);border:1px solid var(--ui-line);border-radius:3px;width:76px;height:76px}.guide-top small{display:block}.guide-stat{font:600 12px var(--font-body);margin-top:5px;color:var(--ui-deep)!important}.guide-menu{grid-template-columns:1fr 1fr;gap:7px;display:grid}.card .guide-menu button{min-height:44px}.guide-faq,.guide-fb{flex-direction:column;gap:9px;display:flex}.guide-faq details{border:1px solid var(--ui-line);background:var(--ui-white);border-radius:3px}.guide-faq summary{cursor:pointer;font:600 13px var(--font-body);min-height:44px;padding:10px}.guide-faq p{margin:0;padding:0 10px 11px;font-size:12px;line-height:1.7}.guide-fb label{font-size:13px}.guide-fb textarea{border:1px solid var(--ui-line);background:var(--ui-white);color:var(--ui-ink);font:400 16px var(--font-body);resize:none;-webkit-user-select:text;user-select:text;touch-action:auto;border-radius:3px;padding:10px}.vp[data-mode] .profile-card{background:var(--ui-paper);gap:12px;width:min(326px,100% - 32px);padding:16px}.profile-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.profile-head>div{min-width:0}.profile-head b{overflow-wrap:anywhere;font-size:22px}.profile-head small{margin-top:4px;line-height:1.5;display:block}.profile-card .profile-head button{min-height:36px;color:var(--ui-muted);background:0 0;flex:none;padding:4px 9px}.profile-look{background:linear-gradient(#eaf0e4,#e1ead9);border:1px solid #d0dece;border-radius:3px;flex-direction:column;align-items:center;gap:9px;padding:12px;display:flex;position:relative}.profile-look:before{content:"";background:#d0ddc8;border-radius:50%;width:72px;height:10px;position:absolute;bottom:58px;left:calc(50% - 36px)}.profile-card .profile-look canvas{width:100px;image-rendering:pixelated;background:0 0;position:relative}.profile-card #pWearDirs{align-self:center;position:relative}.profile-card #pWearDirs button{min-width:44px;min-height:36px;padding:4px 10px}.profile-equipment h3{font:600 13px var(--font-body);letter-spacing:.02em;margin:0 0 8px}.profile-equipment dl{gap:0;margin:0;display:grid}.profile-equipment dl>div{border-top:1px solid var(--ui-line);grid-template-columns:64px minmax(0,1fr);align-items:start;gap:8px;padding:8px 0;display:grid}.profile-equipment dt{font:400 12px/1.5 var(--font-body);color:var(--ui-muted);padding-top:4px}.profile-equipment dd{flex-wrap:wrap;gap:5px;min-width:0;margin:0;display:flex}.profile-equipment dd span{background:var(--ui-sage-soft);color:var(--ui-ink);overflow-wrap:anywhere;border:1px solid #d5e0d2;border-radius:2px;padding:4px 7px;font-size:11px;line-height:1.5;display:block}.profile-equipment dd.empty span{color:var(--ui-muted);background:0 0;border-color:#0000;padding-left:0}.profile-last{background:var(--ui-paper-soft);overflow-wrap:anywhere;padding:8px 10px;display:block}.profile-card #pActs,.profile-card #pReasons{border-top:1px solid var(--ui-line);padding-top:10px}.profile-card #pActs button,.profile-card #pReasons button{min-height:42px}.vp[data-mode] .event-card{z-index:8;width:min(430px,100% - 28px);max-height:calc(100% - 28px)}.event-picks{grid-template-columns:1fr 1fr;gap:9px;display:grid}.card .event-picks button{font:600 14px var(--font-body);flex-direction:column;align-items:center;gap:5px;padding:10px;display:flex}.card .event-picks button[aria-pressed=true]{background:var(--ui-sage-soft);border-color:var(--ui-teal);box-shadow:inset 0 0 0 1px var(--ui-teal)}.card .event-picks canvas{background:0 0;width:90px;max-width:100%}.card .event-picks small{font-size:11px}.ward-over{z-index:8;background:var(--ui-paper);color:var(--ui-ink);touch-action:pan-y;border-color:#bcccbd;flex-direction:column;display:flex;position:absolute;inset:20px;overflow:hidden;box-shadow:0 6px 20px #3036491f}.ward-over>header,.cs-sheet>header{border-bottom:1px solid var(--ui-line);font:400 22px/1.3 var(--font-display);background:var(--ui-paper);justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;display:flex}.ward-over header button{appearance:none;border:1px solid var(--ui-line);background:var(--ui-white);color:var(--ui-ink);font:600 12px var(--font-body);cursor:pointer;border-radius:3px;flex:none;min-height:40px;padding:7px 12px}.ward-over .ward{flex:1;min-height:0;padding:20px;overflow-y:auto}.ward{--w-bg:var(--ui-paper,var(--panel));--w-fg:var(--ui-ink,var(--fg));--w-soft:var(--ui-paper-soft,var(--panel-2));--w-line:var(--ui-line,var(--line));color:var(--w-fg);grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:24px;display:grid}.w-prev{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.w-prev canvas{border:1px solid var(--w-line);width:100%;image-rendering:pixelated;background:linear-gradient(#eaf0e4,#dfe9d6);border-radius:3px}.w-dirs{width:100%;display:flex}.w-dirs button{appearance:none;border:1px solid var(--w-line);background:var(--w-bg);color:var(--w-fg);cursor:pointer;min-height:40px;font:600 12px var(--font-body);flex:1;padding:5px 2px}.w-dirs button+button{border-left:0}.w-dirs button:first-child{border-radius:3px 0 0 3px}.w-dirs button:last-child{border-radius:0 3px 3px 0}.w-dirs button[aria-pressed=true]{background:var(--ui-deep,#355f67);color:var(--ui-paper,#fff9ed);border-color:var(--ui-deep,#355f67)}.w-poses button{min-height:38px;font-size:11px}.w-main{flex-direction:column;gap:16px;min-width:0;display:flex}.w-tabs{flex-wrap:wrap;gap:6px;display:flex}.w-tabs button{appearance:none;border:1px solid var(--w-line);background:var(--w-bg);color:var(--w-fg);cursor:pointer;min-height:40px;font:600 12px var(--font-body);border-radius:2px;padding:7px 11px}.w-tabs button[aria-pressed=true]{background:var(--ui-deep,#355f67);color:var(--ui-paper,#fff9ed);border-color:var(--ui-deep,#355f67)}.w-items{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:9px;display:grid}.chip-btn{appearance:none;border:1px solid var(--w-line);background:var(--ui-white,#fffcf5);color:var(--w-fg);cursor:pointer;font:400 12px/1.5 var(--font-body);border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:44px;padding:8px 5px;display:flex}.chip-btn canvas{width:100%;max-width:64px;image-rendering:pixelated}.chip-btn canvas.smooth{image-rendering:auto}.chip-btn[aria-pressed=true]{background:var(--ui-sage-soft,#e7eee3);border-color:var(--ui-teal,#4d8d93);box-shadow:inset 0 0 0 1px var(--ui-teal,#4d8d93)}.chip-btn:disabled{opacity:.48;cursor:not-allowed}.w-group{font:600 13px var(--font-body);color:var(--w-fg);grid-column:1/-1;margin:10px 0 0}.w-main [hidden]{display:none!important}.w-simple{flex-direction:column;gap:9px;min-width:0;display:flex}.w-simple .w-items{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px}.w-seg{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.w-seg button{appearance:none;border:1px solid var(--w-line);background:var(--w-bg);color:var(--w-fg);font:600 13px var(--font-body);cursor:pointer;min-height:44px;padding:6px 8px}.w-seg button+button{border-left:0}.w-seg button:first-child{border-radius:3px 0 0 3px}.w-seg button:last-child{border-radius:0 3px 3px 0}.w-seg button[aria-pressed=true]{background:var(--ui-deep,#355f67);border-color:var(--ui-deep,#355f67);color:var(--ui-paper,#fff9ed)}.w-shop{appearance:none;background:var(--ui-sage-soft,#e7eee3);color:var(--ui-deep,#355f67);font:600 13px var(--font-body);cursor:pointer;border:1px solid #c5d5cd;border-radius:3px;min-height:44px;margin-top:5px;padding:7px 12px}.w-more{appearance:none;color:var(--ui-deep,#355f67);font:600 12px var(--font-body);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-self:flex-start;min-height:40px;padding:0 2px;text-decoration:underline}.w-colors{flex-wrap:wrap;gap:8px;display:flex}.swatch{appearance:none;border:3px solid var(--w-bg);width:34px;height:34px;box-shadow:0 0 0 1px var(--w-line);cursor:pointer;border-radius:3px;padding:0}.swatch[aria-pressed=true]{outline:2px solid var(--ui-deep,#355f67);outline-offset:2px}.ward-over.cs{background:var(--ui-paper);color:var(--ui-ink);--gold:var(--ui-gold);--gold-d:var(--ui-gold);--line-d:var(--ui-line)}.ward-over .cs-head{background:var(--ui-paper);border-bottom:1px solid var(--ui-line);font:600 13px var(--font-body);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:11px 16px;display:flex}.cs-head #shopClose{margin-left:auto}.cs-tabs{gap:5px;display:flex}.ward-over.cs .cs-tabs button{background:0 0;border-color:#0000;min-height:40px;padding:7px 12px;font-size:14px}.ward-over.cs .cs-tabs button[aria-pressed=true]{background:var(--ui-deep);color:var(--ui-paper);border-color:var(--ui-deep)}.cs-wallet{flex-wrap:wrap;align-items:center;gap:7px;margin-left:auto;display:flex}.cs-c,.cs-p{border:1px solid var(--ui-line);background:var(--ui-white);min-height:34px;font:600 12px var(--font-body);white-space:nowrap;border-radius:2px;align-items:center;padding:5px 8px;display:inline-flex}.cs-c{color:#846337}.cs-p{color:var(--ui-deep)}.cs-body{flex:1;grid-template-columns:minmax(230px,30%) minmax(0,1fr);min-height:0;display:grid}.cs-stage{border-right:1px solid var(--ui-line);background:linear-gradient(#ecf0e4,#dce6d4);flex-direction:column;min-height:0;display:flex;overflow:hidden}.cs-picture{flex:1;justify-content:center;align-items:flex-end;min-height:0;padding:22px;display:flex;position:relative}.cs-picture:after{content:"";pointer-events:none;background:#c9d7c0;border-radius:50%;width:56%;height:12px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.cs-picture canvas{z-index:1;object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;image-rendering:pixelated;background:0 0;position:relative}.cs-picture canvas.smooth{image-rendering:auto;align-self:center;width:min(100%,220px);height:auto}.cs-info{background:var(--ui-paper);border-top:1px solid var(--ui-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:16px;display:grid}.cs-info b{font:400 20px/1.3 var(--font-display);overflow-wrap:anywhere;min-width:0}.cs-info span{font:600 13px/1.3 var(--font-body);color:var(--ui-deep);white-space:nowrap}.cs-info select{appearance:auto;border:1px solid var(--ui-line);background:var(--ui-white);width:100%;min-width:0;color:var(--ui-ink);font:400 14px var(--font-body);touch-action:auto;border-radius:3px;grid-column:1/-1;min-height:42px;padding:7px 9px}.cs-act{appearance:none;border:1px solid var(--ui-deep);background:var(--ui-deep);color:var(--ui-paper);font:600 14px var(--font-body);cursor:pointer;border-radius:3px;grid-column:1/-1;min-height:46px;padding:7px 10px}.cs-act.armed{color:var(--ui-paper);background:#85575e;border-color:#85575e}.cs-act:disabled{border-color:var(--ui-line);color:#757b79;opacity:1;cursor:default;background:#e4e5db}.cs-list{flex-direction:column;min-width:0;min-height:0;display:flex}.cs-cats{gap:6px;padding:16px 18px 0;display:flex}.cs-cats button{appearance:none;color:var(--ui-muted);font:600 13px var(--font-body);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;min-height:40px;padding:7px 13px}.cs-cats button[aria-pressed=true]{background:var(--ui-sage-soft);color:var(--ui-deep);border-color:#cfdccb}.cs-note{color:var(--ui-muted);padding:9px 20px 0;font-size:11px;line-height:1.6}.cs-grid{touch-action:pan-y;flex:1;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));align-content:start;gap:11px;min-height:0;padding:16px 18px 18px;display:grid;overflow-y:auto}.cs-card{appearance:none;border:1px solid var(--ui-line);background:var(--ui-white);color:var(--ui-ink);text-align:center;cursor:pointer;border-radius:3px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:12px 8px 10px;display:flex}.cs-card[aria-pressed=true]{border-color:var(--ui-teal);background:var(--ui-sage-soft);box-shadow:inset 0 0 0 1px var(--ui-teal)}.cs-card canvas{width:80px;max-width:100%;image-rendering:pixelated}.cs-card canvas.cs-product-thumb{aspect-ratio:1;background:radial-gradient(at 50% 42%,#fffcf4,#efe9d9);border-radius:10px}.cs-card canvas.smooth{image-rendering:auto;width:100%}.cs-card b{font:600 13px/1.4 var(--font-body)}.cs-card small{font:600 12px/1.4 var(--font-body);color:#7b6239}.cs-card small.own{color:var(--ui-deep)}.notice-board-overlay{z-index:140;background:#172b2b66;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.notice-board-panel{border-radius:12px;flex-direction:column;width:min(100%,560px);min-height:0;max-height:88%;padding:20px;display:flex;box-shadow:0 18px 65px #132b2b55}.notice-board-panel header,.notice-board-panel footer{flex:none;justify-content:space-between;align-items:center;gap:14px;display:flex}.notice-board-panel h2{font:600 24px/1.25 var(--font-display);margin:4px 0}.notice-board-panel header small,.notice-board-panel footer small{color:var(--ui-teal);font-size:12px;line-height:1.5}.notice-board-status{flex:none;margin:12px 0;font-size:13px;line-height:1.55}.notice-board-list{overscroll-behavior:contain;touch-action:pan-y;min-height:0;padding:0 4px 8px;overflow-y:auto}.notice-board-list article{border-top:1px solid var(--ui-line);padding:14px 0}.notice-board-list time{color:var(--ui-teal);font-size:12px}.notice-board-list p{white-space:pre-wrap;overflow-wrap:anywhere;font:500 15px/1.75 var(--font-body);margin:8px 0 0}.notice-board-panel footer{border-top:1px solid var(--ui-line);margin-top:8px;padding-top:12px}.notice-board-panel button{flex:none;min-height:42px}@media (max-height:420px){.notice-board-overlay{padding:8px}.notice-board-panel{max-height:100%;padding:10px 14px}.notice-board-panel h2{font-size:19px}.notice-board-status{margin:4px 0}.notice-board-panel footer{margin-top:4px;padding-top:4px}}.cs-sheet{z-index:2;background:var(--ui-paper);color:var(--ui-ink);touch-action:pan-y;flex-direction:column;display:flex;position:absolute;inset:0}.cs-sheet header{border-bottom:1px solid var(--ui-line)}.cs-warn{background:var(--ui-gold-soft);font:400 13px/1.7 var(--font-body);border:1px solid #e0cda5;border-radius:3px;margin:16px;padding:12px 14px}.cs-packs{flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;gap:10px;min-height:0;padding:0 16px 16px;display:grid;overflow-y:auto}.cs-pack{border:1px solid var(--ui-line);background:var(--ui-white);border-radius:3px;flex-direction:column;align-items:center;gap:5px;padding:16px;display:flex}.cs-pack b{font:400 22px var(--font-display);color:var(--ui-deep)}.cs-pack span{color:var(--ui-muted);font-size:12px}.cs-rows{flex-direction:column;flex:1;gap:0;min-height:0;padding:12px 18px;font-size:12px;display:flex;overflow-y:auto}.cs-row{border-bottom:1px solid var(--ui-line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;display:grid}.cs-row small{color:var(--ui-muted);font-size:11px}.cs-row b{font:600 12px var(--font-body);color:var(--ui-deep);white-space:nowrap}.vp[data-lobby="1"]>:not(canvas):not(.lobby):not(.member-service-overlay):not(.install-overlay){display:none!important}.lobby{--ui-paper:#fff;--ui-paper-soft:#f5f7f8;--ui-white:#fff;--ui-line:#dbe2e5;--ui-sage-soft:#edf5f3;--panel:var(--ui-paper);--panel-2:var(--ui-paper-soft);z-index:20;padding:calc(28px + env(safe-area-inset-top,0px)) calc(28px + env(safe-area-inset-right,0px)) calc(22px + env(safe-area-inset-bottom,0px)) calc(28px + env(safe-area-inset-left,0px));touch-action:pan-y;background:#fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.lobby-box{width:min(520px,100%);min-width:0;min-height:0;max-height:100%;color:var(--ui-ink);background:var(--ui-paper);touch-action:pan-y;overscroll-behavior:contain;border-color:var(--ui-line);border-radius:14px;flex-direction:column;flex:0 auto;gap:20px;padding:28px;scroll-padding:18px;display:flex;overflow:hidden auto;box-shadow:0 6px 24px #30364914}.lobby-box>*{flex-shrink:0}.lobby-box:has(#wardLobby:not([hidden])){width:min(920px,100%)}.lobby-head{flex-wrap:wrap;align-items:baseline;gap:6px 16px;display:flex}.lobby-kick{width:100%;font:10px/1.5 var(--font-pixel);color:var(--ui-deep);letter-spacing:.12em;margin:0 0 4px}.lobby-head h1{font:400 clamp(30px,4.2vw,40px)/1.2 var(--font-display);color:var(--ui-ink);letter-spacing:-.02em;margin:0}.lobby-intro{width:100%;color:var(--ui-muted);margin:0;font-size:13px;line-height:1.6}.lobby-live{color:var(--ui-deep);background:var(--ui-sage-soft);border-radius:2px;margin:0 0 0 auto;padding:4px 8px;font-size:11px}.lobby-content{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.lobby-content:has(#wardLobby:not([hidden])){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.lobby-auth{flex-direction:column;gap:16px;min-width:0;display:flex}.lobby-tabs{border-bottom:1px solid var(--ui-line);gap:0;display:flex}.lobby-tabs button{appearance:none;color:var(--ui-muted);font:600 14px var(--font-body);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;min-height:44px;padding:9px}.lobby-tabs button[aria-pressed=true]{border-bottom-color:var(--ui-deep);color:var(--ui-deep)}.lobby-enter{flex-direction:column;gap:15px;display:flex}.lobby-back{font:400 19px var(--font-display);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.lobby-back button{appearance:none;color:var(--ui-muted);font:400 12px var(--font-body);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;min-height:38px;padding:5px 0;text-decoration:underline}.lobby-fields{grid-template-columns:minmax(0,1fr);align-items:center;gap:7px;display:grid}.lobby-fields label{font:600 12px var(--font-body);margin-top:4px}.lobby-fields input:not([type=checkbox]){background:var(--ui-white);width:100%;min-width:0;color:var(--ui-ink);-webkit-user-select:text;user-select:text;border:1px solid #c9d2c8;border-radius:3px;outline:none;min-height:46px;padding:10px 12px;font-size:16px}.lobby-fields input:focus{border-color:var(--ui-teal);box-shadow:0 0 0 2px #e2ede5}.lobby-age{cursor:pointer;align-items:center;gap:9px;min-height:38px;display:flex}.lobby-age input{width:18px;height:18px;accent-color:var(--ui-deep);flex:none;margin:0}#enterBtn{appearance:none;border:1px solid var(--ui-deep);background:var(--ui-deep);color:var(--ui-paper);font:600 15px var(--font-body);cursor:pointer;border-radius:3px;min-height:48px;padding:11px 18px;box-shadow:0 2px #3036491a}.lobby-event{background:var(--ui-gold-soft);color:#75603a;border-left:3px solid var(--ui-gold);font:600 12px/1.6 var(--font-body);margin:0;padding:10px 13px}.lobby-err{background:var(--ui-danger-soft);color:var(--ui-danger);border:1px solid #e9cdc8;border-radius:3px;margin:0;padding:10px 12px;font-size:12px}.lobby-note{border-top:1px solid var(--ui-line);color:var(--ui-muted);margin:0;padding-top:15px;font-size:11px;line-height:1.75}.lobby .ward{border-left:1px solid var(--ui-line);grid-template-columns:96px minmax(0,1fr);gap:12px;padding-left:22px}.lobby .w-simple .w-items{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:6px}.lobby .chip-btn{padding:6px 3px;font-size:11px}.vp[data-mode=portrait] .tr{left:12px;right:12px;top:calc(12px + env(safe-area-inset-top,0px));grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:2px;padding:3px;display:grid}.vp[data-mode=portrait] .tr .hud-btn{gap:4px;min-width:0;min-height:42px;padding:7px 2px;font-size:12px}.vp[data-mode=portrait] .tr .hud-icon{display:none}.vp[data-mode=portrait] .shop-btn span{font-size:9px}.vp[data-mode=portrait] .who{top:calc(68px + env(safe-area-inset-top,0px));align-items:center;gap:8px;max-width:calc(100% - 120px);padding:5px 8px;display:flex;left:13px}.vp[data-mode=portrait] .who b{font-size:14px}.vp[data-mode=portrait] .who small{font-size:10px}.vp[data-mode=portrait] #spaces{display:none}.vp[data-mode=portrait] .talk-pill{top:calc(68px + env(safe-area-inset-top,0px));min-height:32px;padding:4px 8px;font-size:11px;left:auto;right:12px;transform:none}.vp[data-mode=portrait] .sample{top:108px;left:12px;transform:none}.vp[data-mode=portrait] .hint-btn{top:auto;bottom:calc(196px + env(safe-area-inset-bottom,0px));white-space:normal;max-width:calc(100% - 28px)}.vp[data-mode=portrait] .tut{top:calc(112px + env(safe-area-inset-top,0px))}.vp[data-mode=portrait] .f-panel,.vp[data-mode=portrait] .card{top:calc(110px + env(safe-area-inset-top,0px));width:auto;max-width:none;max-height:calc(100% - 132px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));left:12px;right:12px}.vp[data-mode=portrait] .chat{width:auto;min-width:0;max-width:none;box-shadow:none;pointer-events:none;background:0 0;border:0;border-radius:0;bottom:0;left:0;right:0;overflow:visible;transform:none}.vp[data-mode=portrait] .chat>*{pointer-events:auto}.vp[data-mode=portrait] .chat-tabs,.vp[data-mode=portrait] #log{background:#fff9edf0;margin-left:max(130px,50% - 235px);margin-right:max(76px,50% - 235px)}.vp[data-mode=portrait] .chat-tabs{border:1px solid var(--ui-line);gap:0;padding:2px}.vp[data-mode=portrait] .chat-tabs button{min-height:30px;padding:4px 6px;font-size:11px}.vp[data-mode=portrait] #log{border:1px solid var(--ui-line);border-top:0;height:80px;padding:5px 7px;font-size:11px}.vp[data-mode=portrait] #chatForm{padding:5px 7px calc(5px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--ui-line);margin-top:8px}.vp[data-mode=portrait] .joy{bottom:calc(72px + env(safe-area-inset-bottom,0px));width:104px;height:104px;left:14px}.vp[data-mode=portrait] .acts{bottom:calc(72px + env(safe-area-inset-bottom,0px));right:14px}.vp[data-mode=portrait] .acts .big{width:50px;height:50px;font-size:12px}.vp[data-mode=portrait] .jump{width:58px;height:58px}.vp[data-mode=portrait] .ward-over{inset:10px}.vp[data-mode=portrait] .ward-over>header{padding:10px 12px;font-size:20px}.vp[data-mode=portrait] .ward-over .ward{grid-template-columns:100px minmax(0,1fr);gap:13px;padding:12px}.vp[data-mode=portrait] .w-tabs{gap:5px}.vp[data-mode=portrait] .w-tabs button{min-height:40px;padding:7px 9px;font-size:11px}.vp[data-mode=portrait] .w-items,.vp[data-mode=portrait] .w-simple .w-items{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:7px}.vp[data-mode=portrait] .w-seg button{padding:6px 5px;font-size:12px}.vp[data-mode=portrait] .swatch{width:32px;height:32px}.vp[data-mode=portrait] .cs-body{grid-template-rows:minmax(225px,35%) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.vp[data-mode=portrait] .cs-stage{border-right:0;border-bottom:1px solid var(--ui-line);flex-direction:row}.vp[data-mode=portrait] .cs-picture{flex:0 0 43%;padding:12px}.vp[data-mode=portrait] .cs-info{border-top:0;border-left:1px solid var(--ui-line);flex:1;grid-template-columns:minmax(0,1fr);align-content:center;gap:7px;min-width:0;padding:12px}.vp[data-mode=portrait] .cs-info b{font-size:18px}.vp[data-mode=portrait] .cs-info span{font-size:12px}.vp[data-mode=portrait] .cs-info select,.vp[data-mode=portrait] .cs-act{min-height:42px;padding:7px;font-size:12px}.vp[data-mode=portrait] .cs-wallet{gap:5px;margin-left:0}.vp[data-mode=portrait] .cs-head{gap:7px;padding:9px 10px}.vp[data-mode=portrait] .cs-head #shopClose{order:2;margin-left:auto}.vp[data-mode=portrait] .cs-wallet{flex-basis:100%;order:3}.vp[data-mode=portrait] .cs-cats{gap:3px;padding:11px 12px 0}.vp[data-mode=portrait] .cs-cats button{padding:7px 11px;font-size:12px}.vp[data-mode=portrait] .cs-note{padding:7px 13px 0;font-size:10px}.vp[data-mode=portrait] .cs-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;padding:12px}.vp[data-mode=portrait] .cs-card{padding:8px 5px}.vp[data-mode=portrait] .cs-card canvas{width:68px}.vp[data-mode=portrait] .cs-card b{font-size:12px}.vp[data-mode=portrait] .cs-row{grid-template-columns:minmax(0,1fr) auto;gap:5px 9px}.vp[data-mode=portrait] .cs-row>small:first-child{grid-column:1/-1}.vp[data-mode=portrait] .profile-card{top:calc(106px + env(safe-area-inset-top,0px));max-height:calc(100% - 128px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.vp[data-mode=portrait].chat-min .chat-tabs,.vp[data-mode=landscape].chat-min .chat-tabs{display:none}.vp[data-mode=portrait] .center-card,.vp[data-mode=portrait] .guide-card,.vp[data-mode=portrait] .event-card{width:min(400px,100% - 28px);max-width:none;max-height:calc(100% - 28px);top:50%;left:50%;right:auto}.vp[data-mode=landscape] .chat{width:max(42%,260px);bottom:8px}.vp[data-mode=landscape] #log{height:48px}.vp[data-mode=landscape] .profile-card{max-height:calc(100% - 24px);top:12px}.vp[data-mode=landscape] .ward-over{inset:10px}.vp.short #log,.vp.short .chat-tabs,.vp.short .who,.vp.short .tr,.vp.short .talk-pill{display:none}@media (max-width:700px){.tr .hud-icon{display:none}.lobby{padding:calc(24px + env(safe-area-inset-top,0px)) calc(clamp(20px,7vw,28px) + env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) calc(clamp(20px,7vw,28px) + env(safe-area-inset-left,0px));align-items:flex-start}.lobby-box{gap:17px;padding:20px}.lobby-content:has(#wardLobby:not([hidden])){grid-template-columns:minmax(0,1fr);gap:20px}.lobby .ward{border-left:0;border-top:1px solid var(--ui-line);grid-template-columns:86px minmax(0,1fr);gap:12px;padding:17px 0 0}.lobby-head h1{font-size:31px}.lobby-live{margin-left:0}.lobby .w-simple .w-items{grid-template-columns:repeat(auto-fill,minmax(62px,1fr))}}@media (max-width:359px){.vp[data-mode=portrait] .tr .hud-btn{font-size:11px}.vp[data-mode=portrait] .shop-btn span{display:none}.vp[data-mode=portrait] .who{gap:5px}.vp[data-mode=portrait] .chat-tabs button{padding:4px;font-size:10px}.vp[data-mode=portrait] .ward-over .ward{grid-template-columns:84px minmax(0,1fr);gap:10px;padding:10px}.vp[data-mode=portrait] .w-items,.vp[data-mode=portrait] .w-simple .w-items{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}}@media (prefers-reduced-motion:reduce){.vp button{transition:none}}.inventory{flex:1;grid-template-columns:180px minmax(0,1fr);gap:20px;min-height:0;padding:20px;display:grid;overflow-y:auto}.inv-preview{background:var(--ui-sage-soft);text-align:center;border:1px solid var(--ui-line);align-self:start;padding:16px;position:sticky;top:0}.inv-preview canvas{width:100%;max-width:150px;image-rendering:pixelated}.inv-preview p{margin:8px 0;font-weight:700}.inv-preview small,.inv-detail small{color:var(--ui-muted);line-height:1.6;display:block}.inv-main{min-width:0}.inv-tabs{flex-wrap:wrap;gap:6px;display:flex}.inventory button{font:600 13px var(--font-body);border:1px solid var(--ui-line);background:var(--ui-white);color:var(--ui-ink);cursor:pointer;border-radius:3px;min-height:42px;padding:10px}.inventory button[aria-pressed=true]{border-color:var(--ui-deep);box-shadow:inset 0 0 0 1px var(--ui-deep);background:var(--ui-sage-soft)}.inventory button:disabled{opacity:.5;cursor:default}.inv-status{color:var(--ui-muted);font-size:12px;line-height:1.5}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:9px;display:grid}.inv-grid button{flex-direction:column;align-items:center;gap:5px;display:flex}.inv-grid canvas{width:90px;max-width:100%;image-rendering:pixelated}.inv-grid small{color:var(--ui-muted);font-size:11px;line-height:1.4}.inv-detail{background:var(--ui-paper);border:1px solid var(--ui-line);flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex;position:sticky;bottom:-20px}.inv-detail button{background:var(--ui-deep);color:var(--ui-paper);margin-left:auto}.vp[data-mode=portrait] .inventory{grid-template-columns:88px minmax(0,1fr);gap:10px;padding:10px}.vp[data-mode=portrait] .inv-preview{padding:6px}.vp[data-mode=portrait] .inv-preview small{font-size:10px}.vp[data-mode=portrait] .inv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.vp[data-mode=portrait] .inv-grid button{padding:6px 3px;font-size:11px}.vp[data-mode=portrait] .inv-tabs button{padding:7px 6px;font-size:11px}.vp[data-mode=portrait] .inv-detail{gap:6px;bottom:-10px}.groups-panel{flex:1;grid-template-columns:240px minmax(0,1fr);gap:22px;min-height:0;padding:20px;display:grid;overflow:auto}.groups-panel h3{margin:0 0 12px}.groups-panel h4{margin:22px 0 10px}.groups-panel button,.groups-panel input{font:500 13px var(--font-body);border:1px solid var(--ui-line);min-height:42px;color:var(--ui-ink);background:var(--ui-white);border-radius:3px;max-width:100%;padding:9px 11px}.groups-panel button{cursor:pointer;margin:3px}.groups-panel button:disabled{opacity:.5;cursor:default}.groups-panel button[aria-pressed=true],.groups-panel button.primary{background:var(--ui-deep);color:var(--ui-paper)}.groups-panel p,.groups-panel small{overflow-wrap:anywhere;line-height:1.65}.groups-panel small{color:var(--ui-muted);display:block}.groups-side,.groups-main{min-width:0}.groups-list{gap:4px;display:grid}.groups-panel form{border-top:1px solid var(--ui-line);gap:8px;margin-top:22px;padding-top:15px;display:grid}.groups-panel label{font-size:13px;font-weight:700}.group-invite-url{box-sizing:border-box;width:100%}.group-member{border-bottom:1px solid var(--ui-line);flex-wrap:wrap;align-items:center;gap:5px;padding:9px 0;display:flex}.group-member span{overflow-wrap:anywhere;flex:180px}.group-member button{padding:6px;font-size:11px}.invite-hint{background:var(--ui-sage-soft);border:1px solid var(--ui-line);padding:10px;line-height:1.6}.vp[data-mode=portrait] .groups-panel{padding:12px;display:block}.vp[data-mode=portrait] .groups-list{grid-template-columns:repeat(2,minmax(0,1fr))}.vp[data-mode=portrait] .groups-main{border-top:1px solid var(--ui-line);margin-top:20px;padding-top:15px}.vp[data-mode=portrait] .groups-panel{flex-direction:column;gap:10px;display:flex}.vp[data-mode=portrait] .groups-side{display:contents}.vp[data-mode=portrait] .groups-side h3{order:0}.vp[data-mode=portrait] .groups-list{flex:none;order:1;display:flex;overflow-x:auto}.vp[data-mode=portrait] .groups-list button{flex:none;max-width:210px}.vp[data-mode=portrait] .groups-main{order:2;margin-top:0}.vp[data-mode=portrait] #groupCreateForm{order:3}.vp[data-mode=portrait] #groupJoinForm{order:4}.activity-panel{min-height:0;color:var(--ui-ink);flex:1;padding:24px;overflow:auto}.activity-panel h2,.activity-panel h3{font-family:var(--font-display);margin:8px 0 12px;font-weight:400}.activity-panel h2{font-size:28px}.activity-panel p{margin:8px 0 14px;line-height:1.75}.activity-panel small{color:var(--ui-muted);line-height:1.7;display:block}.activity-intro{border-bottom:1px solid var(--ui-line);margin-bottom:20px;padding:0 0 18px}.activity-intro>small{letter-spacing:.12em;color:var(--ui-deep);font-size:10px}.place-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.activity-panel button{font:500 14px var(--font-body);cursor:pointer;border:1px solid var(--ui-line);background:var(--ui-white);color:var(--ui-ink);border-radius:6px;min-height:44px;padding:11px 14px}.activity-panel button:disabled{opacity:.5;cursor:default}.activity-panel button.place-card{color:#fff9ed;text-align:left;background-color:#3d6a65;background-position:50%;background-size:cover;flex-direction:column;justify-content:end;min-height:112px;display:flex}.place-card strong{font:400 18px var(--font-display)}.activity-panel .place-card small{color:#f3ebdc;margin-top:6px;font-size:11px}.activity-columns{grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;display:grid}.play-card,.conversation-card{border:1px solid var(--ui-line);background:var(--ui-white);border-radius:8px;min-width:0;padding:20px}.play-clock{background:var(--ui-sage-soft);text-align:center;font:20px var(--font-display);border-radius:6px;min-height:66px;padding:16px 10px}.play-actions{gap:8px;margin:10px 0;display:flex}.activity-panel .play-stop{background:var(--ui-deep);color:#fff;touch-action:manipulation;width:100%;min-height:64px;font-size:19px}.play-results{max-height:180px;padding-left:20px;overflow:auto}.play-results li{padding:5px 0}.conversation-card button{margin:4px 4px 4px 0}.topic-text{min-height:65px;font-family:var(--font-display);font-size:18px}.conversation-card hr{border:0;border-top:1px solid var(--ui-line);margin:22px 0}.vp[data-mode=portrait] .activity-panel{padding:14px}.vp[data-mode=portrait] .activity-panel h2{font-size:23px}.vp[data-mode=portrait] .place-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vp[data-mode=portrait] .activity-columns{grid-template-columns:1fr;gap:12px}.vp[data-mode=portrait] .play-card,.vp[data-mode=portrait] .conversation-card{padding:14px}.vp[data-mode=pc] .talk-pill,.vp[data-mode=landscape] .talk-pill{top:104px;left:16px;transform:none}.vp[data-mode=landscape] .tr{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 196px)}.vp[data-mode=portrait] .tr{grid-template-columns:repeat(4,minmax(0,1fr))}.vp[data-mode=portrait] .tr .hud-btn{white-space:nowrap;min-height:40px;font-size:12px}.vp[data-mode=portrait] .who,.vp[data-mode=portrait] .talk-pill{top:calc(108px + env(safe-area-inset-top,0px))}.vp[data-mode=portrait] .notice,.vp[data-mode=portrait] .conn{top:calc(148px + env(safe-area-inset-top,0px))}.vp[data-mode=portrait] .f-panel,.vp[data-mode=portrait] .card{top:calc(148px + env(safe-area-inset-top,0px));max-height:calc(100% - 170px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.vp[data-mode=portrait][data-place] .hint-btn{top:150px;bottom:auto}.who b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vp[data-mode=portrait] .who b{flex:1}.vp[data-mode=portrait] .who #people{flex:none}.tools-toggle{right:calc(12px + env(safe-area-inset-right,0px));top:calc(12px + env(safe-area-inset-top,0px));z-index:7;min-width:86px;position:absolute}.vp .tr,.vp[data-mode=portrait] .tr,.vp[data-mode=landscape] .tr{left:auto;top:calc(62px + env(safe-area-inset-top,0px));z-index:7;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:min(520px,100% - 24px);max-width:none;padding:7px;display:grid;right:12px;box-shadow:0 8px 30px #30364924}.vp .tr .hud-btn{white-space:nowrap;min-height:44px}.vp .who,.vp[data-mode=portrait] .who{top:calc(12px + env(safe-area-inset-top,0px));max-width:calc(100% - 140px);padding:6px 10px;display:block;left:12px}.vp .who b{font-size:15px}.vp .who #spaces{display:none}.vp .talk-pill,.vp[data-mode=portrait] .talk-pill,.vp[data-mode=landscape] .talk-pill{top:calc(76px + env(safe-area-inset-top,0px));z-index:3;min-height:38px;left:12px;right:auto;transform:none}.vp .f-panel,.vp[data-mode=portrait] .f-panel,.vp .profile-card,.vp[data-mode=portrait] .profile-card{top:calc(64px + env(safe-area-inset-top,0px));max-height:calc(100% - 86px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.panel-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-heading h3{margin:0}.panel-heading button,.friend-blocks button,#blockList button,.profile-equipment button{border:1px solid var(--ui-line);background:var(--ui-white);min-height:38px;color:var(--ui-deep);cursor:pointer;border-radius:4px;padding:6px 10px}.friend-blocks{border-top:1px solid var(--ui-line);padding-top:12px}.friend-blocks summary{cursor:pointer;min-height:40px;font-weight:600}.friend-blocks summary span{color:var(--ui-muted);font-size:12px}.profile-equipment dd{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;display:flex}.profile-equipment dd button{margin-left:auto}#pBag{width:100%;margin-top:12px}#pEquipmentHelp{margin-bottom:8px}.vp.chat-min .chat-tabs,.vp[data-mode=portrait].chat-min .chat-tabs,.vp[data-mode=landscape].chat-min .chat-tabs,.vp.short .chat-tabs{display:flex}.vp.chat-min .chat-tabs button[data-v],.vp.chat-min .chat-tabs .sp{display:none}.vp.chat-min #chatToggle{width:100%;min-height:36px;color:var(--ui-deep)}.vp[data-place=cafe] .jump,.vp[data-place=atelier] .jump{display:none!important}.vp[data-mode=portrait][data-place] .hint-btn,.vp[data-mode=portrait] .notice,.vp[data-mode=portrait] .conn{top:calc(120px + env(safe-area-inset-top,0px))}.vp.short .tools-toggle,.vp[data-lobby="1"] .tools-toggle{display:none}.vp[data-mode=portrait] .chat{color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;background:#1123272e;border-color:#fff3}.vp[data-mode=portrait] .chat form{background:#11232724}.vp[data-mode=portrait] .chat #log,.vp[data-mode=portrait] .chat .chat-tabs{background:0 0}.vp[data-mode=portrait] .chat #log p{color:#fff;text-shadow:0 1px 3px #152b35}.vp[data-mode=portrait] .chat-tabs,.vp[data-mode=portrait] #log{color:#fff;text-shadow:0 1px 3px #152b35;background:#1123272e}.vp[data-mode=portrait] .chat-tabs button{color:#fff;background:0 0}#shopOverlay .cs-body{flex-direction:column;min-height:0;display:flex}#shopOverlay .cs-stage{border-right:0;border-bottom:1px solid var(--ui-line);flex-direction:row;flex:none;height:76px}#shopOverlay .cs-picture{flex:0 0 82px;align-items:center;padding:4px}#shopOverlay .cs-picture:after{height:5px;bottom:3px}#shopOverlay .cs-picture canvas{width:auto;max-width:72px;height:auto;max-height:68px}#shopOverlay .cs-info{background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:8px 12px;display:flex}#shopOverlay .cs-info b{font-size:16px}#shopOverlay .cs-info span{font-size:12px}#shopOverlay .cs-list{flex:1;min-height:0}#shopOverlay .cs-cats{flex:none;gap:2px;padding:5px 10px 0}#shopOverlay .cs-cats button{min-height:32px;padding:4px 8px}#shopOverlay .shop-piece-filter{flex:none;padding:3px 12px 0;font-size:11px}#shopOverlay .shop-piece-filter select{min-height:28px;padding:3px 6px;font-size:12px}#shopOverlay .cs-note{flex:none;padding:3px 12px;font-size:10px;line-height:1.3}#shopOverlay .cs-grid{flex:1;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));align-content:stretch;gap:6px;padding:6px 10px;overflow-y:auto}#shopOverlay .cs-card{gap:2px;min-height:0;padding:4px;overflow:hidden}#shopOverlay .cs-card canvas{object-fit:contain;aspect-ratio:1;flex:1;width:auto;max-width:100%;min-height:0;max-height:76px}#shopOverlay .cs-card b{white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:100%;font-size:11px;line-height:1.2;overflow:hidden}#shopOverlay .cs-card small{flex:none;font-size:10px;line-height:1.2}#shopOverlay .cs-card small+small{display:none}#shopOverlay .cs-pages{flex:none;justify-content:center;align-items:center;gap:12px;padding:3px 10px;font-size:11px;display:flex}#shopOverlay .cs-pages button{min-height:30px;padding:3px 12px}#shopOverlay .cs-footer{border-top:1px solid var(--ui-line);background:var(--ui-paper);flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:8px 12px;display:flex}#shopOverlay .cs-footer button{min-height:42px;padding:6px 16px;font-size:12px}#shopOverlay .cs-footer select{min-width:0;max-width:260px;min-height:40px;font:12px var(--font-body);flex:1}#shopOverlay .shop-visit-atelier{min-height:28px;margin:3px 10px;padding:3px 8px;font-size:11px}.vp[data-mode=portrait] #shopOverlay .cs-stage{height:64px}.vp[data-mode=portrait] #shopOverlay .cs-picture{flex-basis:64px}.vp[data-mode=portrait] #shopOverlay .cs-picture canvas{max-width:58px;max-height:58px}.vp[data-mode=portrait] #shopOverlay .cs-grid{gap:4px;padding:5px 6px}.vp[data-mode=portrait] #shopOverlay .cs-card{padding:3px 1px}.vp[data-mode=portrait] #shopOverlay .cs-card b{font-size:10px}.vp[data-mode=portrait] #shopOverlay .cs-card small{font-size:9px}.vp[data-mode=portrait] #shopOverlay .cs-footer{flex-wrap:wrap;padding:6px}@media (max-height:480px){#shopOverlay .cs-stage{height:44px}#shopOverlay .cs-picture canvas{max-height:40px}#shopOverlay .cs-note{display:none}#shopOverlay .cs-grid{grid-template-rows:repeat(4,minmax(58px,1fr))}}#gPromotionInfo{grid-column:1/-1;margin:3px 0;line-height:1.5}#shopOverlay .shop-piece-filter{flex-wrap:wrap;gap:4px;padding:7px 12px;display:flex}#shopOverlay .shop-piece-filter button{min-height:34px;font:12px var(--font-body);border:1px solid var(--ui-line);background:var(--ui-paper);color:var(--ui-ink);border-radius:6px;flex:1 0 auto;padding:5px 10px}#shopOverlay .shop-piece-filter button[aria-pressed=true]{background:var(--ui-teal);color:#fff;border-color:var(--ui-teal)}
.inventory .inv-grid{grid-template-rows:repeat(3,112px);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.inventory .inv-grid .inv-item,.inventory .inv-grid .inv-empty{border:1px solid var(--ui-line);background:linear-gradient(150deg,var(--ui-white),var(--ui-sage-soft));border-radius:8px;min-width:0;min-height:0;position:relative;overflow:hidden}.inventory .inv-grid .inv-item{flex-direction:column;justify-content:flex-end;gap:2px;padding:7px 4px 5px;display:flex}.inventory .inv-grid .inv-empty{background:repeating-linear-gradient(135deg,#0000,#0000 6px,#647d6b05 6px 7px);border-style:dashed}.inventory .inv-grid .inv-empty:after{content:"+";font:300 22px var(--font-body);color:var(--ui-muted);opacity:.28;place-items:center;display:grid;position:absolute;inset:0}.inventory .inv-grid canvas{object-fit:contain;width:auto;max-width:100%;height:78px}.inventory .inv-item-name{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;line-height:1.5;overflow:hidden}.inventory .inv-grid .inv-worn{color:var(--ui-paper);background:var(--ui-deep);border-radius:3px;padding:1px 4px;font-size:9px;line-height:1.5;position:absolute;top:4px;left:4px}.inventory .inv-slot-label{color:var(--ui-muted);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.inventory .inv-slot-label[hidden]{display:none}.inventory .inv-slot{font:500 12px var(--font-body);color:var(--ui-ink);background:var(--ui-white);border:1px solid var(--ui-line);border-radius:4px;min-height:36px;padding:6px 9px}.inventory .inv-status{min-height:2.8em;margin:8px 0}.inventory .inv-pages{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;margin:10px 0;font-size:12px;display:flex}.inventory .inv-pages button{min-width:76px;min-height:38px;padding:6px 10px}.inventory .inv-detail{border-radius:6px;min-height:72px;margin-top:8px;bottom:0}.inventory .inv-detail b{font-size:13px}.inventory .inv-detail small{flex:140px;font-size:11px}.inventory .inv-outfit-actions{flex-direction:column;gap:6px;margin-top:12px;display:flex}.inventory .inv-outfit-actions button{border:1px solid var(--ui-line);background:var(--ui-white);min-height:44px;color:var(--ui-ink);font:600 12px var(--font-body);border-radius:6px;padding:8px 10px}.inventory .inv-outfit-actions button:disabled{opacity:.5;cursor:default}.inventory .inv-outfit-actions small{color:var(--ui-muted);font-size:11px;line-height:1.5}.vp[data-mode=portrait] .inventory{padding:10px;display:block}.vp[data-mode=portrait] .inventory .inv-preview{text-align:left;border-radius:8px;align-items:center;gap:12px;margin-bottom:10px;padding:5px 12px;display:flex;position:static}.vp[data-mode=portrait] .inventory .inv-preview canvas{object-fit:contain;width:48px;height:69px}.vp[data-mode=portrait] .inventory .inv-preview p{margin:0 0 4px;font-size:13px}.vp[data-mode=portrait] .inventory .inv-preview small{font-size:11px}.vp[data-mode=portrait] .inventory .inv-preview{flex-wrap:wrap}.vp[data-mode=portrait] .inventory .inv-outfit-actions{flex-direction:row;flex:1 0 100%;align-items:center;margin-top:0}.vp[data-mode=portrait] .inventory .inv-outfit-actions small{flex:1}.vp[data-mode=portrait] .inventory .inv-grid{grid-template-rows:repeat(3,94px);grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.vp[data-mode=portrait] .inventory .inv-grid canvas{height:64px}.vp[data-mode=portrait] .inventory .inv-tabs{gap:4px}.vp[data-mode=portrait] .inventory .inv-tabs button{flex:1;padding:7px 4px}.vp[data-mode=portrait] .inventory .inv-detail{gap:5px;padding:9px;bottom:0}.vp[data-mode=portrait] .inventory .inv-detail small{flex-basis:100%}.vp[data-mode=portrait] .inventory .inv-detail button{min-height:40px}@media (max-width:359px){.vp[data-mode=portrait] .inventory .inv-grid{gap:4px}.inventory .inv-item-name{font-size:10px}}.inv-item{position:relative}.inv-item .inv-quantity{color:#24383d;background:#fff;border-radius:5px;padding:1px 4px;font:700 11px system-ui;position:absolute;bottom:23px;right:5px;box-shadow:0 1px 3px #0002}.inv-item .cs-product-thumb{object-fit:contain;width:100%;height:68px}
@font-face{font-family:MaruBuri;src:url(/fonts/MaruBuri-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--panel:#fffdf2;--panel-2:#fbf3da;--fg:#2a2030;--line:#2a2030;--accent:#c8452f;--font-display:"MaruBuri", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--font-body:"Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;--font-pixel:"Silkscreen", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body{-webkit-tap-highlight-color:transparent;background:#fff;height:100%;margin:0;overflow:hidden}.pw-root{width:var(--vvw,100%);height:var(--vvh,100dvh);position:fixed;top:0;left:0;overflow:hidden}.pw-root[data-turn="90"]{transform-origin:0 0;left:100%;transform:rotate(90deg)}.pw-root[data-turn="-90"]{top:var(--vvw);transform-origin:0 0;transform:rotate(-90deg)}