*{box-sizing:border-box}html,body{background:#000;height:100%;margin:0;overflow:hidden}body{color:#d8c9a3;font-family:Georgia,Times New Roman,serif}#game{position:fixed;inset:0}#game canvas{display:block}#hud{pointer-events:none;position:fixed;inset:0}#minimap{image-rendering:pixelated;opacity:.9;border:3px solid #5a4a36;border-radius:4px;position:absolute;top:16px;left:16px;box-shadow:0 0 12px #000c}#minimap.large{opacity:.96;top:50%;left:50%;transform:translate(-50%,-50%)}#status{text-align:right;text-shadow:0 1px 3px #000;font-size:14px;line-height:1.5;position:absolute;top:16px;right:16px}#help{opacity:.6;text-shadow:0 1px 3px #000;white-space:nowrap;font-size:12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}#loading{letter-spacing:2px;background:#000;justify-content:center;align-items:center;font-size:22px;display:flex;position:fixed;inset:0}#loading.hidden{display:none}.edge{opacity:0;width:7%;transition:opacity 80ms linear;position:absolute;top:0;bottom:0}#edge-left{background:linear-gradient(90deg,#ffb36b47,#0000);left:0}#edge-right{background:linear-gradient(270deg,#ffb36b47,#0000);right:0}.edge:after{content:"";border-top:18px solid #0000;border-bottom:18px solid #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}#edge-left:after{border-right:22px solid #ffc88ccc;left:14px}#edge-right:after{border-left:22px solid #ffc88ccc;right:14px}:root{--panel:#18130feb;--panel-edge:#6b5638;--slot:#0a0806bf;--slot-edge:#4a3c28;--gold:#d8b870}#party{pointer-events:auto;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(2,230px);gap:8px;display:grid;position:absolute;bottom:12px;right:12px}.hero-card{background:var(--panel);border:2px solid var(--panel-edge);border-radius:4px;flex-direction:column;gap:5px;min-height:100px;padding:6px;display:flex;box-shadow:0 2px 10px #000000b3}.hero-card.empty{opacity:.35}.hero-top{gap:8px;height:88px;display:flex}.hero-face{cursor:pointer;border:1px solid var(--slot-edge);flex:none;width:84px;height:84px}.hero-face svg{width:100%;height:100%;display:block}.hero-face:hover{outline:2px solid var(--gold)}.hero-side{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hero-name{color:var(--gold);white-space:nowrap;font-size:13px;overflow:hidden}.warn{color:#e0674a;font-size:11px}.bar{background:#1a1410;border:1px solid #000;height:11px;position:relative}.bar>div{height:100%}.bar.hp>div{background:linear-gradient(#c23b2e,#7a1c14)}.bar.en>div{background:linear-gradient(#3b6fc2,#1c3a7a)}.bar span{text-align:center;color:#f0e6d0;text-shadow:0 0 2px #000;font-size:9px;line-height:11px;position:absolute;inset:0}.hands{gap:6px;margin-top:auto;display:flex}.slot{background:var(--slot);border:1px solid var(--slot-edge);cursor:pointer;border-radius:3px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.slot:hover{border-color:var(--gold);box-shadow:inset 0 0 8px #d8b87059}.slot svg{width:38px;height:38px}.slot i{color:#6e5c44;text-align:center;padding:2px;font-size:10px;font-style:normal;line-height:1.1}.slot b,#cursor-item b{color:#fff;text-shadow:0 0 3px #000;font-size:11px;position:absolute;bottom:0;right:2px}#inventory{background:var(--panel);border:2px solid var(--panel-edge);pointer-events:auto;-webkit-user-select:none;user-select:none;border-radius:6px;width:352px;padding:12px;display:none;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 30px #000000d9}#inventory.open{display:block}.inv-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.inv-face{border:1px solid var(--slot-edge);width:48px;height:48px}.inv-face svg{width:100%;height:100%;display:block}.inv-name{color:var(--gold);font-size:18px}.inv-role{opacity:.7;font-size:12px}.inv-close{border:1px solid var(--slot-edge);color:#d8c9a3;cursor:pointer;background:0 0;border-radius:3px;width:28px;height:28px;margin-left:auto;font-size:18px}.inv-body{grid-template-columns:auto 1fr;grid-template-areas:"doll stats""title title""bag bag";gap:10px 14px;display:grid}.inv-body .paperdoll{grid-area:doll}.inv-body .stats{grid-area:stats;align-self:start}.bag-title{color:var(--gold);opacity:.8;border-top:1px solid var(--slot-edge);grid-area:title;padding-top:8px;font-size:12px}.inv-body .backpack{grid-area:bag;justify-content:center;margin-bottom:0}.paperdoll{grid-template-columns:50px 50px 50px;grid-template-areas:".head.""handL torso handR"".legs."".feet.";align-content:start;justify-items:center;gap:6px;display:grid;position:relative}.paperdoll .slot{z-index:1}.doll-figure{background:radial-gradient(at 50% 12%,#d8b8701f 0 14%,#0000 15%),linear-gradient(#d8b87012,#d8b87005);border-radius:40% 40% 10% 10%;width:70px;position:absolute;top:4px;bottom:4px;left:50%;transform:translate(-50%)}.inv-right{flex:1}.backpack{grid-template-columns:repeat(4,48px);gap:8px;margin-bottom:10px;display:grid}.backpack .slot{width:48px;height:48px}.stats{border-collapse:collapse;width:100%;font-size:12px}.stats td{padding:1px 0}.stats td:last-child{text-align:right;color:#f0e6d0}.bonus{color:#8fcf6a}.inv-hint{opacity:.6;margin-top:10px;font-size:11px;line-height:1.4}#cursor-item{pointer-events:none;z-index:50;filter:drop-shadow(0 3px 4px #000c);width:48px;height:48px;margin:-24px 0 0 -24px;position:fixed;top:0;left:0}#cursor-item svg{width:48px;height:48px}#game.can-pick{cursor:grab}#game.can-look{cursor:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M2%2016%20C8%207%2024%207%2030%2016%20C24%2025%208%2025%202%2016%20Z%22%20fill%3D%22%23f2e6c8%22%20stroke%3D%22%232a1d10%22%20stroke-width%3D%222%22/%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%225.5%22%20fill%3D%22%236b4a22%22%20stroke%3D%22%232a1d10%22%20stroke-width%3D%221.5%22/%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%222.5%22%20fill%3D%22%23150d05%22/%3E%3Ccircle%20cx%3D%2214.2%22%20cy%3D%2214.2%22%20r%3D%221.2%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E) 16 16,zoom-in}#game.can-use,body.holding #game.can-use{cursor:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20transform%3D%22translate%2816%2016%29%22%20fill%3D%22%23d9cfb8%22%20stroke%3D%22%232a1d10%22%20stroke-width%3D%221.6%22%3E%3Cpath%20d%3D%22M-2.5%20-14%20h5%20l0.8%203.6%20a8%208%200%200%201%202.6%201.1%20l3.2%20-2%203.5%203.5%20-2%203.2%20a8%208%200%200%201%201.1%202.6%20l3.6%200.8%20v5%20l-3.6%200.8%20a8%208%200%200%201%20-1.1%202.6%20l2%203.2%20-3.5%203.5%20-3.2%20-2%20a8%208%200%200%201%20-2.6%201.1%20l-0.8%203.6%20h-5%20l-0.8%20-3.6%20a8%208%200%200%201%20-2.6%20-1.1%20l-3.2%202%20-3.5%20-3.5%202%20-3.2%20a8%208%200%200%201%20-1.1%20-2.6%20l-3.6%20-0.8%20v-5%20l3.6%20-0.8%20a8%208%200%200%201%201.1%20-2.6%20l-2%20-3.2%203.5%20-3.5%203.2%202%20a8%208%200%200%201%202.6%20-1.1%20z%22/%3E%3Ccircle%20r%3D%224%22%20fill%3D%22%236a5a44%22/%3E%3C/g%3E%3C/svg%3E) 16 16,pointer}body.holding #game{cursor:crosshair}#tooltip{z-index:60;pointer-events:none;align-items:flex-start;gap:6px;font-size:12px;line-height:1.4;display:none;position:fixed}.tt-name{color:var(--gold);font-size:14px}.tt-dim{opacity:.65}.sc{border:1px solid var(--panel-edge);background:#0e0b08f7;border-radius:4px;width:250px;padding:7px 10px 8px;box-shadow:0 4px 16px #000c}.sc-tag{letter-spacing:1px;text-transform:uppercase;color:#9c8a6a;margin-bottom:2px;font-size:10px}.sc-title{color:var(--gold);justify-content:space-between;align-items:baseline;gap:8px;font-size:15px;display:flex}.sc-title i{color:var(--gold);white-space:nowrap;font-size:12px;font-style:normal}.sc-sub{color:#9c8a6a;margin-top:1px;font-size:11px}.sc-sec{border-top:1px solid #d8b8702e;margin-top:5px;padding-top:4px}.sc-head{letter-spacing:.5px;text-transform:uppercase;color:var(--gold);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:1px;font-size:11px;display:flex}.sc-head small{text-transform:none;letter-spacing:0;color:#8a7a60;font-size:10px}.sc-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.sc-row span{color:#b8aa90}.sc-row b{color:#f0e6d0;text-align:right;white-space:nowrap;font-weight:400}.sc-row b small{color:#9c8a6a}.sc-row b.good{color:#8fdc7a}.sc-row b.bad,.sc-row b.warn{color:#e0674a}.sc-row b.dim{color:#8a7a60}.sc-row em{margin-left:5px;font-size:10px;font-style:normal}.sc-row em.up{color:#8fdc7a}.sc-row em.down{color:#e0674a}.sc-row em.eq{color:#6e6252}.sc-text{margin-top:2px}.sc-text.flavor,.sc .flavor{color:#a89878;font-style:italic}.sc-text.dim{color:#8a7a60;font-size:11px}.sc-text.warn{color:#e0674a}.sc-text.hint,.sc .hint{color:#7d8fa8;font-size:11px}.sc-shift{color:#6e6252;text-align:right;margin-top:5px;font-size:10px}#log{text-shadow:0 1px 3px #000;max-width:40vw;font-size:13px;line-height:1.5;position:absolute;bottom:16px;left:16px}#log div{transition:opacity 1s}#log div.fade{opacity:0}#throw-bar{z-index:55;border:1px solid var(--panel-edge);pointer-events:none;background:#0a0806cc;border-radius:4px;width:64px;height:7px;margin-left:-32px;display:none;position:fixed;overflow:hidden}#throw-bar>div{background:linear-gradient(90deg,#d8b870,#e07a3a);width:0;height:100%}#throw-bar.full>div{background:#ff5a2a;box-shadow:0 0 6px #ff7a3a}.hero-card.hurt{animation:.6s ease-out hurt}@keyframes hurt{0%{box-shadow:0 0 0 3px #d02010,inset 0 0 40px #d0201088}to{box-shadow:0 0 #0000,inset 0 0 #0000}}#level-complete{color:#e8d6a8;z-index:50;cursor:pointer;text-align:center;background:radial-gradient(circle,#0008,#000c);flex-direction:column;justify-content:center;align-items:center;font-family:inherit;animation:1.2s ease-out fadein;display:flex;position:fixed;inset:0}#level-complete h1{letter-spacing:4px;text-shadow:0 0 20px #c08030;margin:0 0 12px;font-size:48px}#level-complete p{opacity:.8}@keyframes fadein{0%{opacity:0}to{opacity:1}}.slot .cd{pointer-events:none;background:#0000009e;border-radius:2px;height:0;position:absolute;bottom:0;left:0;right:0}.hero-face{position:relative}.popup{pointer-events:none;white-space:nowrap;z-index:5;text-shadow:0 0 3px #000,0 0 6px #000;font-size:20px;font-weight:700;animation:1.1s ease-out forwards popup;position:absolute;top:30%;left:50%;transform:translate(-50%)}.popup.hit{color:#ffe6a0}.popup.crit{color:#ff9a3a;font-size:26px}.popup.miss,.popup.dodge{color:#b8b0a0;font-size:14px}.popup.dmg{color:#ff4a3a;font-size:24px}@keyframes popup{0%{opacity:0;transform:translate(-50%,6px)scale(.7)}15%{opacity:1;transform:translate(-50%,-4px)scale(1.15)}to{opacity:0;transform:translate(-50%,-26px)scale(1)}}.hero-card.dead .hero-face svg{filter:grayscale()brightness(.45)sepia(.3)}.hero-card.dead .hero-side{opacity:.55}#hurt-vignette{pointer-events:none;z-index:4;opacity:0;position:fixed;inset:0;box-shadow:inset 0 0 120px 30px #aa0a00d9}#hurt-vignette.on{animation:.5s ease-out vignette}@keyframes vignette{0%{opacity:1}to{opacity:0}}#game-over{color:#e8c0a8;z-index:60;text-align:center;background:radial-gradient(circle,#200000aa,#000e);flex-direction:column;justify-content:center;align-items:center;animation:2s ease-out fadein;display:flex;position:fixed;inset:0}#game-over h1{letter-spacing:4px;color:#c83a2a;text-shadow:0 0 24px #600;margin:0 0 16px;font-size:52px}#game-over button{font:inherit;cursor:pointer;background:var(--panel);color:var(--gold);border:2px solid var(--panel-edge);border-radius:4px;margin-top:10px;padding:8px 22px;font-size:18px}#party{transform-origin:100% 100%}.inv-head{cursor:move}#inventory.dragging{-webkit-user-select:none;user-select:none;box-shadow:0 10px 40px #000000f2}#settings-btn{cursor:pointer;pointer-events:auto;background:var(--panel);width:36px;height:36px;color:var(--gold);border:2px solid var(--panel-edge);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .3s;display:flex;position:absolute;top:92px;right:16px;box-shadow:0 2px 8px #000000b3}#settings-btn:hover{border-color:var(--gold);transform:rotate(60deg)}#settings{pointer-events:auto;-webkit-user-select:none;user-select:none;z-index:20;background:var(--panel);border:2px solid var(--panel-edge);border-radius:6px;width:440px;padding:14px 16px;display:none;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 30px #000000d9}#settings.open{display:block}.set-head{color:var(--gold);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:20px;display:flex}.set-close,.set-reset{font:inherit;cursor:pointer;background:var(--slot);color:var(--gold);border:1px solid var(--panel-edge);border-radius:3px}.set-close{width:28px;height:28px;font-size:18px;line-height:1}.set-row{grid-template-columns:170px 1fr 52px;align-items:center;gap:10px;margin:10px 0;font-size:14px;display:grid}.set-row b{text-align:right;color:var(--gold);font-weight:400}.set-row input[type=range]{accent-color:#c8a060;cursor:pointer;width:100%}.set-row select{font:inherit;background:var(--slot);color:#e8d6a8;border:1px solid var(--panel-edge);padding:2px 4px}.set-foot{opacity:.85;align-items:center;gap:12px;margin-top:14px;font-size:12px;display:flex}.set-reset{flex:none;padding:4px 12px}#log{transform-origin:0 100%}.abil{align-items:center;gap:5px;padding-bottom:5px;display:flex;position:relative}.abil-uniq{cursor:pointer;background:var(--slot);border:1px solid var(--gold);border-radius:3px;flex:none;justify-content:center;align-items:center;width:38px;height:34px;padding:0;display:flex;box-shadow:inset 0 0 6px #d8b87040}.abil-uniq svg{width:28px;height:28px}.abil-uniq.locked{border-color:var(--slot-edge);color:#6e5c44;font:inherit;cursor:default;box-shadow:none;font-size:16px}.abil-slot{cursor:pointer;background:var(--slot);border:1px solid var(--slot-edge);border-radius:3px;flex:none;width:34px;height:34px;position:relative;overflow:hidden}.abil-uniq:not(.locked):hover,.abil-slot:not(.locked):hover{border-color:var(--gold)}.abil-slot svg{width:100%;height:100%;display:block}.abil-slot.empty{opacity:.5}.abil-slot.locked{opacity:.3;cursor:default;background:repeating-linear-gradient(45deg,#1a1410 0 4px,#231b15 4px 8px)}.abil-slot b{color:#f0e6d0;text-shadow:0 0 3px #000;z-index:1;font-size:10px;position:absolute;top:0;left:3px}.abil-slot .cd{pointer-events:none;background:#0009;height:0;position:absolute;bottom:0;left:0;right:0}.abil-slot.playing{border-color:var(--song);animation:1.1s ease-in-out infinite song-pulse}@keyframes song-pulse{0%,to{box-shadow:0 0 4px var(--song), inset 0 0 6px var(--song)}50%{box-shadow:0 0 12px var(--song), inset 0 0 12px var(--song)}}.abil-bar{background:#00000080;border-radius:2px;height:3px;position:absolute;bottom:0;left:43px;right:0;overflow:hidden}.abil-bar>div{width:0;height:100%;transition:width .1s linear;box-shadow:0 0 6px}.hero-card.buffed{border-color:color-mix(in srgb, var(--song) 55%, var(--panel-edge));box-shadow:0 2px 10px #000000b3, 0 0 10px color-mix(in srgb, var(--song) 45%, transparent)}#grimoire{z-index:15;background:var(--panel);border:2px solid var(--panel-edge);pointer-events:auto;-webkit-user-select:none;user-select:none;border-radius:6px;width:640px;padding:12px 14px;display:none;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 30px #000000d9}#grimoire.open{display:block}#grimoire.dragging{box-shadow:0 10px 40px #000000f2}.gr-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.gr-title{color:var(--gold);font-size:19px}.gr-mana{color:#8fb4ff;margin-left:auto;font-size:13px}.gr-close,.gr-actions button,.gr-save button,.gr-tabs button,.gr-page-del{font:inherit;cursor:pointer;background:var(--slot);color:var(--gold);border:1px solid var(--panel-edge);border-radius:3px}.gr-close{width:28px;height:28px;font-size:18px;line-height:1}.gr-body{gap:14px;display:flex}.gr-circle{border:1px solid var(--slot-edge);background:radial-gradient(circle,#c9a8ff14 0 22%,#0000 23%,#d8b8700d 60%,#0000 71%);border-radius:50%;flex:none;width:260px;height:260px;position:relative}.gr-el{text-align:center;letter-spacing:1px;pointer-events:none;width:60px;font-size:11px;position:absolute}.gr-rune{cursor:pointer;background:0 0;border:none;border-radius:50%;width:42px;height:42px;padding:0;transition:transform .1s;position:absolute}.gr-rune svg{width:100%;height:100%;display:block}.gr-rune:hover{transform:scale(1.15)}.gr-rune.locked{cursor:default;opacity:.55}.gr-rune.locked:hover{transform:none}.gr-right{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.gr-strip{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.gr-arrow{color:var(--gold);opacity:.5}.gr-slot{background:var(--slot);border:1px dashed var(--slot-edge);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.gr-slot.form{border-style:solid;border-color:#6a5a8a}.gr-slot.staff{border-style:solid;border-width:2px}.gr-slot svg{width:42px;height:42px}.gr-slot i{color:#6e5c44;font-size:10px;font-style:normal}.gr-preview{background:#00000040;border-radius:3px;min-height:128px;padding:6px 8px;font-size:13px;line-height:1.45}.gr-preview ul{margin:4px 0 0;padding-left:16px}.gr-name{font-size:16px}.gr-cost{opacity:.75;font-size:12px}.gr-hint{opacity:.6}.gr-error{color:#e0674a}.gr-react{color:#ffcf6a}.gr-actions{gap:8px;display:flex}.gr-actions button{padding:5px 12px}.gr-cast{color:#fff2d0!important;border-color:var(--gold)!important}.gr-cast.busy,.gr-actions button:disabled,.gr-save button:disabled{opacity:.45;cursor:default}.gr-save{align-items:center;gap:6px;font-size:12px;display:flex}.gr-save button{width:28px;height:26px}.gr-tabs{border-bottom:1px solid var(--slot-edge);gap:6px;margin:10px 0 6px;display:flex}.gr-tabs button{opacity:.6;border-bottom:none;border-radius:3px 3px 0 0;padding:3px 12px}.gr-tabs button.on{opacity:1}.gr-tab-body{max-height:170px;font-size:13px;overflow-y:auto}.gr-page{cursor:pointer;border-radius:3px;align-items:center;gap:8px;padding:3px 4px;display:flex}.gr-page:hover{background:#d8b87014}.gr-page b{width:14px;color:var(--gold)}.gr-page.empty{opacity:.45;cursor:default}.gr-page-runes{display:flex}.gr-page-runes svg{width:22px;height:22px}.gr-page em{opacity:.7;margin-left:auto;font-size:11px;font-style:normal}.gr-page-del{width:22px;height:22px;line-height:1}.gr-found{padding:3px 4px}.gr-found b{color:#ffcf6a}.gr-found.locked{opacity:.5}.gr-found.locked b{color:inherit}.gr-foot{opacity:.55;margin-top:8px;font-size:11px}#cloak-glow{pointer-events:none;z-index:3;opacity:0;transition:opacity .6s;position:fixed;inset:0}#cloak-glow.on{opacity:1;animation:2.4s ease-in-out infinite cloak}@keyframes cloak{0%,to{filter:brightness()}50%{filter:brightness(1.35)}}.gr-sub{color:var(--gold);opacity:.85;letter-spacing:.5px;margin:6px 0 3px;font-size:12px}.gr-places{cursor:help;flex-wrap:wrap;align-items:center;gap:5px;font-size:13px;display:flex}.gr-places small{opacity:.65}.gr-places-label{color:var(--gold)}.gr-sep{opacity:.5;margin:0 2px}.gr-dot{border:2px solid var(--c);opacity:.7;border-radius:50%;width:11px;height:11px;display:inline-block}.gr-dot.on{background:var(--c);opacity:1;box-shadow:0 0 5px var(--c)}.gr-over{color:#e0674a;font-weight:700}.gr-slot.empty{cursor:default;opacity:.55;border-style:dashed}.gr-slot.empty i{font-size:18px}.gr-rune.full{opacity:.3;cursor:not-allowed}.gr-rune.full:hover{transform:none}#songbook{z-index:15;background:var(--panel);border:2px solid var(--panel-edge);pointer-events:auto;-webkit-user-select:none;user-select:none;border-radius:6px;width:600px;padding:12px 14px;display:none;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 30px #000000d9}#songbook.open{display:block}#songbook.dragging{box-shadow:0 10px 40px #000000f2}.sb-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.sb-name{color:var(--gold);font-size:19px}.sb-energy{color:#8fb4ff;margin-left:auto;font-size:13px}.sb-close,.sb-actions button{font:inherit;cursor:pointer;background:var(--slot);color:var(--gold);border:1px solid var(--panel-edge);border-radius:3px}.sb-close{width:28px;height:28px;font-size:18px;line-height:1}.sb-body{gap:14px;display:flex}.sb-list{flex-direction:column;flex:none;gap:4px;width:210px;display:flex}.sb-song{cursor:pointer;background:var(--slot);border:1px solid var(--slot-edge);border-radius:3px;align-items:center;gap:8px;padding:3px 6px;font-size:13px;display:flex;position:relative}.sb-song svg{flex:none;width:30px;height:30px}.sb-song span{flex:1;min-width:0;line-height:1.15}.sb-song i{color:var(--gold);font-size:10px;font-style:normal;position:absolute;bottom:1px;right:6px}.sb-song em{color:#f0e6d0;background:#000a;border-radius:2px;padding:0 4px;font-size:10px;font-style:normal;position:absolute;top:1px;right:6px}.sb-song:hover{border-color:var(--gold)}.sb-song.sel{border-color:var(--song);box-shadow:inset 0 0 8px color-mix(in srgb, var(--song) 40%, transparent)}.sb-song.on{animation:1.1s ease-in-out infinite song-pulse}.sb-song.locked{cursor:default;opacity:.45}.sb-detail{flex-direction:column;flex:1;gap:5px;min-width:0;font-size:13px;display:flex}.sb-title{font-size:18px}.sb-meta{opacity:.8;font-size:11px}.sb-desc{opacity:.9;font-style:italic}.sb-h{color:var(--gold);margin-top:4px}.sb-note{opacity:.85;margin-top:4px;font-size:12px}.sb-cresc{background:#00000080;border-radius:2px;height:4px;overflow:hidden}.sb-cresc>div{width:0;height:100%}.sb-actions{align-items:center;gap:6px;margin-top:4px;display:flex}.sb-actions span{opacity:.8;margin-left:6px;font-size:12px}.sb-play{padding:4px 14px}.sb-play.on{border-color:var(--song);color:#fff;box-shadow:0 0 8px var(--song)}.sb-page{width:28px;height:28px}.sb-page.sel{border-color:var(--gold);color:#fff;background:#4a3a24}.sb-empty{opacity:.7;padding:20px 0}.sb-foot{opacity:.7;margin-top:10px;font-size:11px;line-height:1.35}.sb-title{justify-content:space-between;align-items:baseline;display:flex}.sb-title i{color:var(--gold);font-size:13px;font-style:normal}.sb-detail .sc-sec:first-of-type{margin-top:2px}.sb-rules{border:1px solid var(--panel-edge);width:20px;height:20px;color:var(--gold);cursor:help;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.gr-preview .sc-sec{font-size:12px}