@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(./be-vietnam-pro-400-normal-vietnamese-CRcqvyg1.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(./be-vietnam-pro-400-normal-latin-ext-CiZNW1ec.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(./be-vietnam-pro-400-normal-latin-PpnXBOrz.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(./be-vietnam-pro-500-normal-vietnamese-DREgrEoJ.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(./be-vietnam-pro-500-normal-latin-ext-h0Fp6aX0.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(./be-vietnam-pro-500-normal-latin-B6LVzGNe.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(./be-vietnam-pro-600-normal-vietnamese-nyU-ZL2p.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(./be-vietnam-pro-600-normal-latin-ext-BNd8euf0.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(./be-vietnam-pro-600-normal-latin-BZDkUTrt.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(./be-vietnam-pro-700-normal-vietnamese-Csr0PCuG.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(./be-vietnam-pro-700-normal-latin-ext-C8_gqRu2.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(./be-vietnam-pro-700-normal-latin-DlW1Zbsh.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(./be-vietnam-pro-800-normal-vietnamese-D4LFh2W4.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(./be-vietnam-pro-800-normal-latin-ext-GEpNgheG.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(./be-vietnam-pro-800-normal-latin-BpHZASpI.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Noto Serif Display";font-style:italic;font-weight:600;font-display:swap;src:url(./noto-serif-display-600-italic-vietnamese-C1DYfdAX.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Noto Serif Display";font-style:italic;font-weight:600;font-display:swap;src:url(./noto-serif-display-600-italic-latin-TXCq3Q3g.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Noto Serif Display";font-style:normal;font-weight:600 800;font-display:swap;src:url(./noto-serif-display-600-normal-vietnamese-BF64gvp4.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Noto Serif Display";font-style:normal;font-weight:600 800;font-display:swap;src:url(./noto-serif-display-600-normal-latin-DZCd2g7q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #f3ecdc;--card: #fbf8ef;--white: #ffffff;--ink: #253444;--muted: #4f5d6b;--accent: #9e3426;--teal: #2e6f80;--line: #c9bfa8;--off: #8a8f94;--night: #0f1a24;--sans: "Be Vietnam Pro", system-ui, sans-serif;--serif: "Noto Serif Display", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#1b2731;overflow:hidden}body{font-family:var(--sans);color:var(--ink);font-synthesis:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#stage{position:absolute;left:50%;top:50%;width:1280px;height:720px;overflow:hidden;background:var(--paper);transform-origin:center}.screen{position:absolute;inset:0}.screen.dialog-layer{pointer-events:auto;z-index:70}.backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.veil{position:absolute;inset:0;background:#2534448c}.btn{height:52px;padding:0 26px;border:1.5px solid var(--ink);border-radius:8px;background:transparent;font-size:16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn.primary{border-width:2px;background:var(--accent);color:var(--card);font-size:18px;font-weight:700;box-shadow:3px 3px 0 var(--ink)}.btn.dark{border-width:2px;background:var(--ink);color:var(--card);font-weight:700;box-shadow:3px 3px 0 var(--accent)}.btn.ready{background:var(--teal)}.btn.off{border:2px dashed var(--off);color:#6a737c;background:transparent;box-shadow:none}.btn:not(:disabled):hover{filter:brightness(1.06)}.round{width:40px;height:40px;border:1.5px solid var(--ink);border-radius:20px;background:transparent;display:flex;align-items:center;justify-content:center;padding:0}.field{height:46px;border:1.5px solid var(--ink);border-radius:8px;padding:0 12px;background:var(--white);font-size:17px;font-weight:700;min-width:0}.pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1.5px solid var(--ink);border-radius:15px;font-size:14px;font-weight:600}.badge{height:18px;padding:0 7px;border-radius:9px;font-size:10px;font-weight:800;display:inline-flex;align-items:center}.badge.me{background:var(--ink);color:var(--card)}.badge.host{border:1.5px solid var(--accent);color:var(--accent)}.notice{font-size:14px;font-weight:600;color:var(--accent)}.notice:empty{display:none}.menu{position:absolute;left:28px;top:28px;width:318px;height:664px;padding:18px 24px 20px;display:flex;flex-direction:column;justify-content:center;gap:12px;background:#fbf8eff2;border:2px solid var(--ink);border-radius:14px;box-shadow:5px 5px 0 var(--ink)}.menu .logo{width:150px;height:180px;align-self:center;object-fit:contain;mix-blend-mode:multiply}.menu .season{font-size:13px;font-weight:700;letter-spacing:3px;text-align:center}.menu .lore{margin:0;font-family:var(--serif);font-style:italic;font-size:15px;line-height:1.45;text-align:center}.menu label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700}.menu .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.menu .grid2 .btn{padding:0 6px;white-space:nowrap}.menu .code{display:flex;gap:8px}.menu .code .field{flex:1;width:90px;letter-spacing:2px;font-size:16px}.field::placeholder{letter-spacing:0;font-weight:500;color:#7a8590}.menu .code .btn{width:74px;height:46px;padding:0}.dialog{position:absolute;background:var(--card);border:2px solid var(--ink);border-radius:16px;box-shadow:6px 6px 0 var(--night);display:flex;flex-direction:column}.dialog h1,.dialog h2{margin:0;font-family:var(--serif);font-weight:800}.hall{left:40px;top:32px;width:1200px;height:656px;padding:0;overflow:hidden}.hall header{display:flex;align-items:center;gap:16px;height:76px;padding:0 28px;border-bottom:2px solid var(--ink)}.hall header h1{font-size:32px}.hall header .me{margin-left:auto;font-size:15px;color:var(--muted)}.hall header .me b{color:var(--ink);font-size:17px}.hall .body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 340px}.hall .rooms{overflow-y:auto;padding:16px 20px 20px 28px;display:flex;flex-direction:column;gap:10px;border-right:2px solid var(--line)}.hall .empty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:16px;color:var(--muted);max-width:440px}.hall .empty b{font:italic 600 26px var(--serif);color:var(--ink)}.hall aside{padding:24px 28px;display:flex;flex-direction:column;gap:12px}.hall aside .or{margin-top:14px;font-size:13px;font-weight:700}.hall aside .code{display:flex;gap:8px}.hall aside .code .field{flex:1;width:90px;letter-spacing:2px;font-size:16px}.hall aside .code .btn{width:74px;height:46px;padding:0}.room{display:grid;grid-template-columns:138px minmax(0,1fr) 76px 44px 140px;align-items:center;gap:14px;min-height:72px;padding:10px 12px 10px 10px;border:2px solid var(--ink);border-radius:10px;background:var(--white)}.room.playing{background:#f4f1e8}.room .thumb{width:138px;height:46px;border-radius:5px;overflow:hidden;position:relative;background:#dde3d6}.room .thumb img{position:absolute;left:0;width:138px}.room .main{display:flex;flex-direction:column;gap:2px;min-width:0}.room .main b{display:flex;align-items:center;gap:6px;font-size:17px}.room .main b span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room .main small,.room .count small{font-size:13px;color:var(--muted);font-weight:600}.room .count{display:flex;flex-direction:column;align-items:center}.room .count b{font:800 22px var(--serif)}.room .eyes{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--muted)}.room .go{display:flex;justify-content:flex-end}.room .go .btn{height:44px;min-width:96px;padding:0 16px;font-size:16px}.room .ask{display:flex;gap:6px}.room .ask .field{width:76px;height:44px;letter-spacing:2px;font-size:16px}.room .ask .btn{min-width:0;width:58px;padding:0}.quick{left:340px;top:90px;width:600px;padding:28px 36px;align-items:center;gap:18px}.quick .ring{width:180px;height:180px;position:relative}.quick .ring svg{position:absolute;inset:0}.quick .ring.spin svg{animation:fsSpin 4s linear infinite}.quick .ring span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;color:var(--muted)}.quick .ring b{font-family:var(--serif);font-size:44px;line-height:1;color:var(--ink)}.quick h1{font-size:34px;text-align:center}.quick .people{display:flex;gap:10px;min-height:64px}.quick .person{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;animation:fsPop .3s ease-out both}.quick .person i{width:44px;height:44px;border-radius:22px;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font:normal 800 20px var(--serif)}.lobby header{position:absolute;left:0;top:0;width:1280px;height:72px;padding:0 40px;background:var(--card);border-bottom:2px solid var(--ink);display:flex;align-items:center;gap:20px}.lobby header h1{margin:0;font-family:var(--serif);font-size:30px;font-weight:800;white-space:nowrap;max-width:560px;overflow:hidden;text-overflow:ellipsis}.code-pill{display:flex;align-items:center;gap:8px;height:40px;padding:0 6px 0 14px;border:2px solid var(--ink);border-radius:20px;background:var(--white)}.code-pill span{font-size:13px;color:var(--muted);font-weight:600}.code-pill b{font-size:18px;letter-spacing:3px}.code-pill button{height:30px;padding:0 12px;border:1.5px solid var(--ink);border-radius:15px;background:var(--card);font-size:13px;font-weight:700}.code-pill button.done{background:var(--ink);color:var(--card)}.watchers{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:1.5px solid var(--ink);border-radius:20px;font-size:14px;font-weight:700}.map-card{margin-left:auto;display:flex;align-items:center;gap:10px;height:56px;padding:3px 12px 3px 3px;border:2px solid var(--ink);border-radius:8px;background:var(--card);text-align:left}.map-card:disabled{color:var(--ink)}.map-card .thumb{width:138px;height:46px;border-radius:5px;overflow:hidden;position:relative;background:#dde3d6}.map-card .thumb img{position:absolute;left:0;width:138px}.map-card small{display:block;font-size:12px;color:var(--muted);font-weight:600}.map-card b{font-size:15px}.pace-card{display:flex;flex-direction:column;justify-content:center;min-width:92px;height:58px;padding:0 14px;border:2px solid var(--ink);border-radius:8px;background:var(--card);text-align:left}.pace-card:disabled{color:var(--ink)}.pace-card small{font-size:12px;color:var(--muted);font-weight:600}.pace-card b{font-size:15px}.pace-card.fast{background:#fff6d6;box-shadow:inset 0 0 0 2px #ffd76a}.pace-card b{display:flex;align-items:center;gap:5px}.pace-card.shut{background:#e9edf1}.slots{position:absolute;left:40px;top:90px;width:1200px;display:grid;gap:16px}.slot{height:120px;border:2px solid var(--ink);border-radius:12px;padding:12px 14px;background:var(--card);display:flex;flex-direction:column;gap:10px;position:relative}.slot.me{background:var(--white);border-width:3px;box-shadow:4px 4px 0 var(--ink)}.slot.new{animation:fsPop .3s ease-out both}.slot.empty{border:2px dashed var(--off);background:transparent;align-items:center;justify-content:center;gap:6px;color:var(--muted)}.slot.empty b{font-size:15px;font-weight:600}.slot.empty span{font-size:13px}.slot .who{display:flex;align-items:center;gap:6px;min-width:0}.slot.kickable .who{padding-right:28px}.slot .who b{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.slot .who .badge,.slot .crown{flex-shrink:0}.slot .crown{display:inline-flex;color:var(--accent)}.slot .row{display:flex;align-items:center;gap:10px;min-width:0}.slot .pick{display:flex;flex-direction:column;gap:2px;min-width:0}.slot .hero{display:flex;align-items:center;gap:6px;min-width:0}.slot .hero b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.slot .variant{flex-shrink:0}.slots.dense .slot{padding:10px 12px}.slots.dense .slot .who b{font-size:15px}.slots.dense .slot .row{gap:8px}.slots.dense .slot .hero b{font-size:14px}.slots.dense .slot .variant .tone{display:none}.slots .versus{align-self:center;justify-self:center;font:italic 800 20px var(--serif);color:var(--muted)}.slot .kick{position:absolute;right:8px;top:8px;width:28px;height:28px;border-radius:14px}.slot .state{font-size:13px;font-weight:700;color:var(--off)}.slot .state.on{color:var(--teal)}.slot .state.away{color:var(--accent)}.face{flex-shrink:0;border-radius:50%;overflow:hidden;position:relative;display:block;border:2px solid var(--ink);background-repeat:no-repeat}.face.none{border-style:dashed;background-color:var(--white)}.swatch{width:12px;height:12px;border-radius:6px;border:1.5px solid var(--ink);display:inline-block}.variant{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700}.divider{position:absolute;left:40px;top:230px;width:1200px;height:1.5px;background:var(--line)}.hero-art{position:absolute;left:40px;top:240px;width:380px;height:470px}.hero-art .plinth{position:absolute;left:40px;bottom:26px;width:300px;height:60px;border-radius:50%;border:3px solid var(--ink)}.hero-art .figure{position:absolute;left:20px;bottom:46px;width:340px;height:400px;background-repeat:no-repeat}.hero-info{position:absolute;left:450px;top:252px;width:790px;display:flex;flex-direction:column;gap:12px}.hero-info .title{display:flex;align-items:baseline;gap:16px}.hero-info h2{margin:0;font-family:var(--serif);font-size:44px;line-height:1;font-weight:800}.hero-info .quote{font-family:var(--serif);font-style:italic;font-size:20px}.hero-info .chips{display:flex;gap:10px;align-items:center}.hero-info .boxes{display:flex;gap:12px}.hero-info .skill{flex:1;background:var(--card);border:2px solid var(--ink);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:2px;font-size:16px}.hero-info .skill small{font-size:13px;color:var(--muted)}.hero-info .matchup{width:210px;border:1.5px solid var(--ink);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:2px;font-size:14px}.picker{display:grid;grid-template-columns:repeat(5,max-content);gap:14px 16px;align-items:end;margin-top:4px}.picker button{display:flex;flex-direction:column;align-items:center;gap:4px;border:none;background:transparent;padding:0;position:relative;font-size:13px}.picker button[aria-checked=true]{font-weight:800}.picker button:disabled{opacity:.55}.picker .owner{position:absolute;left:50%;top:-12px;transform:translate(-50%);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 7px;background:var(--ink);color:var(--card);font-size:11px;font-weight:700;border-radius:8px}.actions{position:absolute;left:450px;right:40px;bottom:26px;display:flex;align-items:flex-end;gap:16px}.actions .settings{margin-left:auto;display:flex;gap:10px}.actions .cta{width:250px;display:flex;flex-direction:column;gap:8px}.actions .status{font-size:14px;line-height:1.3;color:var(--muted);text-align:right;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.actions .status.blocked{color:var(--ink);font-weight:600}.actions .btn{width:100%;height:58px;padding:0 16px}.actions .btn.start{flex-direction:column;gap:0}.actions .btn.start span{font-size:21px;line-height:1.1}.actions .btn.start small{max-width:100%;font-size:13px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-0{border-color:#5289a2}.team-1{border-color:#b76f50}.team-label{align-self:flex-start;font-size:12px;font-weight:800}.slot.team-0 .team-label{color:#3d6f86}.slot.team-1 .team-label{color:#9a5638}.team-lobby .slots{gap:10px}.team-lobby .slot{height:132px;gap:6px}.mode-options{display:flex;flex-direction:column;gap:14px;padding:28px}.mode-options .btn{flex-direction:column;align-items:flex-start;gap:5px;min-height:74px}.mode-options small{font-size:14px;font-weight:400}.mode-dialog{left:50%;top:50%;transform:translate(-50%,-50%);width:540px;padding:24px}.mode-dialog .head{display:flex;align-items:center;justify-content:space-between;gap:14px}.mode-dialog .mode-options{padding:20px 0 0}.team-label:is(button){background:none;padding:0;border:0;cursor:pointer;text-decoration:underline}.maps{left:90px;top:24px;width:1100px;height:672px;padding:20px 28px 22px;gap:14px;background:var(--paper)}.maps .head{display:flex;align-items:center;justify-content:space-between}.maps .head span{font-size:14px;color:var(--muted);margin-right:14px}.maps .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.maps .grid button{padding:0;border:1.5px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden;text-align:left;position:relative}.maps .grid button[aria-checked=true]{border:3px solid var(--accent);background:#fffaf0;box-shadow:4px 4px 0 var(--ink)}.maps .grid button:disabled{opacity:.5}.maps .pic{width:100%;height:150px;overflow:hidden;position:relative;display:block;background:#dde3d6}.maps .pic img{position:absolute;left:50%;width:450px;transform:translate(-50%)}.maps .text{display:flex;flex-direction:column;gap:4px;padding:12px 18px 14px}.maps .text small{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--accent)}.maps .text b{font-family:var(--serif);font-size:24px}.maps .text span{font-size:15px;color:var(--muted)}.maps .tick{position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:15px;background:var(--accent);display:flex;align-items:center;justify-content:center;z-index:1}.maps .foot{margin-top:auto;display:flex;justify-content:flex-end;gap:12px}.howto{left:280px;top:100px;width:720px;height:520px;padding:28px 40px;align-items:center;gap:16px}.howto .top{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;letter-spacing:2px}.howto .art{height:210px;display:flex;align-items:center;justify-content:center;gap:24px}.howto h2{font-size:36px;text-align:center}.howto p{margin:0;font-size:18px;text-align:center;color:var(--muted)}.howto p.credits{font-size:12px;line-height:1.5}.howto:has(.credits) .art{height:180px}.howto .credits a{color:inherit}.howto .nav{margin-top:auto;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.howto .dots{justify-self:center;display:flex;gap:6px}.howto .dots button{width:32px;height:32px;border:none;background:transparent;padding:0;display:flex;align-items:center;justify-content:center}.howto .dots i{width:12px;height:12px;border-radius:7px;border:2px solid var(--ink)}.howto .dots i.on{background:var(--ink)}.dialog.settings{left:290px;top:70px;width:700px;max-height:580px;overflow-y:auto;padding:26px 34px;gap:18px}.settings .head{display:flex;justify-content:space-between;align-items:center}.settings h1{font-size:30px}.settings h2{font-family:var(--sans);font-size:15px;font-weight:800;letter-spacing:1px}.settings .keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.settings .keys button{height:54px;border:1.5px solid var(--ink);border-radius:8px;background:var(--white);display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:14px;font-weight:600}.settings .keys button kbd{min-width:30px;height:30px;border:2px solid var(--ink);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font:800 15px var(--sans);background:var(--card)}.settings .keys button.listening kbd{background:var(--accent);color:var(--card)}.settings .line{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:600}.settings input[type=range]{flex:1;accent-color:var(--accent)}.settings .foot{display:flex;justify-content:space-between;align-items:center}.banner{position:absolute;left:50%;top:14px;transform:translate(-50%);z-index:50;height:40px;padding:0 18px;border:2px solid var(--ink);border-radius:20px;background:var(--ink);color:var(--card);display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700}.toast{position:absolute;left:50%;bottom:100px;transform:translate(-50%);z-index:50;padding:10px 18px;border:2px solid var(--ink);border-radius:10px;background:var(--card);box-shadow:3px 3px 0 var(--ink);font-size:15px;font-weight:600;animation:fsPop .2s ease-out both}@keyframes fsPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fsSpin{to{transform:rotate(360deg)}}@keyframes fsDots{0%,to{opacity:.3}50%{opacity:1}}.dots-anim{animation:fsDots 1.2s infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}#board{position:fixed;inset:0;background:#1b2731}#board canvas{display:block}#board.loading>:not(.board-loading){visibility:hidden}#board.loading{background:linear-gradient(180deg,#bcd7df,#dfe9e2 55%,#efe6cf);display:grid;place-items:center}.board-loading{margin:0;font-size:20px;font-weight:600;color:#253444;letter-spacing:.5px;animation:board-loading 1.6s ease-in-out infinite}@keyframes board-loading{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.board-loading{animation:none}}body.intro-open #board{visibility:hidden}.intro{position:absolute;inset:0;z-index:70;display:flex;flex-direction:column;background:var(--paper);pointer-events:auto;transition:opacity .35s}.intro.out{opacity:0}.intro-map{position:relative;height:300px;flex-shrink:0;overflow:hidden;border-bottom:2px solid var(--ink);background:#dde3d6}.intro-map img{position:absolute;left:0;margin-top:-60px}.intro-map:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fbf8ef00 45%,#fbf8efd9)}.intro-title{position:absolute;left:48px;bottom:26px;z-index:1;max-width:640px}.intro-title small{font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent)}.intro-title h1{margin:2px 0 6px;font-family:var(--serif);font-size:52px;line-height:1;font-weight:800}.intro-title p{margin:0;font-family:var(--serif);font-style:italic;font-size:20px}.intro-notes{position:absolute;right:48px;bottom:28px;z-index:1;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.intro-notes li{padding:6px 14px;border:2px solid var(--ink);border-radius:18px;background:var(--card);font-size:15px;font-weight:700}.intro-lineup{display:flex;justify-content:center;gap:22px;padding:40px 48px 0}.intro-card{position:relative;width:210px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 12px 18px;border:2px solid var(--ink);border-radius:12px;background:var(--card);text-align:center}.intro-card.me{box-shadow:0 0 0 3px #ffd76a}.intro-card b{font-size:17px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intro-card .hero{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);font-weight:600}.intro-card .tag{position:absolute;top:-12px;padding:2px 10px;border:2px solid var(--ink);border-radius:12px;font-size:12px;font-style:normal;font-weight:800;background:var(--card)}.intro-card .tag.me{background:#ffd76a}.intro-card .tag.strong{background:#cfe8c4}.intro-card .tag.weak{background:#f5c9bd}.intro-tip{margin:auto 48px 0;display:flex;align-items:baseline;gap:14px;font-size:19px}.intro-tip b{flex-shrink:0;padding:3px 12px;border-radius:12px;background:var(--ink);color:var(--card);font-size:14px;letter-spacing:1px;text-transform:uppercase}.intro-bar{display:flex;align-items:center;gap:16px;margin:18px 48px 34px}.intro-bar b{width:250px;font-size:15px}.intro-bar .track{flex:1;height:12px;border:2px solid var(--ink);border-radius:8px;overflow:hidden;background:var(--card)}.intro-bar .track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#e3b54a,#ffd76a);transition:width .2s}.intro-bar .pct{width:48px;text-align:right;font-weight:800;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.intro,.intro-bar .track i{transition:none}}#stage.clear{background:transparent;pointer-events:none}#stage.clear .hud>*{pointer-events:auto}#stage.clear .hud>.reveal{pointer-events:none}.fx-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;font-family:var(--sans)}.fx-label{position:absolute;left:0;top:0;white-space:nowrap;will-change:transform,opacity;color:#fff;text-shadow:0 2px 8px #0b1b21,0 0 14px var(--c)}.fx-label.name{font-size:13px;font-weight:700;padding:6px 11px;border-radius:6px;background:#253444e6;border:1.5px solid var(--c);text-shadow:none}.fx-label.cue{font-size:17px;font-weight:800;letter-spacing:1px}.fx-label.dmg{font-size:30px;font-weight:800;color:var(--c);-webkit-text-stroke:1px #0b1b21}.fx-tag{position:absolute;left:0;top:0;white-space:nowrap;display:flex;align-items:center;gap:5px;padding:2px 8px;border-radius:10px;background:#fbf8efe6;border:1.5px solid var(--ink);color:var(--ink);font-size:12px;font-weight:700}.fx-tag.me{background:var(--ink);color:var(--card)}.fx-tag i{width:10px;height:10px;border-radius:5px;border:1.5px solid var(--ink)}.hud{font-size:14px}.hud.danger{box-shadow:inset 0 0 0 6px #b8432fd9,inset 0 0 60px #b8432f80}.cap{height:44px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border:2px solid var(--ink);border-radius:22px;background:#fbf8eff0;font-size:15px;font-weight:700}.muted{color:var(--muted);font-weight:500}kbd{height:24px;min-width:24px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--ink);border-bottom-width:3px;border-radius:6px;background:var(--white);font:800 12px var(--sans)}.strip{position:absolute;left:16px;top:14px;display:flex;gap:8px;align-items:center}.chip{display:flex;align-items:center;gap:8px;height:46px;padding:0 12px 0 4px;border:2px solid var(--ink);border-radius:30px;background:#fbf8eff0;position:relative;transition:all .3s}.chip.active{height:58px;background:#fff6d6;box-shadow:0 0 0 4px #ffd76a,0 0 18px #ffd76a}.chip.soul{opacity:.8}.chip .who{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.chip .line{display:flex;align-items:center;gap:5px}.chip b{font-size:14px;line-height:1;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip.active b{font-size:16px}.chip small{font-size:12px;font-weight:600}.hpbar{width:48px;height:6px;border:1px solid var(--ink);border-radius:3px;background:#f0e9da;overflow:hidden;display:block}.hpbar.wide{width:90px;height:8px}.hpbar i{display:block;height:100%;background:#b8432f}.mini{width:24px;height:24px;border-radius:7px;border:1.5px solid var(--ink);background:var(--white);display:flex;align-items:center;justify-content:center;position:relative}.mini.on{background:var(--ink)}.mini.on svg{stroke:var(--card)}.mini b{position:absolute;right:-6px;top:-7px;min-width:15px;height:15px;border-radius:8px;background:var(--ink);color:var(--card);font-size:10px;display:flex;align-items:center;justify-content:center}.chip .secs{position:absolute;right:-8px;top:-8px;width:24px;height:24px;border-radius:12px;background:#ffd76a;border:2px solid var(--ink);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.corner{position:absolute;right:16px;top:14px;display:flex;gap:8px;align-items:center}.corner .serif{font:800 20px var(--serif)}.corner .round-btn{padding:0 7px 0 16px;gap:10px}.corner .warn{width:26px;height:26px;border-radius:13px;background:#c9762a;color:#fff;font-style:normal;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center}.corner .icon-btn{width:44px;padding:0;justify-content:center}.team-match .strip{max-width:920px;gap:6px}.team-match .chip{gap:5px;padding-right:7px}.team-match .chip b{max-width:73px;font-size:13px}.team-match .chip.active b{font-size:14px}.team-match .chip .mini{width:18px;height:20px}.team-match .chip.team-0{border-color:#5289a2}.team-match .chip.team-1{border-color:#b76f50}.team-score{position:absolute;right:0;top:54px;white-space:nowrap;font-size:14px}.note,.log,.menu-pop{position:absolute;top:66px;background:var(--card);border:2px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink)}.note{right:120px;width:260px;padding:10px 14px;font-size:14px}.log{right:16px;width:320px;padding:10px 14px}.log ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px;font-size:13px}.menu-pop{right:16px;display:flex;flex-direction:column;padding:6px;min-width:180px}.menu-pop button{height:40px;border:0;background:transparent;text-align:left;padding:0 12px;font-size:15px;font-weight:600;border-radius:6px}.menu-pop button:hover{background:#efe6d2}.bar{position:absolute;left:16px;bottom:16px;height:62px;padding:0 8px;display:flex;align-items:center;gap:6px;background:#fbf8eff0;border:2px solid var(--ink);border-radius:14px}.slot-btn{width:44px;height:44px;padding:0;border:2px solid var(--ink);border-radius:10px;background:var(--white);display:flex;align-items:center;justify-content:center;position:relative}.slot-btn.ready{box-shadow:0 0 0 3px #ffd76a}.slot-btn .cd{position:absolute;inset:0;border-radius:8px;background:#2534448c;color:var(--card);font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center}.bar .sep{width:2px;height:38px;margin:0 4px;background:#d8cfbb}.bar .help{width:34px;height:34px;margin-left:4px;border:2px solid var(--ink);border-radius:17px;background:var(--ink);color:var(--card);font:800 18px var(--serif)}.watching{position:absolute;left:16px;bottom:16px;height:48px;padding:0 16px;display:flex;align-items:center;gap:10px;background:#fbf8eff0;border:2px solid var(--ink);border-radius:24px;font-size:15px;font-weight:700}.watching span{font-weight:500;color:var(--muted)}.panel{position:absolute;left:16px;bottom:88px;width:700px;padding:12px 14px;background:var(--card);border:2px solid var(--ink);border-radius:12px;box-shadow:4px 4px 0 var(--ink);display:flex;flex-direction:column;gap:10px}.panel .tabs{display:flex;align-items:center;gap:6px}.who-tab{height:38px;padding:0 12px 0 3px;display:flex;align-items:center;gap:6px;border:1.5px solid var(--ink);border-radius:19px;background:transparent;font-size:14px;font-weight:700}.who-tab.on{border-width:2px;background:#fff6d6}.panel .subtabs{display:flex;gap:4px;border-bottom:2px solid var(--ink)}.panel .subtabs button{height:34px;padding:0 16px;border:0;border-radius:8px 8px 0 0;background:transparent;font-size:14px;font-weight:700}.panel .subtabs button.on{background:var(--ink);color:var(--card)}.panel small{font-size:12px;font-weight:700;color:var(--muted)}.panel .lose{color:#8f2f20}.panel .win{color:var(--teal)}.stats{display:grid;grid-template-columns:270px minmax(0,1fr);column-gap:24px}.stats .grid{display:grid;grid-template-columns:90px minmax(0,1fr);row-gap:10px;align-items:center}.stats .grid>span{font-size:13px;color:var(--muted)}.stats .hp{display:flex;align-items:center;gap:8px}.stats .effects{display:flex;flex-direction:column;gap:8px}.effect{display:grid;grid-template-columns:110px minmax(0,1fr) 90px;column-gap:10px;align-items:center;font-size:13px}.effect.good b{color:var(--teal)}.effect.bad b{color:#8f2f20}.moves,.bag{display:grid;column-gap:14px;row-gap:6px;align-items:center;font-size:13px}.moves{grid-template-columns:34px 220px minmax(0,1fr) minmax(0,1fr)}.bag{grid-template-columns:34px minmax(0,1fr) 190px 88px}.ico{width:34px;height:34px;border:1.5px solid var(--ink);border-radius:8px;background:var(--white);display:flex;align-items:center;justify-content:center}.ico.big{width:56px;height:56px;border-radius:10px}.name{display:flex;flex-direction:column;padding:3px 0}.name b{font-size:15px}.name small{font-weight:500}.when{display:flex;flex-direction:column}.bag .btn{height:38px;padding:0 12px;font-size:15px}.dice,.dice-two{position:absolute;right:22px;bottom:18px;width:136px;height:136px}.dice-two{width:300px;display:flex;align-items:center;justify-content:flex-end;gap:18px}.dice-two .tag{position:absolute;right:0;top:-36px;height:28px;padding:0 12px;display:flex;align-items:center;background:var(--ink);color:var(--card);border-radius:14px;font-size:13px;font-weight:700}.halo{position:absolute;left:18px;top:18px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#ffd76af2,#ffd76a73 45%,#ffd76a00 70%);animation:fsPulse .9s ease-in-out infinite}.ring-wrap{position:absolute;right:0;bottom:0;width:136px;height:136px;pointer-events:none}.ring-wrap .ring{position:absolute;inset:0;transform:rotate(-90deg)}.ring-wrap .secs{position:absolute;right:0;top:0;width:34px;height:34px;border-radius:17px;background:#ffd76a;border:2px solid var(--ink);font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center}.die-btn{position:absolute;left:32px;top:32px;width:72px;height:72px;padding:0;border:0;background:none;perspective:420px}.dice-two .die-btn{position:relative;left:0;top:0}.die-btn.hop{animation:fsHop 1.1s ease-in-out infinite}.cube{display:block;width:72px;height:72px;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,1.4,.4,1)}.cube.idle{animation:fsTumble 2.4s ease-in-out infinite}.face6{position:absolute;inset:0;padding:10px;background:#fffdf7;border:3px solid var(--ink);border-radius:14px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);backface-visibility:hidden}.face6 i{width:12px;height:12px;border-radius:6px;background:var(--accent);align-self:center;justify-self:center}.dice .number{position:absolute;left:-30px;top:-14px;min-width:52px;height:52px;padding:0 8px;border-radius:26px;background:var(--accent);border:3px solid var(--ink);color:var(--card);font:800 30px var(--serif);display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 var(--ink);animation:fsPop .45s ease-out both}.route{position:absolute;right:178px;bottom:30px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.route .ring-wrap{right:-162px;bottom:-12px}.route-go{background:#fff6d6;box-shadow:0 0 0 3px #ffd76a}.warn-text{color:#b8432f}.loot{position:absolute;right:180px;bottom:30px;width:380px;padding:12px 14px;background:var(--card);border:2.5px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink);display:flex;flex-direction:column;gap:10px;animation:fsPop .35s ease-out both}.loot .row{display:flex;gap:12px;align-items:center}.loot .col{display:flex;flex-direction:column;gap:2px}.loot .col b{font-size:18px}.loot .col small{font-size:12px;color:var(--muted)}.loot .swap{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.loot .swap .btn{height:42px;padding:0 12px;font-size:14px}.loot .ring-wrap{right:-170px;bottom:-14px}.fight{position:absolute;left:50%;bottom:20px;transform:translate(-50%);padding:12px 16px;background:var(--card);border:2.5px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink);display:flex;flex-direction:column;gap:10px;align-items:center}.fight .head{display:flex;gap:14px;align-items:baseline;font-size:16px}.fight .acts{display:flex;gap:10px}.act{width:84px;height:84px;border:2px solid var(--ink);border-radius:12px;background:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:14px;position:relative}.act kbd{position:absolute;right:4px;top:4px;height:20px;min-width:20px;font-size:11px}.act:not(:disabled):hover{background:#fff6d6;box-shadow:0 0 0 3px #ffd76a}.act:disabled{opacity:.45}.fight .ring-wrap{right:-150px;bottom:-10px}.fight .status{font-weight:700}.soulbar{position:absolute;left:50%;bottom:20px;transform:translate(-50%);width:760px;padding:12px 16px;background:#f1edf8;border:2.5px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink);display:flex;flex-direction:column;gap:10px}.soulbar .head{display:flex;align-items:center;gap:10px;font-size:16px}.soulbar .skills{display:flex;flex-wrap:wrap;gap:8px}.skill{width:140px;padding:8px 10px;border:2px solid var(--ink);border-radius:10px;background:var(--white);display:flex;flex-direction:column;gap:2px;text-align:left;font-size:12px}.skill.haunt small{color:#6b4fa0}.skill.help small{color:var(--teal)}.skill b{font-size:15px}.skill:disabled{opacity:.45}.soulbar .foot{display:flex;justify-content:flex-end;position:relative}.soulbar .ring-wrap{right:-170px;bottom:-40px}.reveal{position:absolute;left:50%;top:96px;transform:translate(-50%);display:flex;gap:40px}.reveal .card{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--card);border:2.5px solid var(--ink);border-radius:12px;box-shadow:3px 3px 0 var(--ink);font-size:15px;animation:fsFlip .5s ease-out both}.ko,.result{left:50%;top:50%;transform:translate(-50%,-50%);padding:24px 32px;align-items:center;gap:12px;text-align:center}.result{left:auto;right:24px;transform:translateY(-50%)}.ko p{margin:0;font-size:17px;color:var(--muted);max-width:420px}.result{width:560px}.result .eyebrow{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--accent)}.result h1{font-size:34px}.result table{width:100%;border-collapse:collapse;font-size:15px}.result th{font-size:12px;color:var(--muted);text-align:left;padding:6px;border-bottom:2px solid var(--ink)}.result td{padding:6px;border-bottom:1px solid var(--line);text-align:left}.result tr.me td{background:#fff6d6}.result tr.team-winner td{background:#e9f1de}.result .foot{display:flex;gap:12px;justify-content:flex-end;width:100%}@keyframes fsPulse{0%,to{transform:scale(.85);opacity:.7}50%{transform:scale(1.1);opacity:1}}@keyframes fsHop{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fsTumble{0%,to{transform:rotateX(-25deg) rotateY(35deg)}50%{transform:rotateX(-35deg) rotateY(80deg)}}@keyframes fsFlip{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);z-index:60;width:max-content;max-width:260px;padding:7px 11px;border-radius:8px;background:var(--ink);color:var(--card);font:600 13px/1.4 var(--sans);text-align:left;white-space:pre-line;pointer-events:none;box-shadow:0 4px 12px #00000040}.strip [data-tip]:hover:after,.corner [data-tip]:hover:after,.strip [data-tip]:focus-visible:after,.corner [data-tip]:focus-visible:after{bottom:auto;top:calc(100% + 10px)}.corner [data-tip]:hover:after{left:auto;right:0;transform:none}.bar>[data-tip]:first-child:hover:after{left:0;transform:none}.tile-tip{position:fixed;z-index:40;transform-origin:0 0;transform:scale(max(var(--stage-scale, 1),.75));max-width:300px;padding:8px 12px;border-radius:10px;background:#253444f2;color:var(--card);display:flex;flex-direction:column;gap:3px;font:500 13px/1.4 var(--sans);pointer-events:none;box-shadow:0 6px 18px #0000004d}.tile-tip[hidden]{display:none}.tile-tip b{font-size:15px;font-weight:800}.soulbar .pips{display:flex;gap:4px}.soulbar .pips i{width:12px;height:12px;border-radius:50%;border:2px solid var(--ink);background:var(--white)}.soulbar .pips i.on{background:#8f6bff;box-shadow:0 0 6px #b9a4ff}.skill small{display:flex;align-items:center;gap:4px}.glyph{display:inline-flex;line-height:0}.skill-options{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.skill-options>b{font-size:15px;width:100%}.skill-options .opts{display:flex;flex-wrap:wrap;gap:8px;flex:1}.skill-options .opt{min-width:110px;padding:8px 12px;border:2px solid var(--ink);border-radius:10px;background:var(--white);display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.skill-options .opt:hover{background:#efe8ff;box-shadow:0 0 0 3px #b9a4ff}.act.jammed{opacity:1;background:repeating-linear-gradient(135deg,#ece6fb 0 8px,#ddd2f7 8px 16px);border-color:#6b4fa0}.act.jammed>svg,.act.jammed>b{opacity:.4}.act.jammed .glyph{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.6)}.slot-btn.urge{animation:wardUrge 1s ease-in-out infinite}@keyframes wardUrge{0%,to{box-shadow:0 0 0 3px #f2c14e}50%{box-shadow:0 0 0 6px #f2c14e,0 0 16px #8f6bff}}.fx-tag .soul-marks{display:inline-flex;gap:2px;margin-left:2px}@media(prefers-reduced-motion:reduce){.slot-btn.urge{animation:none;box-shadow:0 0 0 5px #f2c14e}}.loot.draft-loot{width:560px;max-width:calc(100% - 230px);max-height:580px;overflow:visible;padding:16px;gap:8px}.draft-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:6px 0;min-width:0}.draft-options article{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;border:1px solid #bda675;border-radius:12px;min-width:0}.draft-options article>b{font-size:16px;line-height:1.3}.draft-options p{font-size:14px;line-height:1.5;margin:0 0 8px;overflow-wrap:anywhere}.draft-actions{display:flex;flex-direction:column;gap:6px;margin-top:auto;width:100%}.draft-actions .btn,.draft-loot .draft-skip{height:36px;min-height:36px;padding:0 8px;font-size:13px;line-height:1.15;box-shadow:none;width:100%}.draft-loot .draft-skip{align-self:flex-end;width:auto;min-width:92px}.combat-items,.item-options{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;max-width:540px}.fight{bottom:90px}.combat-items .btn,.item-options .btn{height:34px;padding:0 10px;font-size:13px;box-shadow:none}.combat-items .item-status{flex-basis:100%;text-align:center;font-size:13px;color:var(--muted)}.item-options{padding:8px;background:#eee6d5;border-radius:8px}.item-options>b{font-size:14px}@media(max-width:520px){.draft-options{gap:8px}.draft-options article{padding:8px}}.prepared-note{position:absolute;left:0;bottom:68px;background:var(--card);border:1px solid var(--ink);border-radius:7px;padding:5px 9px;font-size:13px;white-space:nowrap}.prepared-mark{background:#387365!important;color:#fff!important}.social-panel{position:absolute;left:16px;top:660px;z-index:45;pointer-events:auto;color:var(--ink);font-size:13px;touch-action:none}.social-panel button{border:1px solid #ad9e87;background:#fffaf0;color:var(--ink);border-radius:8px;padding:6px 8px;font:inherit;cursor:pointer}.social-panel button:hover,.social-panel button.on{background:#e7ddc8}.social-panel button:focus-visible,.social-grip:focus-visible{outline:3px solid #3c7d8b;outline-offset:2px}.social-panel button:disabled{opacity:.5;cursor:default}.social-panel [hidden]{display:none!important}.social-dock{display:flex;align-items:center;gap:2px;padding:3px 4px 3px 2px;border:2px solid var(--ink);border-radius:22px;background:#fffaf0f0;box-shadow:2px 2px #25344440;cursor:grab;user-select:none}.social-panel.dragging .social-dock,.social-panel.dragging .social-bubble{cursor:grabbing;box-shadow:4px 6px 14px #25344459}.social-grip{display:grid;place-items:center;width:18px;height:32px;color:#8a7d69;cursor:grab;border-radius:8px}.social-panel .social-icon{position:relative;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent}.social-panel .social-icon:hover,.social-panel .social-icon[aria-expanded=true]{background:#e7ddc8}.social-panel .chat-launch{color:#2f6a66}.social-panel .joy-launch{color:#9a6a2c}.social-panel .social-fold{width:26px;color:#8a7d69}.social-unread{position:absolute;top:-3px;right:-4px;min-width:17px;height:17px;border-radius:9px;padding:0 4px;background:#bd4936;color:#fff;font:700 10px/17px var(--sans);text-align:center;border:1px solid #fffaf0}.social-panel .social-bubble{position:relative;display:grid;place-items:center;width:42px;height:42px;padding:0;border:2px solid var(--ink);border-radius:50%;background:#fffaf0f0;color:#2f6a66;box-shadow:2px 2px #25344440;cursor:grab}.social-sheets{position:absolute;left:0;top:calc(100% + 8px);width:300px;display:flex;flex-direction:column;gap:8px}.opens-up .social-sheets{top:auto;bottom:calc(100% + 8px);flex-direction:column-reverse}.opens-left .social-sheets{left:auto;right:0}.social-sheet{padding:8px;border:2px solid var(--ink);border-radius:12px;background:#fbf8eff2;box-shadow:2px 2px #25344440}.social-sheet-head{display:flex;align-items:center;gap:2px;margin-bottom:6px;min-height:30px}.social-sheet-head[data-title]:before{content:attr(data-title);flex:1;padding-left:4px;font-size:12px;font-weight:700;color:#655b4e}.social-sheet-head .social-icon{width:28px;height:28px;color:#655b4e}.social-tabs{display:flex;flex:1;gap:3px}.social-tabs button{flex:1;padding:5px 4px;font-size:12px;border-radius:14px;white-space:nowrap}.social-tabs button.on{background:var(--ink);color:#fffaf0;border-color:var(--ink)}.social-messages{list-style:none;padding:0;margin:0 0 6px;height:160px;overflow:auto;overscroll-behavior:contain}.social-messages li{padding:5px 4px;border-bottom:1px solid #e3d9c6;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.4}.social-messages li.own{background:#f2e9d3;border-radius:6px}.social-messages li.social-empty{border:0;color:#8a7d69;text-align:center;padding-top:60px}.social-message-head{display:flex;align-items:center;gap:5px;font-size:11px;margin-bottom:2px}.social-message-head b{max-width:130px;overflow:hidden;text-overflow:ellipsis}.social-message-head time{margin-left:auto;color:#8a7d69}.social-message-tools{display:flex;gap:2px;opacity:0;transition:opacity .15s}.social-messages li:hover .social-message-tools,.social-message-tools:focus-within{opacity:1}.social-message-head .social-small{padding:1px 4px;font-size:10px}.social-compose{display:flex;gap:4px}.social-compose input{width:0;flex:1;min-width:0;border:1px solid #ad9e87;padding:7px 8px;border-radius:8px;background:#fff;color:var(--ink);font:inherit}.social-status{margin:6px 0 0;font-size:11px;color:#655b4e}.social-tray-body{max-height:212px;overflow:auto;overscroll-behavior:contain}.social-emoji{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.social-emoji button{font-size:19px;padding:3px 0;line-height:1.2}.social-quick{display:grid;grid-template-columns:1fr 1fr;gap:4px}.social-favorite{display:flex;gap:2px;min-width:0}.social-favorite button:first-child{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-panel .social-star{padding:4px 5px;color:#9a6a2c}.social-emotes{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.social-panel .social-emote-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 3px}.social-emote-symbol{font-size:22px;line-height:1}.social-emote-card b{font-size:11px;text-align:center}.social-pings{display:grid;grid-template-columns:1fr 1fr;gap:4px}.social-panel .social-unmute{width:100%;margin-top:6px;font-size:11px}.social-ping-hint{display:flex;align-items:center;gap:6px;font-size:12px}.social-ping-hint span{flex:1}.social-panel .social-ping-message{display:flex;align-items:center;gap:7px;width:100%;text-align:left;background:#e8f0ed;border-color:#74a398;padding:6px 8px;color:#275d57}.social-ping-message b{display:block;font-size:12px}.social-ping-message small{display:block;font-size:10px;margin-top:2px}.ping-navigation{position:absolute;right:24px;top:108px;width:280px;padding:16px;background:#fffaf0f5;border:2px solid #356262;border-radius:14px;box-shadow:3px 3px #25344444;pointer-events:auto}.ping-navigation[hidden]{display:none}.ping-navigation .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:11px;color:#356262}.ping-navigation .head button{border:0;background:transparent;font:20px var(--sans);cursor:pointer}.ping-navigation strong{display:block;font-size:14px}.ping-navigation p{font-size:12px;line-height:1.5;margin:8px 0}.ping-navigation .btn{width:100%;height:38px;font-size:13px;background:#356262;color:#fffaf0}.social-report{left:400px;top:100px;width:480px;max-height:520px;overflow:auto;padding:24px;gap:10px}.social-report p{overflow-wrap:anywhere}body.intro-open .social-panel{visibility:hidden}.fx-label.social{max-width:280px;white-space:normal;overflow-wrap:anywhere;text-align:center;font-size:14px;font-weight:700;padding:7px 12px;border:1px solid var(--c);border-radius:12px;background:#253444ed;text-shadow:none}.fx-label.ping-target{pointer-events:auto;cursor:pointer;font-family:var(--sans);box-shadow:0 2px 10px #0003}.fx-label.ping-target:hover{background:#356262}