:root{--ink: #2d2417;--cream: #fff6e3;--card: #fffdf6;--accent: #e8657a;--accent2: #4fb3e8;--gold: #f2b64a;--sand: #f0dca0;--sea: #3f9bd0;--muted: #8a7a5a;--shadow: 0 6px 24px rgba(45, 36, 23, .28);--lift: 0 4px 0 rgba(45, 36, 23, .16);--radius: 18px;--spring: cubic-bezier(.2, 1.35, .4, 1);--font: "Trebuchet MS", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font);color:var(--ink);background:#1c2733}#app{position:fixed;inset:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app input,#app textarea,.chat-history-line{-webkit-user-select:text;user-select:text}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#app:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;background:radial-gradient(ellipse 78% 70% at 50% 44%,#0c182200 52%,#0c18224d),linear-gradient(180deg,#0c182229,#0c182200 16% 76%,#0c182233)}.hidden{display:none!important}*{scrollbar-width:thin;scrollbar-color:#dcc9a1 transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#dcc9a1;border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#c4a97a;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}@property --iris-r{syntax: "<length>"; inherits: false; initial-value: 4000px;}.fade{position:absolute;inset:0;background:#14202c;opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:60}.fade.on{opacity:1}.fade.iris{transition:--iris-r .22s cubic-bezier(.45,.05,.35,1),opacity 0s;background:radial-gradient(circle at var(--iris-x, 50%) var(--iris-y, 50%),rgba(20,32,44,0) calc(var(--iris-r) * .8),#14202c var(--iris-r))}@media(prefers-reduced-motion:reduce){.fade.iris{background:#14202c;transition:opacity .22s ease}}#overlay-root{position:absolute;inset:0;pointer-events:none;z-index:20}#overlay-root>*{pointer-events:auto}.name-tag{position:absolute;transform:translate(-50%,-100%);background:#2d2417b8;color:#fff;font-size:12px;font-weight:700;padding:2px 10px;border-radius:10px;white-space:nowrap;pointer-events:none;letter-spacing:.02em;box-shadow:0 3px 10px #14202c52}.name-tag.self{background:#e8657ae6}.name-tag.bot{background:#4fb3e8bf}.chat-bubble{position:absolute;transform:translate(-50%,-100%);transform-origin:50% 100%;background:var(--card);color:var(--ink);font-size:13px;font-weight:600;padding:7px 12px;border-radius:14px 14px 14px 4px;max-width:220px;box-shadow:var(--shadow);pointer-events:none;animation:bubble-in .34s var(--spring)}@keyframes bubble-in{0%{opacity:0;scale:.55;translate:0 7px}55%{opacity:1;scale:1.07;translate:0 -2px}to{opacity:1;scale:1;translate:0 0}}.exit-cue{position:absolute;transform:translate(-50%,-100%);pointer-events:none;background:#fffdf6eb;color:var(--ink);font-weight:800;font-size:12.5px;letter-spacing:.02em;padding:5px 13px;border-radius:999px;white-space:nowrap;box-shadow:0 3px 12px #2d241738;animation:cue-in .3s var(--spring),cue-float 2.2s .3s ease-in-out infinite}@keyframes cue-in{0%{opacity:0;translate:0 6px;scale:.85}}@keyframes cue-float{50%{translate:0 -4px}}@media(prefers-reduced-motion:reduce){.exit-cue{animation:cue-in .2s ease}}.hotspot-prompt{position:absolute;transform:translate(-50%,-100%);background:linear-gradient(180deg,#ffd98a 0%,var(--gold) 100%);color:var(--ink);border:3px solid #fff;font-family:var(--font);font-weight:800;font-size:14px;padding:8px 16px;border-radius:999px;cursor:pointer;box-shadow:var(--shadow);animation:prompt-pop .34s var(--spring),prompt-bob 2.4s .34s ease-in-out infinite;white-space:nowrap}.hotspot-prompt:hover{scale:1.1;filter:brightness(1.05)}@keyframes prompt-pop{0%{opacity:0;translate:0 12px;scale:.8}60%{opacity:1;scale:1.06}to{opacity:1;translate:0 0;scale:1}}@keyframes prompt-bob{50%{translate:0 -5px}}#hud-root{position:absolute;inset:0;pointer-events:none;z-index:30}#hud-root>*{pointer-events:auto}#hud-root>.chat-log,#hud-root>.toasts{pointer-events:none}.hud-top-left{position:absolute;top:14px;left:14px;display:flex;gap:10px;align-items:center}.logo-chip{background:linear-gradient(180deg,#f07f90 0%,var(--accent) 100%);color:#fff;font-weight:900;font-size:17px;padding:8px 16px;border-radius:999px;letter-spacing:.03em;box-shadow:0 4px #96374859,var(--shadow);text-shadow:0 2px 0 rgba(150,55,72,.35);animation:hud-drop .5s var(--spring) backwards;border:0;font-family:var(--font);cursor:pointer;display:flex;align-items:center;transition:scale .12s ease,translate .12s ease,box-shadow .18s ease,filter .18s ease}.logo-chip:after{content:"☰";margin-left:9px;font-size:12px;opacity:.72;text-shadow:none;translate:0 -1px}.logo-chip:hover{scale:1.06;translate:0 -2px;filter:brightness(1.05);box-shadow:0 6px #96374859,0 12px 26px #2d241752}.logo-chip:hover:after{opacity:1}.logo-chip:active{scale:.96;translate:0 2px;box-shadow:0 1px #96374859,0 4px 12px #2d241742}.logo-chip:focus-visible{outline:3px solid var(--accent2);outline-offset:3px}.room-chip{background:var(--card);font-weight:700;font-size:14px;padding:8px 14px;border-radius:999px;box-shadow:var(--lift),var(--shadow);animation:hud-drop .5s .06s var(--spring) backwards}#pop-count{color:var(--accent2)}@keyframes hud-drop{0%{opacity:0;translate:0 -16px;scale:.9}}.net-dot{position:relative;width:12px;height:12px;border-radius:50%;background:#999;box-shadow:var(--shadow);transition:background .25s ease;animation:hud-drop .5s .12s var(--spring) backwards}.net-dot:before{content:"";position:absolute;inset:-9px;border-radius:50%}.net-dot.on{background:#6fcf5f}.net-dot.on:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(111,207,95,.75);animation:net-ping 2.6s ease-out infinite}.net-dot.off{background:#e05a4e}@keyframes net-ping{0%{scale:.7;opacity:.9}70%,to{scale:2.5;opacity:0}}.net-tip{position:absolute;top:calc(100% + 11px);left:-2px;background:#2d2417eb;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.02em;padding:6px 11px;border-radius:10px;white-space:nowrap;opacity:0;translate:0 -5px;pointer-events:none;transition:opacity .16s ease,translate .2s var(--spring);box-shadow:0 6px 16px #14202c59}.net-tip:before{content:"";position:absolute;top:-5px;left:9px;border:5px solid transparent;border-top:0;border-bottom-color:#2d2417eb}.net-dot:hover .net-tip{opacity:1;translate:0 0}.hud-top-right{position:absolute;top:14px;right:14px;display:flex;gap:10px;align-items:center}.coins-pill{position:relative;background:var(--card);font-weight:900;font-size:16px;padding:8px 16px;border-radius:999px;box-shadow:var(--lift),var(--shadow);display:flex;gap:8px;align-items:center;animation:hud-drop .5s var(--spring) backwards}.coin-ico{width:15px;height:15px;border-radius:50%;display:inline-block;flex:none;font-size:0;color:transparent;background:radial-gradient(circle at 34% 28%,#ffeeb0 0%,var(--gold) 58%,#d1912a 100%);box-shadow:inset 0 0 0 2px #ffffff73}.coins-pill.pop{animation:coin-pop .5s var(--spring)}.coins-pill.pop-big{animation:coin-pop-big .72s var(--spring)}.coins-pill.pop .coin-ico,.coins-pill.pop-big .coin-ico{animation:coin-ico-pop .6s ease}@keyframes coin-pop{0%{scale:1}35%{scale:1.15}62%{scale:.975}to{scale:1}}@keyframes coin-pop-big{0%{scale:1;box-shadow:var(--lift),var(--shadow)}28%{scale:1.26;box-shadow:0 0 0 9px #f2b64a52,var(--shadow)}55%{scale:.96}78%{scale:1.06}to{scale:1;box-shadow:var(--lift),var(--shadow)}}@keyframes coin-ico-pop{0%{scale:1}40%{scale:1.55;filter:drop-shadow(0 0 7px rgba(242,182,74,.95))}to{scale:1}}.hud-btn{position:relative;background:linear-gradient(180deg,#fffefa,#fdf1da);border:0;font-family:var(--font);font-weight:800;color:var(--ink);font-size:16px;padding:9px 14px;border-radius:999px;cursor:pointer;box-shadow:var(--lift),var(--shadow);transition:scale .12s ease,translate .12s ease,box-shadow .18s ease,background .18s ease,filter .18s ease}.hud-btn:hover{scale:1.08;translate:0 -2px;background:linear-gradient(180deg,#fffefa,#ffe6b4);box-shadow:0 6px #2d241726,0 12px 26px #2d241752}.hud-btn:active{scale:.95;translate:0 2px;box-shadow:0 1px #2d24172e,0 4px 12px #2d241742}.hud-btn:focus-visible{outline:3px solid var(--accent2);outline-offset:3px}.hud-btn.wide{font-size:14px}.hud-bottom{position:absolute;bottom:14px;left:50%;translate:-50% 0;display:flex;gap:10px;align-items:center;animation:hud-rise .55s .1s var(--spring) backwards}@keyframes hud-rise{0%{opacity:0;translate:-50% 26px}}.emotes,#chat-form{display:flex;gap:6px}#chat-input{width:min(340px,44vw);border:0;border-radius:999px;padding:10px 18px;font-family:var(--font);font-size:14px;font-weight:600;color:var(--ink);background:var(--card);box-shadow:var(--lift),var(--shadow);outline:none;transition:box-shadow .2s ease,width .2s ease}#chat-input::placeholder{color:#b6a688}#chat-input:focus{box-shadow:0 0 0 3px #4fb3e88c,var(--lift),var(--shadow)}.chat-log{position:absolute;bottom:74px;left:14px;display:flex;flex-direction:column;gap:4px;max-width:320px;pointer-events:none;transition:opacity .18s ease}.chat-line{background:#fffdf6e6;font-size:13px;padding:5px 12px;border-radius:12px;transition:opacity .9s ease;box-shadow:0 3px 10px #14202c2e;animation:chat-in .3s var(--spring)}.chat-line.self b{color:var(--accent)}.chat-line b{color:var(--accent2);margin-right:2px}.chat-line.whisper{background:#9b6bd429;font-style:italic}.chat-line.whisper b{color:#9b6bd4}.chat-line.fade-out,.chat-log.is-tucked{opacity:0}@keyframes chat-in{0%{opacity:0;translate:-14px 0;scale:.9}60%{opacity:1;scale:1.03}to{opacity:1;translate:0 0;scale:1}}.chat-history{position:absolute;bottom:74px;left:14px;z-index:2;display:flex;flex-direction:column;width:min(360px,52vw);max-height:min(340px,44vh);background:var(--cream);border:3px solid #fff;border-radius:20px;padding:11px 11px 9px;box-shadow:var(--shadow),0 0 0 3px #2d241712;animation:history-in .26s var(--spring)}@keyframes history-in{0%{opacity:0;translate:0 14px;scale:.94}}.chat-history-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 5px 7px;font-size:10.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.chat-history-hint{font-size:10px;letter-spacing:.05em;text-transform:none;opacity:.85}.chat-history-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:4px;padding:1px 4px 1px 2px}.chat-history-line{align-self:flex-start;max-width:100%;background:var(--card);box-shadow:0 2px #2d24170f;cursor:text;overflow-wrap:anywhere}.chat-history-empty{padding:4px 6px 6px;font-size:12.5px;font-weight:700;color:var(--muted)}.toasts{position:absolute;top:70px;left:50%;translate:-50% 0;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:#2d2417db;color:#fff;font-weight:700;font-size:14px;padding:9px 20px;border-radius:999px;animation:toast-in .42s var(--spring);transition:opacity .5s ease;backdrop-filter:blur(4px);box-shadow:0 8px 22px #14202c59,inset 0 0 0 1px #ffffff1f}.toast.fade-out{opacity:0;translate:0 -6px}@keyframes toast-in{0%{opacity:0;translate:0 -16px;scale:.86}55%{opacity:1;translate:0 3px;scale:1.04}to{opacity:1;translate:0 0;scale:1}}.map-overlay{position:absolute;inset:0;background:#14202c94;display:flex;align-items:center;justify-content:center;z-index:40;backdrop-filter:blur(7px) saturate(1.15);animation:overlay-in .2s ease}@keyframes overlay-in{0%{opacity:0}}.map-card{--map-avail: min(808px, calc(94vw - 52px) );--map-h: min(440px, 62vh, calc(var(--map-avail) / 1.35));--map-w: min(var(--map-avail), calc(var(--map-h) * 1.85));position:relative;background:var(--cream);border-radius:26px;padding:22px 22px 16px;width:calc(var(--map-w) + 52px);max-height:94vh;border:4px solid #fff;box-shadow:var(--shadow),0 0 0 3px #2d241714;animation:card-in .34s var(--spring)}@keyframes card-in{0%{opacity:0;translate:0 18px;scale:.94}}.map-card h2{text-align:center;margin-bottom:10px;color:var(--accent);letter-spacing:.04em;text-shadow:0 2px 0 rgba(45,36,23,.1)}.map-island{position:relative;width:var(--map-w);height:var(--map-h);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#3f9bd0,#25628f);box-shadow:inset 0 0 0 3px #ffffffb3,inset 0 -16px 38px #10344e52,0 10px 24px #2d241738}.map-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.map-spot{position:absolute;translate:-50% -50%;z-index:3;border:2px solid #fff;border-radius:999px;background:linear-gradient(180deg,#fffefa,#fdf0d5);font-family:var(--font);font-weight:800;font-size:11px;line-height:1.25;color:var(--ink);letter-spacing:.005em;padding:4px 10px;cursor:pointer;white-space:nowrap;box-shadow:0 3px #2d241733,0 6px 14px #10344e52;transition:scale .16s var(--spring),background .18s ease,box-shadow .18s ease}.map-spot:before{content:"";position:absolute;left:50%;top:-7px;translate:-50% 0;border:5px solid transparent;border-top:0;border-bottom-color:#fff}.map-spot.nub-down:before{top:auto;bottom:-7px;translate:-50% 0;border:5px solid transparent;border-bottom:0;border-top-color:#fff}.map-spot.nub-left:before{left:-7px;top:50%;translate:0 -50%;border:5px solid transparent;border-left:0;border-right-color:#fff}.map-spot.nub-right:before{left:auto;right:-7px;top:50%;translate:0 -50%;border:5px solid transparent;border-right:0;border-left-color:#fff}.map-spot:hover,.map-spot:focus-visible{scale:1.14;outline:none;background:linear-gradient(180deg,#ffe4a2 0%,var(--gold) 100%);box-shadow:0 4px #2d241740,0 10px 20px #10344e73}.map-spot:active{scale:1.03}.map-spot.is-here{background:linear-gradient(180deg,#ffe08a 0%,var(--gold) 100%);scale:1.1;z-index:4;animation:here-pulse 2.4s ease-in-out infinite}.map-spot.is-here:hover,.map-spot.is-here:focus-visible{scale:1.18}@keyframes here-pulse{0%,to{box-shadow:0 0 0 3px #f2b64a8c,0 3px #2d241740,0 8px 18px #10344e66}50%{box-shadow:0 0 0 9px #f2b64a24,0 3px #2d241740,0 8px 18px #10344e66}}.map-here{position:absolute;width:0;height:0;z-index:2;pointer-events:none}.map-here i,.map-here b{position:absolute;left:0;top:0;translate:-50% -50%;border-radius:50%;display:block}.map-here i{width:34px;height:34px;border:3px solid var(--gold);opacity:0;animation:here-ping 2.2s cubic-bezier(.15,.7,.35,1) infinite}.map-here i:nth-child(2){animation-delay:1.1s}.map-here b{width:14px;height:14px;background:var(--gold);border:3px solid #fff;box-shadow:0 2px 7px #10344e8c;animation:here-dot 2.2s ease-in-out infinite}@keyframes here-ping{0%{scale:.4;opacity:0}18%{opacity:1}to{scale:2.1;opacity:0}}@keyframes here-dot{50%{scale:1.2}}.map-hint{margin-top:10px;text-align:center;font-size:12.5px;font-weight:700;color:var(--muted);min-height:17px;letter-spacing:.01em}.map-close{position:absolute;top:14px;right:14px}@media(max-width:760px){.map-spot{font-size:9.5px;padding:3px 8px}}@media(max-width:520px){.map-spot{font-size:8.5px;padding:3px 6px}}@media(prefers-reduced-motion:reduce){.map-spot.is-here{animation:none}}.shop-overlay{position:absolute;inset:0;background:#14202c94;display:flex;align-items:center;justify-content:center;z-index:40;backdrop-filter:blur(7px) saturate(1.15)}.shop-card{position:relative;background:var(--cream);border-radius:26px;padding:26px;width:min(460px,92vw);max-height:84vh;overflow:auto;box-shadow:var(--shadow),0 0 0 3px #2d241714}.shop-card h2{color:var(--accent);margin-bottom:12px}.swatches{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px;justify-content:center}.swatch{width:34px;height:34px;border-radius:50%;border:3px solid #fff;cursor:pointer;box-shadow:0 2px 8px #00000040;transition:scale .14s var(--spring),border-color .16s ease,box-shadow .16s ease}.swatch:hover,.swatch.on{scale:1.15;border-color:var(--ink)}.swatch:hover{box-shadow:0 5px 14px #0000004d}.swatch.on{box-shadow:0 0 0 3px #f2b64a8c,0 4px 12px #00000047}.swatch:focus-visible{outline:3px solid var(--accent2);outline-offset:2px}.shop-list{display:flex;flex-direction:column;gap:8px}.shop-row{display:flex;justify-content:space-between;align-items:center;background:var(--card);border-radius:14px;padding:10px 14px;font-weight:700}.menu-overlay{position:absolute;inset:0;background:#14202c94;display:flex;align-items:center;justify-content:center;z-index:42;backdrop-filter:blur(7px) saturate(1.15);animation:overlay-in .2s ease}.menu-overlay.is-closing{opacity:0;transition:opacity .15s ease;pointer-events:none}.menu-card{position:relative;background:var(--cream);border-radius:26px;border:4px solid #fff;padding:24px 24px 18px;width:min(430px,92vw);max-height:92vh;overflow-y:auto;text-align:center;box-shadow:var(--shadow),0 0 0 3px #2d241714;animation:card-in .34s var(--spring)}.menu-card:focus{outline:none}.menu-card h2{color:var(--accent);font-size:26px;letter-spacing:.03em;text-shadow:0 2px 0 rgba(45,36,23,.1)}.menu-sub{font-size:12.5px;font-weight:700;color:var(--muted);margin:3px 0 15px}.menu-x{position:absolute;top:14px;right:14px}.menu-list{display:flex;flex-direction:column;gap:9px}.menu-item{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border:0;font-family:var(--font);font-weight:900;font-size:15px;color:var(--ink);background:var(--card);padding:12px 18px;border-radius:999px;cursor:pointer;box-shadow:0 4px #2d24171f,0 8px 18px #2d241724;transition:scale .12s ease,translate .12s ease,background .18s ease,filter .18s ease}.menu-item:hover{scale:1.03;translate:0 -2px;background:#fffaef;filter:brightness(1.02)}.menu-item:active{scale:.97;translate:0 2px;box-shadow:0 1px #2d241724,0 4px 12px #2d241733}.menu-item:focus-visible{outline:3px solid var(--accent2);outline-offset:3px}.menu-item.is-primary{background:linear-gradient(180deg,#f07f90 0%,var(--accent) 100%);color:#fff;border:3px solid #fff;font-size:17px;box-shadow:0 5px #96374859,var(--shadow)}.menu-item.is-primary:hover{background:linear-gradient(180deg,#f48b9b 0%,var(--accent) 100%)}.menu-item.is-danger{background:linear-gradient(180deg,#ffd98a 0%,var(--gold) 100%);border:3px solid #fff;font-size:13.5px}.menu-item.is-danger:hover{background:linear-gradient(180deg,#ffe1a2 0%,var(--gold) 100%)}.menu-item.is-quiet{background:transparent;box-shadow:none;color:var(--muted);font-size:13.5px;padding:9px 16px}.menu-item.is-quiet:hover{background:#2d241712;color:var(--ink)}.menu-ico{font-size:15px;line-height:1}.menu-item.is-off{color:var(--muted)}.menu-how{text-align:left;background:var(--card);border-radius:18px;padding:13px 15px;margin:15px 0;box-shadow:inset 0 0 0 2px #2d24170d}.menu-how h3{font-size:10.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}.menu-how ul{list-style:none;display:flex;flex-direction:column;gap:8px}.menu-how li{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;line-height:1.3}.menu-key{flex:none;min-width:30px;text-align:center;font-size:11px;font-weight:900;padding:5px 8px;border-radius:9px;background:#fff;color:var(--ink);border:2px solid #f0e2c4;box-shadow:0 2px #2d241729}.menu-foot{margin-top:13px;font-size:11.5px;font-weight:700;color:var(--muted)}.title-screen{position:absolute;inset:0;z-index:50;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle 150px at 84% 15%,#fff3bef2,#ffecaa73 45%,#ffecaa00 72%),linear-gradient(180deg,#4fb0e6,#7ecbee 34%,#bfe6f5 62%,#f3e2ae 84%,#f0dca0);background-size:100% 100%,100% 240%;background-position:0 0,0 0;animation:sky-drift 26s ease-in-out infinite alternate;transition:opacity .45s ease}@keyframes sky-drift{to{background-position:0 0,0 100%}}#overlay-root>.title-screen.fade-out{opacity:0;pointer-events:none}.title-screen:before,.title-screen:after{content:"";position:absolute;inset:-10% -20%;pointer-events:none}.title-screen:before{background-image:radial-gradient(circle 26px at 60px 96px,#fff 98%,transparent 100%),radial-gradient(circle 38px at 104px 84px,#fff 98%,transparent 100%),radial-gradient(circle 28px at 148px 96px,#fff 98%,transparent 100%),radial-gradient(circle 20px at 330px 210px,#fff 98%,transparent 100%),radial-gradient(circle 30px at 366px 200px,#fff 98%,transparent 100%),radial-gradient(circle 22px at 402px 212px,#fff 98%,transparent 100%);background-size:520px 340px;background-repeat:repeat;opacity:.92;animation:cloud-drift-a 48s linear infinite}.title-screen:after{background-image:radial-gradient(circle 18px at 120px 250px,#fff 98%,transparent 100%),radial-gradient(circle 26px at 154px 242px,#fff 98%,transparent 100%),radial-gradient(circle 17px at 186px 252px,#fff 98%,transparent 100%),radial-gradient(circle 14px at 430px 70px,#fff 98%,transparent 100%),radial-gradient(circle 21px at 458px 62px,#fff 98%,transparent 100%),radial-gradient(circle 13px at 486px 72px,#fff 98%,transparent 100%);background-size:700px 420px;background-repeat:repeat;opacity:.6;animation:cloud-drift-b 96s linear infinite}@keyframes cloud-drift-a{to{background-position:520px 0}}@keyframes cloud-drift-b{to{background-position:-700px 0}}.title-card{position:relative;z-index:1;background:var(--cream);border-radius:30px;padding:34px 38px;width:min(430px,92vw);border:4px solid #fff;text-align:center;box-shadow:var(--shadow),0 0 0 3px #2d241714;animation:title-in .7s var(--spring) both}@keyframes title-in{0%{opacity:0;translate:0 40px;scale:.88}}.title-logo{font-size:44px;font-weight:900;color:var(--accent);letter-spacing:.02em;text-shadow:0 3px 0 rgba(45,36,23,.12);margin-bottom:2px;animation:logo-in .75s .12s cubic-bezier(.18,1.5,.42,1) backwards,logo-float 4.6s 1.2s ease-in-out infinite}@keyframes logo-in{0%{opacity:0;translate:0 -34px;scale:.55}}@keyframes logo-float{50%{translate:0 -5px;rotate:-1.2deg}}.title-tag{font-weight:700;color:var(--muted);margin-bottom:18px;font-size:14px;letter-spacing:.06em;animation:title-fade .6s .4s backwards ease}@keyframes title-fade{0%{opacity:0}}.title-tabs{display:flex;gap:6px;justify-content:center;margin-bottom:16px}.tab{border:0;background:transparent;font-family:var(--font);font-weight:800;font-size:14px;padding:8px 14px;border-radius:999px;cursor:pointer;color:var(--muted);transition:background .16s ease,color .16s ease,scale .12s ease}.tab:hover{background:#2d241712;color:var(--ink)}.tab:active{scale:.95}.tab:focus-visible{outline:3px solid var(--accent2);outline-offset:2px}.tab.on{background:var(--accent);color:#fff;box-shadow:0 4px 12px #e8657a66}.tab.on:hover{background:var(--accent);color:#fff}#title-form{display:flex;flex-direction:column;gap:12px}#title-form input{border:3px solid #eadfc8;border-radius:14px;padding:12px 16px;font-family:var(--font);font-size:15px;font-weight:600;outline:none;background:#fff;color:var(--ink);transition:border-color .16s ease,box-shadow .2s ease}#title-form input::placeholder{color:#bcae94}#title-form input:focus{border-color:var(--accent2);box-shadow:0 0 0 4px #4fb3e83d}.title-err{color:#c0392b;font-weight:700;font-size:13px;animation:err-shake .36s ease}@keyframes err-shake{15%,85%{translate:-4px 0}40%,65%{translate:4px 0}}.title-note{margin-top:14px;font-size:12px;color:var(--muted);font-weight:600}#minigame-root{position:absolute;inset:0;z-index:45;background:#14202c}.mg-splash{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;color:var(--cream);text-align:center;padding:20px}.mg-splash h1{font-size:42px;color:var(--gold);letter-spacing:.03em;text-shadow:0 4px 0 rgba(0,0,0,.25);animation:logo-in .6s var(--spring) backwards}.mg-btn{background:linear-gradient(180deg,#f07f90 0%,var(--accent) 100%);color:#fff;border:3px solid #fff;font-family:var(--font);font-weight:900;font-size:18px;padding:12px 30px;border-radius:999px;cursor:pointer;box-shadow:0 5px #96374866,var(--shadow);transition:scale .12s ease,translate .12s ease,box-shadow .18s ease,filter .18s ease}.mg-btn:hover{scale:1.06;translate:0 -2px;filter:brightness(1.05);box-shadow:0 7px #96374866,0 14px 28px #2d241759}.mg-btn:active{scale:.96;translate:0 3px;box-shadow:0 2px #96374866,0 6px 14px #2d24174d}.mg-btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.mg-btn.ghost{background:transparent;border-color:#ffffff80;box-shadow:0 5px #0003}.mg-btn.ghost:hover{background:#ffffff1f}@property --boot-iris{syntax: "<length>"; inherits: false; initial-value: 0px;}#boot{--boot-iris: 0px;transition:opacity .5s ease,translate .6s var(--spring),scale .6s var(--spring)}#boot .boot-fill:after{content:"";position:absolute;inset:0;border-radius:999px;background:linear-gradient(100deg,#fff0 30%,#ffffff8c,#fff0 70%);background-size:260% 100%;animation:boot-shine 1.5s linear infinite}@keyframes boot-shine{0%{background-position:130% 0}to{background-position:-130% 0}}#boot.is-out{opacity:0;scale:1.06;translate:0 -14px;pointer-events:none;transition:opacity .5s ease,translate .6s var(--spring),scale .6s var(--spring),--boot-iris .55s cubic-bezier(.45,.05,.35,1);--boot-iris: 92vmax;-webkit-mask-image:radial-gradient(circle at 50% 46%,rgba(0,0,0,0) var(--boot-iris),#000 calc(var(--boot-iris) + 16vmax));mask-image:radial-gradient(circle at 50% 46%,rgba(0,0,0,0) var(--boot-iris),#000 calc(var(--boot-iris) + 16vmax))}#boot.is-out .boot-sun{animation:boot-sun-out .55s var(--spring) forwards}@keyframes boot-sun-out{to{translate:0 -34px;scale:1.14;opacity:0}}@media(prefers-reduced-motion:reduce){#boot .boot-fill:after{animation:none;opacity:0}#boot,#boot.is-out{transition:opacity .3s ease;scale:1;translate:0 0;-webkit-mask-image:none;mask-image:none}#boot.is-out .boot-sun{animation:none}}@media(prefers-reduced-motion:reduce){.title-screen,.title-screen:before,.title-screen:after,.title-logo,.hotspot-prompt,.map-here i,.map-here b,.net-dot.on:after,.logo-chip,.room-chip,.net-dot,.coins-pill,.hud-bottom{animation:none}.chat-bubble,.toast,.chat-line,.map-card,.title-card,.menu-card,.chat-history{animation-duration:.01ms}}