:root{--ink:#2b2118;--paper:#fff8ea;--paper-deep:#f4e6cd;--night:#1a1a2e;--accent:#ffb703;--accent-strong:#ff8c42;--mint:#6ee7a8;--rose:#ff6b9a;--radius-lg:22px;--radius-md:14px;--shadow-pop:0 18px 45px #00000059;--font:system-ui, -apple-system, "Segoe UI", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif}*{box-sizing:border-box}html,body{height:100%}body{color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#bfd9f2;margin:0;overflow:hidden}#app{position:fixed;inset:0;overflow:hidden}.viewport{touch-action:none;position:absolute;inset:0}.viewport canvas{outline:none;width:100%;height:100%;display:block}.label-layer{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.item-label{pointer-events:none;cursor:pointer;border:2px solid var(--ink);color:var(--ink);font:700 12px/1.2 var(--font);white-space:nowrap;transform-origin:bottom;opacity:0;visibility:hidden;background:#ffecc8f5;border-radius:999px;padding:4px 11px;transition:opacity .12s,transform .12s,background .12s;transform:translateY(6px)scale(.92);box-shadow:0 3px #2b21184d}.item-label:hover,.item-label.is-hover{opacity:1;visibility:visible;pointer-events:auto;background:var(--accent);transform:translateY(-3px)scale(1.07)}.item-label--toy{background:#ffe1f0}.item-label--snack{background:#fff0c9}.item-label--machine{background:#ffd9d1}.hud{z-index:20;pointer-events:none;align-items:center;gap:14px;display:flex;position:absolute}.hud--top{justify-content:space-between;align-items:flex-start;top:16px;left:16px;right:16px}.hud--bottom{max-width:calc(100vw - 24px);color:var(--paper);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#1a1a2eb8;border:1px solid #ffb70347;border-radius:999px;gap:16px;padding:9px 18px;font-size:13px;bottom:16px;left:50%;overflow:hidden;transform:translate(-50%)}.hud--bottom span{align-items:center;gap:6px;display:inline-flex}kbd{background:var(--accent);color:#241a10;font:700 11px/1.6 var(--font);border-radius:999px;padding:2px 8px}.brand{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:min(420px,62vw);box-shadow:var(--shadow-pop);color:var(--paper);background:#1a1a2ebf;border:1px solid #ffb70359;align-items:center;gap:12px;padding:11px 16px;display:flex}.brand__mark{font-size:28px;line-height:1}.brand__text h1{letter-spacing:.4px;margin:0;font-size:19px}.brand__text p{opacity:.78;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:11.5px;overflow:hidden}.btn{pointer-events:auto;cursor:pointer;font:800 14px/1 var(--font);border:none;transition:transform .12s,background .12s,box-shadow .12s}.btn:active{transform:translateY(1px)scale(.99)}.btn--cart{background:var(--accent);color:#241a10;box-shadow:0 5px 0 #2b211859, var(--shadow-pop);border-radius:999px;align-items:center;gap:8px;padding:13px 20px;display:inline-flex}.btn--cart:hover{background:#ffc93c;transform:translateY(-1px)}.pill{min-width:22px;height:22px;color:var(--accent);background:#241a10;border-radius:999px;place-items:center;padding:0 6px;font-size:12px;font-weight:800;display:inline-grid}.btn--primary{border-radius:var(--radius-md);background:var(--accent-strong);color:#2b1200;width:100%;padding:13px 18px;box-shadow:0 4px #2b21184d}.btn--primary:hover{background:#ffa15c}.btn--ghost{border-radius:var(--radius-md);width:100%;color:var(--ink);background:0 0;border:2px solid #2b211859;padding:10px 14px;font-size:13px}.btn--ghost:hover{background:#2b211814}.panel{z-index:30;border:3px solid var(--ink);border-radius:var(--radius-lg);background:var(--paper);box-shadow:9px 9px 0 #2b211833, var(--shadow-pop);padding:18px;position:absolute}.panel[hidden]{display:none!important}.panel__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.icon-btn{border:2px solid var(--ink);background:var(--paper-deep);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;font-size:14px;font-weight:800;transition:background .12s;display:inline-grid}.icon-btn:hover{background:var(--accent)}.panel--cart{flex-direction:column;gap:10px;width:min(330px,100vw - 32px);max-height:min(62vh,540px);display:flex;top:88px;right:16px;overflow:auto}.panel--cart h2{margin:0;font-size:17px}.panel--product{text-align:center;width:min(370px,100vw - 32px);padding-top:30px;top:50%;left:50%;transform:translate(-50%,-50%)}.panel__close{position:absolute;top:12px;right:12px}.panel--product h2{margin:0 0 6px;font-size:24px}.product__emoji{margin-bottom:8px;font-size:54px;line-height:1}.product__desc{color:#2b2118d1;word-break:keep-all;margin:0 0 14px;font-size:13.5px;line-height:1.6}.product__price{color:#b5511d;margin-bottom:16px;font-size:22px;font-weight:900}.panel--product.is-open{animation:.18s ease-out pop-center}.panel--cart.is-open{animation:.18s ease-out pop-side}@keyframes pop-center{0%{opacity:0;transform:translate(-50%,-50%)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes pop-side{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.cart-list{flex-direction:column;gap:8px;display:flex}.cart-empty{text-align:center;opacity:.6;margin:6px 0 10px;padding:14px 0;font-size:13px}.cart-line{background:var(--paper-deep);border:2px solid #2b21182e;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:grid}.cart-line__name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.cart-line__qty{opacity:.7;font-size:12px}.cart-line__price{color:#b5511d;font-size:13px;font-weight:800}.cart-line__remove{border:2px solid var(--ink);width:24px;height:24px;color:var(--ink);cursor:pointer;background:#ff8f8f;border-radius:50%;grid-column:4;place-items:center;font-size:14px;font-weight:900;display:inline-grid}.cart-line__remove:hover{background:var(--rose)}.cart-total{border-top:2px dashed #2b211840;justify-content:space-between;align-items:baseline;margin-top:2px;padding-top:10px;font-size:14px;display:flex}.cart-total strong{color:#b5511d;font-size:20px}.toast{z-index:40;background:var(--mint);color:#10331a;pointer-events:none;opacity:0;border:3px solid #10331a;border-radius:999px;padding:12px 26px;font-size:14px;font-weight:800;transition:opacity .2s,transform .2s;position:absolute;bottom:92px;left:50%;transform:translate(-50%,18px);box-shadow:0 6px #10331a38}.toast.is-visible{opacity:1;transform:translate(-50%)}.loading{z-index:60;color:var(--paper);background:radial-gradient(circle at 50% 40%,#2f2f52,#141425 72%);place-items:center;transition:opacity .45s;display:grid;position:absolute;inset:0}.loading.is-hidden{opacity:0;pointer-events:none}.loading__box{text-align:center;letter-spacing:.4px;font-size:17px}.loading__box p{margin:0}.loading__spinner{border:4px solid #ffb70338;border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;margin:0 auto 16px;animation:.9s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.perf{font-variant-numeric:tabular-nums;color:var(--mint);font-size:11.5px}noscript{color:var(--paper);z-index:100;background:#141425;place-items:center;display:grid;position:absolute;inset:0}@media (max-width:720px){.brand{padding:9px 12px}.brand__text h1{font-size:16px}.brand__text p{font-size:10.5px}.btn--cart{padding:11px 15px;font-size:13px}.hud--bottom{gap:10px;padding:8px 12px;font-size:11.5px}.panel--cart{top:76px}.item-label{padding:3px 8px;font-size:11px}}@media (pointer:coarse){.hud--bottom span:nth-child(3){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.btn--play{border-radius:var(--radius-md);color:#ffe066;background:linear-gradient(#2f6fdd,#1d4bb5);width:100%;margin-bottom:8px;padding:12px 18px;font-size:14px;box-shadow:0 4px #101e4666}.btn--play:hover{filter:brightness(1.12)}.view-toggle{z-index:25;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a2eb8;border:1px solid #ffb7034d;border-radius:999px;gap:6px;padding:6px;display:flex;position:absolute;bottom:16px;right:16px}.view-toggle__btn{pointer-events:auto;cursor:pointer;color:#fff8eab8;font:700 12px/1 var(--font);background:0 0;border:none;border-radius:999px;padding:8px 14px;transition:background .15s,color .15s}.view-toggle__btn:hover{color:#fff8ea}.view-toggle__btn.is-active{background:var(--accent);color:#241a10}@media (max-width:720px){.view-toggle{bottom:62px;right:10px}}.arcade{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080810db;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.arcade[hidden]{display:none!important}.arcade__frame{border:3px solid var(--accent);background:linear-gradient(#1b1b30,#101022);border-radius:18px;width:min(880px,96vw);max-height:94vh;padding:14px;overflow:auto;box-shadow:0 24px 70px #0009,inset 0 0 0 1px #ffffff14}.arcade__head{color:#ffe066;font:800 14px/1.2 var(--font);letter-spacing:.3px;justify-content:space-between;align-items:center;gap:12px;padding:2px 4px 8px;display:flex}.arcade__tabs{flex-wrap:wrap;gap:6px;padding:0 4px 10px;display:flex}.arcade__tab{pointer-events:auto;cursor:pointer;color:#fff8eab8;font:800 11px/1 var(--font);letter-spacing:.3px;background:#242444;border:2px solid #ffffff29;border-radius:999px;padding:8px 13px;transition:background .15s,color .15s,border-color .15s}.arcade__tab:hover{color:#fff8ea}.arcade__tab.is-active{color:#241a10;background:#ffb703;border-color:#ffe066}.arcade__screen{background:#05050b;border:2px solid #3a3a5c;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 30px #000c}.arcade__canvas{aspect-ratio:16/9;width:100%;height:auto;image-rendering:pixelated;background:#05050b;display:block}.arcade__hint{color:#fff8ea99;margin:10px 2px 4px;font-size:12px;line-height:1.7}.arcade__hint kbd{color:#fff;background:#2f6fdd;font-size:11px}.arcade__touch{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px;display:none}.arcade__touch button{pointer-events:auto;color:#fff8ea;font:800 13px/1 var(--font);background:#262644;border:2px solid #ffffff29;border-radius:12px;padding:14px 6px}.arcade__touch button.is-red{background:#7d2c42}.arcade__touch button.is-blue{background:#23407d}.arcade__touch button:active{filter:brightness(1.2);transform:translateY(2px)}@media (pointer:coarse){.arcade__touch{display:grid}}.arcade__head-actions{align-items:center;gap:6px;display:flex}.arcade__options{justify-content:center;align-items:center;gap:6px;margin:8px 0 10px;display:flex}.arcade__option-label{font:700 11px/1 var(--font);color:#fff8eaa6;margin-right:2px}.arcade__diff{color:#fff8eacc;font:800 11px/1 var(--font);cursor:pointer;background:#1d1d33;border:2px solid #ffffff24;border-radius:999px;padding:5px 12px}.arcade__diff:hover{color:#ffe066;border-color:#ffe06680}.arcade__diff.is-active{color:#1b1b2e;background:#ffe066;border-color:#ffe066}.arcade__scores{color:#fff8ea;max-width:360px;font:700 11px/1.35 var(--font);background:#0a0c1c99;border:2px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:4px;margin:8px auto 0;padding:8px 12px;display:flex}.arcade__scores strong{color:#ffe066;font-size:12px}.arcade__scores span{color:#fff8ea8c}.arcade__scores ol{gap:2px;margin:2px 0 0;padding-left:20px;display:grid}.arcade__scores li{justify-content:space-between;gap:12px;display:flex}.arcade__scores li b{color:#6ee7a8}.btn--music{color:#ffe066;background:#ffe06624;border-color:#ffe06666;padding:8px 12px;font-size:12px}.btn--music:hover{background:#ffe0663d}.btn--music[aria-pressed=false]{color:#fff8ea99;background:#ffffff0f;border-color:#ffffff2e}.crt{pointer-events:none;z-index:40;mix-blend-mode:multiply;opacity:.55;background:repeating-linear-gradient(#00000029 0 1px,#ffffff04 2px 3px),radial-gradient(#0000 55%,#0c081861 100%);animation:6s ease-in-out infinite crt-flicker;position:fixed;inset:0}.crt.is-off{display:none}@keyframes crt-flicker{0%,to{opacity:.55}48%{opacity:.52}50%{opacity:.48}52%{opacity:.56}}@media (prefers-reduced-motion:reduce){.crt{animation:none}}.brand__music{color:#ffe066b8;letter-spacing:.01em;margin:4px 0 0;font-size:11px}.welcome{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle at 30% 20%,#ffe0661f,#0000 55%),#0a0914d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.welcome[hidden]{display:none}.welcome__card{text-align:center;color:#fff8ea;background:repeating-linear-gradient(#ffffff09 0 2px,#0000 2px 4px),#1a162cf5;border:3px solid #ffe0666b;border-radius:18px;width:min(460px,92vw);padding:26px 26px 22px;box-shadow:0 24px 70px #0000008c,inset 0 0 40px #ffe0660d}.welcome__kicker{font:800 11px/1 var(--font);letter-spacing:.16em;color:#6ee7a8;margin:0 0 8px}.welcome__title{font:900 30px/1.1 var(--font);letter-spacing:-.02em;color:#ffe066;text-shadow:0 2px #b3261e8c;margin:0 0 12px}.welcome__copy{color:#fff8eac7;margin:0 0 18px;font-size:13px;line-height:1.75}.welcome__card .btn{pointer-events:auto}.welcome__hint{color:#fff8ea6b;margin:14px 0 0;font-size:11px;line-height:1.6}.btn--chat{color:#6ee7a8;background:#6ee7a824;border-color:#6ee7a866;padding:8px 12px;font-size:12px;position:relative}.btn--chat:hover{background:#6ee7a83d}.btn--chat.has-unread:after{content:"";border:2px solid var(--paper);background:#e85d75;border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;right:-3px}.panel--chat{flex-direction:column;gap:10px;width:min(370px,100vw - 32px);max-height:min(72vh,600px);padding:16px;display:flex;top:88px;right:16px}.panel--chat[hidden]{display:none!important}.panel--chat h2{margin:0;font-size:16px}.chat-log{scroll-behavior:smooth;flex-direction:column;gap:8px;min-height:170px;max-height:44vh;padding-right:4px;display:flex;overflow-y:auto}.chat-msg{border:2px solid var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;max-width:88%;padding:8px 10px;font-size:12.5px;line-height:1.55}.chat-msg--npc{background:#eef7f0;border-bottom-left-radius:4px;align-self:flex-start}.chat-msg--user{background:#fff3c4;border-bottom-right-radius:4px;align-self:flex-end}.chat-suggestions{flex-wrap:wrap;gap:6px;display:flex}.chat-chip{border:2px solid var(--ink);background:var(--paper-deep);color:var(--ink);font:800 11px/1 var(--font);cursor:pointer;border-radius:999px;padding:5px 9px}.chat-chip:hover{background:var(--accent)}.chat-actions{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.chat-action{border:2px solid var(--ink);background:var(--accent);color:var(--ink);font:800 11px/1 var(--font);cursor:pointer;border-radius:999px;padding:6px 10px}.chat-action:hover{filter:brightness(1.06)}.chat-form{gap:6px;display:flex}.chat-input{border:2px solid var(--ink);min-width:0;color:var(--ink);font:13px/1.4 var(--font);background:#fffdf2;border-radius:10px;flex:1;padding:9px 10px}.chat-input:focus{outline-offset:1px;outline:2px solid #b3261e}@media (max-width:640px){.panel--chat{width:auto;max-height:62vh;padding:14px;inset:auto 12px 84px}.chat-log{max-height:34vh}}.held{z-index:25;border:2px solid var(--ink);background:var(--paper);border-radius:14px;align-items:center;gap:8px;padding:8px 10px;display:flex;position:fixed;bottom:82px;left:16px;box-shadow:5px 5px #2b211840}.held[hidden]{display:none!important}.held__emoji{border:2px solid var(--ink);background:#fff3c4;border-radius:10px;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.held__text{flex-direction:column;min-width:84px;line-height:1.25;display:flex}.held__text b{font-size:12px}.held__text span{color:#2b21188c;font-size:10px}.held .btn{padding:6px 10px;font-size:11px}@media (max-width:640px){.held{justify-content:space-between;bottom:74px;left:10px;right:10px}.held__text{min-width:60px}}.arcade__nick{font:700 11px/1 var(--font);color:#fff8eaa6;align-items:center;gap:4px;display:flex}.arcade__nick input{color:#fff8ea;width:94px;font:800 11px/1 var(--font);background:#1d1d33;border:2px solid #ffffff29;border-radius:999px;padding:5px 9px}.arcade__nick input:focus{outline-offset:1px;outline:2px solid #ffe066}.panel--guestbook{flex-direction:column;gap:10px;width:min(360px,100vw - 32px);max-height:min(74vh,620px);padding:16px;display:flex;top:88px;right:16px}.panel--guestbook[hidden]{display:none!important}.panel--guestbook h2{align-items:center;gap:6px;margin:0;font-size:16px;display:flex}.guestbook-form{flex-direction:column;gap:6px;display:flex}.guestbook-name,.guestbook-message{border:2px solid var(--ink);color:var(--ink);font:12px/1.45 var(--font);resize:vertical;background:#fffdf2;border-radius:10px;padding:8px 10px}.guestbook-list{flex-direction:column;gap:8px;padding-right:3px;display:flex;overflow-y:auto}.guest-entry{border:2px solid var(--ink);background:#fff9e6;border-radius:10px;padding:8px 10px}.guest-entry__head{justify-content:space-between;gap:8px;font-size:11px;display:flex}.guest-entry__head b{font-size:11.5px}.guest-entry__head span{color:#2b211880}.guest-entry p{white-space:pre-wrap;margin:4px 0 0;font-size:12px;line-height:1.5}@media (max-width:640px){.panel--guestbook{width:auto;max-height:62vh;inset:auto 12px 84px}}.arcade__score-modes{justify-content:center;gap:6px;margin:6px 0 2px;display:flex}.arcade__score-modes .arcade__diff{padding:4px 10px;font-size:10px}.affiliate{border-top:1px dashed #2b211840;flex-direction:column;gap:2px;margin-top:4px;padding-top:8px;display:flex}.affiliate[hidden]{display:none!important}.affiliate__link{font:800 11.5px/1.4 var(--font);color:#2446a8;text-underline-offset:2px;align-self:flex-start;text-decoration:underline}.affiliate__note{color:#2b211880;font-size:9.5px;line-height:1.4}.ad-slot{text-align:center;width:100%;min-height:0;overflow:hidden}.ad-slot[hidden]{display:none!important}.panel--avatar{flex-direction:column;gap:8px;width:min(360px,100vw - 32px);max-height:min(76vh,640px);padding:16px;display:flex;top:88px;right:16px;overflow-y:auto}.panel--avatar[hidden]{display:none!important}.panel--avatar h2{align-items:center;gap:6px;margin:0;font-size:16px;display:flex}.avatar__hint{color:#2b21188c;margin:0 0 2px;font-size:10.5px;line-height:1.5}.avatar__row{align-items:flex-start;gap:8px;display:flex}.avatar__row strong{flex:0 0 52px;padding-top:5px;font-size:11px}.avatar__chips{flex-wrap:wrap;gap:5px;display:flex}.avatar-chip{border:2px solid var(--ink);background:var(--paper-deep);color:var(--ink);font:800 10.5px/1 var(--font);cursor:pointer;border-radius:999px;padding:5px 9px}.avatar-chip:hover{background:var(--accent)}.avatar-chip.is-active{background:var(--accent);box-shadow:inset 0 0 0 2px var(--ink)}.avatar-swatch{border:2px solid var(--ink);cursor:pointer;border-radius:8px;width:26px;height:26px}.avatar-swatch.is-active{outline-offset:1px;outline:3px solid #ffe066}#avatar-focus{margin-top:4px}@media (max-width:640px){.panel--avatar{width:auto;max-height:62vh;inset:auto 12px 84px}}.presence{color:#6ee7a8;align-items:center;gap:4px;font-size:11px;font-weight:800;display:inline-flex}.presence.is-online:before{content:"";background:#6ee7a8;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #6ee7a8e6}.held--carry{border-color:#6ee7a8cc;bottom:148px}@media (max-width:640px){.held--carry{bottom:138px}}#app:after{content:"";z-index:4;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(at 50% 44%,#4a2c1200 52%,#341e0c29 100%),linear-gradient(#ffe8be0d 0%,#3c220e0f 100%);position:absolute;inset:0}.viewport canvas{filter:saturate(1.06)contrast(1.03)}.panel--online{width:min(300px,100vw - 32px);padding:14px;top:88px;right:16px}.panel--online[hidden]{display:none!important}.panel--online h2{margin:0;font-size:15px}.online__hint{color:#2b211899;margin:4px 0 10px;font-size:10.5px;line-height:1.5}.online__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.online__player,.online__empty{border:2px solid var(--ink);background:var(--paper-deep);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;font-size:12px;display:flex}.online__empty{color:#2b211899;justify-content:center}.online__name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.online__report{color:#8f1d17;font:800 10px/1.2 var(--font);cursor:pointer;background:#ffe3df;border:1.5px solid #b3261e;border-radius:999px;flex:none;padding:3px 7px}.online__report:disabled{opacity:.55;cursor:default}.presence{cursor:pointer;background:0 0;border:0;padding:0}@media (max-width:640px){.panel--online{inset:auto 12px 84px}}