:root{--paper-100:#fffcf6;--paper-200:#f7f1e6;--paper-300:#ede4d4;--paper-400:#e0d3bc;--ink-900:#2a241e;--ink-700:#4e453b;--ink-500:#6f6355;--line:#dbceb9;--line-strong:#c7b69b;--accent-700:#084a96;--accent-600:#0b63c5;--accent-400:#4fa8f7;--accent-soft:#0b63c51a;--scrim:#2a241e75;--halo:#fff;--perf-good:#2f9e5a;--perf-fair:#d69a12;--perf-poor:#cf3b2e;--panel-bg:#f7f1e6eb;--panel-blur:saturate(1.1) blur(10px);--sh-1:0 1px 2px #2a241e1a, 0 2px 8px #2a241e14;--sh-2:0 2px 6px #2a241e1f, 0 14px 30px #2a241e2e;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-pill:999px;--font-display:"Fraunces", Georgia, serif;--font-ui:"Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-jp:"Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", sans-serif;--e-out:cubic-bezier(.22, 1, .36, 1);--e-in:cubic-bezier(.4, 0, 1, 1);--d-hover:.12s;--d-panel-in:.28s;--d-panel-out:.18s}*{box-sizing:border-box}html,body,#root{height:100%;font-family:var(--font-ui);color:var(--ink-900);background:#bfe0fa;margin:0;overflow:hidden}canvas{touch-action:none;display:block}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent-600);outline-offset:2px;box-shadow:0 0 0 4px var(--halo)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#ui-root{pointer-events:none;z-index:20;position:fixed;inset:0}.panel{pointer-events:auto;background:var(--panel-bg);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.menus{position:absolute;inset:0}.menus-toggle{width:40px;height:40px;color:var(--ink-700);cursor:pointer;transition:background var(--d-hover), color var(--d-hover);place-items:center;padding:0;display:grid;position:absolute;bottom:44px;right:16px}.menus-toggle:hover{background:var(--paper-300);color:var(--ink-900)}.top-left{flex-direction:column;align-items:stretch;gap:8px;display:flex;position:absolute;top:16px;left:16px}.title{padding:10px 14px}.perf{font-variant-numeric:tabular-nums;color:var(--ink-700);padding:8px 14px 10px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.perf__fps{color:var(--ink-500);align-items:center;gap:7px;margin:0 0 4px;font-weight:600;display:flex}.perf__fps b{color:var(--ink-900);font-size:18px}.perf__dot{background:var(--line-strong);border-radius:50%;width:8px;height:8px}.perf__fps[data-tier=good] .perf__dot{background:var(--perf-good)}.perf__fps[data-tier=fair] .perf__dot{background:var(--perf-fair)}.perf__fps[data-tier=poor] .perf__dot{background:var(--perf-poor)}.perf__grid{grid-template-columns:auto auto;gap:2px 14px;margin:0;display:grid}.perf__grid div{justify-content:space-between;gap:8px;display:flex}.perf__grid dt{color:var(--ink-500)}.perf__grid dd{color:var(--ink-900);margin:0}.title h1{font:600 22px / 1.15 var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;margin:0}.title p{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-500);margin:2px 0 0;font-size:11px;font-weight:600}.title .title__place{letter-spacing:0;text-transform:none;color:var(--ink-700);align-items:baseline;gap:8px;font-size:12px;display:flex}.title__jp{font-family:var(--font-jp);color:var(--ink-500);font-weight:400}.title__views{border:0;flex-wrap:wrap;gap:2px 4px;max-width:240px;margin:6px 0 0;padding:0;display:flex}.title__views legend{letter-spacing:.09em;text-transform:uppercase;width:100%;color:var(--ink-500);margin-bottom:2px;padding:0;font-size:10px;font-weight:600}.title__views button{border-radius:var(--r-pill);color:var(--ink-700);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:12px}.title__views button:hover{background:var(--paper-300)}.title__views button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-600);font-weight:700}@media (forced-colors:active){.title__views button[aria-pressed=true]{outline-offset:-2px;outline:2px solid canvastext}}.controls{z-index:1;align-items:center;gap:4px;padding:6px;display:flex;position:absolute;top:16px;right:16px}.controls button{border-radius:var(--r-md);color:var(--ink-700);cursor:pointer;transition:background var(--d-hover), color var(--d-hover);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.controls button:hover{background:var(--paper-300);color:var(--ink-900)}.controls button[aria-pressed=true],.controls button[aria-expanded=true]{background:var(--accent-soft);color:var(--accent-600)}.controls__group{gap:2px;display:flex}.tour{border:0;align-items:center;margin:0;padding:0}.controls button:disabled{opacity:.4;cursor:default}.controls button:disabled:hover{color:var(--ink-700);background:0 0}.tour__label{flex-direction:column;align-items:center;min-width:72px;padding:0 6px;line-height:1.25;display:flex}.tour__stop{text-overflow:ellipsis;white-space:nowrap;max-width:96px;color:var(--ink-900);font-size:12px;font-weight:600;overflow:hidden}.tour__count{font-variant-numeric:tabular-nums;color:var(--ink-500);font-size:10px}.controls__segmented{border:0;margin:0;padding:0}.controls__segmented label{isolation:isolate;border-radius:var(--r-md);color:var(--ink-700);white-space:nowrap;cursor:pointer;transition:background var(--d-hover), color var(--d-hover);justify-content:center;align-items:center;padding:8px 11px;font-size:13px;font-weight:500;display:flex;position:relative}.controls__segmented label:hover{background:var(--paper-300);color:var(--ink-900)}.controls__segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.controls__segmented input:checked+span{color:var(--accent-600);font-weight:700}.controls__segmented label:has(input:focus-visible){outline:2px solid var(--accent-600);outline-offset:2px;box-shadow:0 0 0 4px var(--halo)}.controls__segment{align-items:center;gap:6px;display:flex}.place{position:static}.controls .place__trigger{color:var(--ink-900);padding-left:10px;padding-right:8px;font-weight:600}.place__current{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.place__menu{z-index:2;transform-origin:0 0;background:var(--paper-200);-webkit-backdrop-filter:none;min-width:232px;box-shadow:var(--sh-2);flex-direction:column;gap:1px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:0}.place__heading{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-500);margin:6px 10px 2px;font-size:10px;font-weight:700}.controls .place__item{text-align:left;justify-content:space-between;gap:12px;min-height:38px;padding:0 10px}.controls .place__item[aria-current=true]{background:var(--accent-soft);color:var(--accent-600);font-weight:700}.place__jp{font-family:var(--font-jp);color:var(--ink-500);font-size:11px;font-weight:400}.controls__chip{z-index:-1;background:var(--accent-soft);position:absolute;inset:0}@media (forced-colors:active){.controls__segmented label:has(input:checked){outline-offset:-2px;outline:2px solid canvastext}}.controls__divider{background:var(--line);align-self:stretch;width:1px;margin:4px}.controls svg{flex-shrink:0}.sound{border:0;min-width:0;margin:0;padding:0}.sound button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sound__popover{transform-origin:100% 0;background:var(--paper-200);-webkit-backdrop-filter:none;padding:10px 14px;position:absolute;top:calc(100% + 8px);right:0}.volume-slider{align-items:center;gap:10px;font-size:13px;display:flex}.volume-slider label{color:var(--ink-700);font-weight:600}.volume-slider input{width:140px;accent-color:var(--accent-600);cursor:pointer;margin:0}.volume-slider output{text-align:right;font-variant-numeric:tabular-nums;min-width:4ch;color:var(--ink-500)}.settings{z-index:2;width:256px;box-shadow:var(--sh-2);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:72px;right:16px}.settings__row{border-radius:var(--r-md);min-height:40px;color:var(--ink-700);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:13px;font-weight:500;display:flex}button.settings__row{cursor:pointer;transition:background var(--d-hover)}button.settings__row:hover,.settings__link:hover{background:var(--paper-300);color:var(--ink-900)}.settings__row .volume-slider{flex:1}.settings__row .volume-slider input{flex:1;width:auto}.settings__row .controls__segmented{margin-right:-6px}.settings__link{color:var(--accent-600);justify-content:flex-start;gap:8px;font-weight:600;text-decoration:none}.settings__link .controls__arrow{margin-left:auto}.settings__switch{border-radius:var(--r-pill);background:var(--line-strong);width:36px;height:20px;transition:background var(--d-hover);flex-shrink:0;position:relative}.settings__switch:after{content:"";background:var(--paper-100);width:16px;height:16px;box-shadow:var(--sh-1);transition:transform var(--d-hover) var(--e-out);border-radius:50%;position:absolute;top:2px;left:2px}[aria-checked=true]>.settings__switch{background:var(--accent-600)}[aria-checked=true]>.settings__switch:after{transform:translate(16px)}@media (forced-colors:active){.settings__switch{outline:1px solid canvastext}.settings__switch:after{background:canvastext}}.roster{gap:4px;padding:6px;display:flex;position:absolute;bottom:44px;left:16px}.roster button{border-radius:var(--r-pill);color:var(--ink-700);cursor:pointer;transition:background var(--d-hover);background:0 0;border:0;align-items:center;gap:8px;padding:8px 12px 8px 8px;font-size:13px;font-weight:500;display:flex}.roster button:hover{background:var(--paper-300)}.roster button[aria-current=true]{background:var(--accent-soft);color:var(--accent-600);font-weight:700}.roster .swatch{border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 1.5px #2a241e2e}.room-pins{pointer-events:none;position:absolute;inset:0}.room-pin{cursor:pointer;pointer-events:auto;width:44px;height:44px;transition:opacity var(--d-hover);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:0;left:0}.room-pin__disc{background:var(--paper-100,#fffcf6);width:22px;height:22px;box-shadow:0 0 0 2px var(--accent-600), 0 2px 8px #2a241e59;border-radius:50%}.room-pin:hover .room-pin__disc,.room-pin[aria-pressed=true] .room-pin__disc{background:var(--accent-600);box-shadow:0 0 0 3px var(--paper-100,#fffcf6), 0 2px 10px #2a241e66}.room-pin[data-ghost]{opacity:0;pointer-events:none}.card{width:360px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 172px);box-shadow:var(--sh-2);animation:card-in var(--d-panel-in) var(--e-out) both;padding:20px 22px 22px;position:absolute;top:76px;right:16px;overflow-y:auto}@keyframes card-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.card .eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--accent-600);margin:0 0 6px;font-size:11px;font-weight:600}.card h2{font:600 24px / 1.22 var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;margin:0}.card .jp{font-family:var(--font-jp);color:var(--ink-500);margin:2px 0 12px;font-size:12px}.card p.body{color:var(--ink-700);max-width:62ch;margin:0;font-size:15px;line-height:1.62}.card .close{border-radius:var(--r-md);cursor:pointer;width:44px;height:44px;color:var(--ink-700);background:0 0;border:0;font-size:22px;line-height:1;position:absolute;top:8px;right:8px}.card .close:hover{background:var(--paper-300)}.veil{z-index:9000;transition:opacity .5s var(--e-in);background:radial-gradient(circle at 50% 40%,#fffcf6,#ede4d4);place-items:center;display:grid;position:fixed;inset:0}.veil[data-done=true]{opacity:0;pointer-events:none}.veil .plate{background:var(--paper-100);border:1px solid var(--line);outline:3px dashed var(--line-strong);outline-offset:6px;text-align:center;width:min(420px,90vw);padding:36px 32px 28px}.veil h1{font:600 34px / 1.12 var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;margin:0 0 6px}.veil .sub{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-500);margin:0 0 24px;font-size:11px;font-weight:600}.veil .track{background:var(--paper-300);height:3px;overflow:hidden}.veil .fill{background:var(--accent-600);height:100%;transition:width .2s linear}.veil .meta{font-variant-numeric:tabular-nums;color:var(--ink-500);justify-content:space-between;margin-top:8px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}@media (min-width:768px) and (max-width:899px){.controls button,.controls__segmented label{padding-left:8px;padding-right:8px}.controls__divider{margin-left:2px;margin-right:2px}}@media (max-width:767px){.top-left{top:12px;left:12px}.controls{gap:2px;inset:auto 12px 12px}.place{flex:1;min-width:0}.controls .place__trigger{flex:1;justify-content:flex-start;padding:0 8px}.place__menu{transform-origin:0 100%;top:auto;bottom:calc(100% + 8px);right:0}.controls button{min-width:40px;height:40px;padding:0}.controls__segmented label{height:40px}.controls__divider{margin:4px 1px}.sound__popover{transform-origin:100% 100%;top:auto;bottom:calc(100% + 8px)}.tour__stop{display:none}.tour__label{min-width:0;padding:0 2px}.menus-toggle{top:12px;bottom:auto;right:12px}.roster{padding-bottom:8px;bottom:74px;left:12px;right:12px;overflow-x:auto}.card{width:auto;max-width:none;max-height:min(62vh,100dvh - 138px);animation-name:sheet-in;inset:auto 12px 74px;overflow-y:auto}.settings{width:auto;inset:auto 12px 74px}.settings__row{min-height:44px;font-size:14px}}@media (max-width:359px){.controls button{min-width:34px;height:34px}.controls__segmented label{height:34px;font-size:12px}.controls .place__trigger{padding:0 6px;font-size:12px}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.card{animation-duration:1ms}.veil{transition-duration:.12s}}