[data-skin=stormcaller]{--skin-gap:6px;--ob-bg:13 18 27;--ob-panel:24 33 47;--ob-panel-2:30 41 57;--ob-line:64 80 102;--ob-bronze:192 122 74;--ob-gold:236 150 64;--ob-gold-bright:250 192 112;--ob-text:234 240 248;--ob-dim:170 184 204;--ob-active:94 214 146;--ob-ok:94 214 146;--ob-warn:242 176 64;--ob-danger:240 105 90;--ob-parchment:24 33 47;--ob-parchment-2:32 43 60;--ob-parchment-line:66 82 106;--ob-ink:232 238 246;--ob-ink-dim:168 182 202;--ob-red-ink:240 116 98;--ob-wood:42 50 64;--sc-electric:111 211 255;--sc-copper:192 122 74;--sc-copper-hi:238 172 122;--sc-steel:150 176 208;--sc-amber:245 177 60;--sc-slate:url(/room-skin/stormcaller/slate.webp);--sc-plate:linear-gradient(180deg,#233044,#19243a 45%,#141d2b);--sc-plate-edge:rgba(150,176,208,0.3);--sc-plate-shadow:inset 0 1px 0 rgba(200,222,248,0.13),inset 0 -1px 0 rgba(0,0,0,0.45),0 2px 6px rgba(0,0,0,0.5);--sc-copper-plate:linear-gradient(180deg,#86461f,#6a3417 55%,#552812);--sc-mono:ui-monospace,"SFMono-Regular","JetBrains Mono",Menlo,Consolas,monospace;--sc-bolt-copper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 18'%3E%3Cdefs%3E%3ClinearGradient id='c' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f7c9a0'/%3E%3Cstop offset='.5' stop-color='%23c07a4a'/%3E%3Cstop offset='1' stop-color='%236e3a1c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M6.3 0L1 9h3.7L3.1 16.2l6.1-9.8H5.5L7.7 0z' fill='url(%23c)'/%3E%3C/svg%3E");--sc-bolt-electric:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 18'%3E%3Cpath d='M6.3 0L1 9h3.7L3.1 16.2l6.1-9.8H5.5L7.7 0z' fill='%23d9f4ff'/%3E%3C/svg%3E")}[data-skin=stormcaller] body{--skin-font-display:var(--font-inter);--skin-font-body:var(--font-inter)}[data-skin=stormcaller] .ob-panel{background-color:#1a2536;background-image:linear-gradient(180deg,rgba(160,196,240,.05),rgba(0,0,0,.16)),linear-gradient(rgba(24,34,50,.3),rgba(24,34,50,.3)),var(--sc-slate);background-size:auto,auto,512px 512px;box-shadow:inset 0 1px 0 rgba(190,215,245,.08),inset 0 0 26px rgba(0,0,0,.3);color:rgb(var(--ob-text))}[data-skin=stormcaller] .ob-panel.border-l{border-left-color:rgba(var(--sc-steel)/.42)}[data-skin=stormcaller] footer.ob-panel,[data-skin=stormcaller] header.ob-panel{background-color:rgba(12,18,28,.14);background-image:linear-gradient(180deg,rgba(34,48,68,.22),rgba(8,12,20,.36));background-size:auto;box-shadow:none}[data-skin=stormcaller] header.ob-panel{height:52px}[data-skin=stormcaller] footer.ob-panel{height:68px}[data-skin=stormcaller] header.ob-panel{border-bottom-color:rgba(0,0,0,.65)}[data-skin=stormcaller] footer.ob-panel{border-top-color:rgba(var(--sc-steel)/.5);box-shadow:inset 0 1px 0 rgba(0,0,0,.55)}[data-skin=stormcaller] .ob-rolled-rail:after,[data-skin=stormcaller] footer.ob-panel:before,[data-skin=stormcaller] header.ob-panel:after,[data-skin=stormcaller] header.ob-panel:before{content:"";position:absolute;z-index:-1;pointer-events:none;background-repeat:no-repeat;background-position:50%;background-size:100% 100%;opacity:.7;will-change:opacity;animation:stormcaller-strike 11s linear infinite}[data-skin=stormcaller] header.ob-panel:before{top:0;bottom:0;left:36%;width:280px;background-image:url(/room-skin/stormcaller/strike-top.svg);animation-delay:-1.8s}[data-skin=stormcaller] header.ob-panel:after{top:0;bottom:0;left:54%;width:200px;background-image:url(/room-skin/stormcaller/strike-top2.svg);animation-duration:14s;animation-delay:-7.4s}[data-skin=stormcaller] footer.ob-panel:before{top:0;bottom:0;left:30%;width:240px;background-image:url(/room-skin/stormcaller/strike-bottom.svg);animation-duration:15s;animation-delay:-10.2s}@keyframes stormcaller-strike{0%{opacity:.6}1.4%{opacity:1}4%{opacity:.86}12%{opacity:.72}34%{opacity:.82}58%{opacity:.62}80%{opacity:.76}to{opacity:.6}}[data-skin=stormcaller] .ob-glass{background-color:rgba(19,27,40,.97);background-image:linear-gradient(180deg,rgba(160,200,255,.05),rgba(0,0,0,.18));border:1px solid rgba(var(--sc-steel)/.34);box-shadow:0 18px 48px rgba(0,0,0,.62),0 0 0 1px rgba(0,0,0,.5),inset 0 1px 0 rgba(215,232,255,.08);color:rgb(var(--ob-text))}[data-skin=stormcaller] .ob-heading{font-family:var(--skin-font-display),system-ui,sans-serif;font-weight:600;letter-spacing:.005em}[data-skin=stormcaller] .ob-gold-text{color:#f1f5fb;text-shadow:0 1px 0 rgba(0,0,0,.8)}[data-skin=stormcaller] .ob-engraved-icon{color:#e9eff7;filter:drop-shadow(0 1px 0 rgba(0,0,0,.85))}[data-skin=stormcaller] .ob-panel svg{filter:drop-shadow(0 1px 0 rgba(0,0,0,.8))}[data-skin=stormcaller] footer .ob-bronze-btn{width:52px;height:52px}[data-skin=stormcaller] footer .ob-bronze-btn svg{width:22px;height:22px}[data-skin=stormcaller] .ob-bronze-btn{border:3px solid transparent;border-radius:9999px;background:radial-gradient(110% 95% at 50% 22%,#2d3a4e 0,#1b2536 50%,#111824 100%) padding-box,linear-gradient(160deg,#e7ae84,#a45f35 26%,#5e3118 52%,#b57246 78%,#4a250f) border-box;box-shadow:0 0 0 1px rgba(0,0,0,.75),0 4px 10px rgba(0,0,0,.5),inset 0 1px 0 rgba(215,232,255,.14);color:#eef3f9;transition:filter .16s ease,box-shadow .16s ease,transform .12s ease}[data-skin=stormcaller] .ob-bronze-btn:hover{filter:brightness(1.15);box-shadow:0 0 0 1px rgba(0,0,0,.75),0 0 10px rgba(var(--sc-electric)/.28),0 4px 10px rgba(0,0,0,.5),inset 0 1px 0 rgba(215,232,255,.18)}[data-skin=stormcaller] .ob-bronze-btn:active{transform:scale(.95)}[data-skin=stormcaller] .ob-bronze-btn--lit{background:radial-gradient(85% 80% at 50% 50%,rgba(var(--sc-electric)/.4) 0,rgba(38,86,132,.34) 52%,#131a25 100%) padding-box,linear-gradient(#131a25,#131a25) padding-box,linear-gradient(160deg,#f0bf98 0,#b46a3e 26%,#6a381c 52%,#c47f50 78%,#532a12 100%) border-box;box-shadow:0 0 0 1px rgba(0,0,0,.75),0 0 12px rgba(var(--sc-electric)/.45),0 4px 10px rgba(0,0,0,.5)}[data-skin=stormcaller] .ob-bronze-btn--off{background:radial-gradient(110% 100% at 50% 22%,#6f2c25 0,#401915 52%,#1e0c0b 100%) padding-box,linear-gradient(160deg,#d9a27b,#9a5a35 30%,#5a2e17 60%,#b27249 84%,#40200e) border-box;color:#ffd9cf}[data-skin=stormcaller] .ob-bronze-btn.ob\:text-ob-warn{background:radial-gradient(110% 100% at 50% 22%,#5a4424 0,#33260f 55%,#19120a 100%) padding-box,linear-gradient(160deg,#e7ae84,#a45f35 26%,#5e3118 52%,#b57246 78%,#4a250f) border-box}[data-skin=stormcaller] :where(button.ob\:bg-ob-panel-2,a.ob\:bg-ob-panel-2){background-image:var(--sc-plate);border-color:var(--sc-plate-edge);box-shadow:var(--sc-plate-shadow);color:#e6edf6}[data-skin=stormcaller] :where(button.ob\:bg-ob-panel-2,a.ob\:bg-ob-panel-2):hover{background-image:linear-gradient(180deg,#2b3a52,#1f2b40 45%,#172131);border-color:rgba(var(--sc-steel)/.55)}[data-skin=stormcaller] .ob-panel :where(input[type=text],input[type=search],input:not([type]),textarea,select),[data-skin=stormcaller] :where(input.ob\:bg-ob-panel-2,textarea.ob\:bg-ob-panel-2,select.ob\:bg-ob-panel-2){background-color:rgba(9,14,22,.55);border-color:rgba(var(--sc-steel)/.3);border-radius:9px;box-shadow:inset 0 2px 5px rgba(0,0,0,.6),0 1px 0 rgba(215,232,255,.06);color:rgb(var(--ob-text))}[data-skin=stormcaller] header .ob-bronze-btn{width:42px;height:42px;border:1px solid transparent;border-radius:9px;background:transparent;box-shadow:none;color:#eef3f9}[data-skin=stormcaller] header .ob-bronze-btn svg{width:21px;height:21px}[data-skin=stormcaller] header .ob-bronze-btn:hover{filter:none;background:rgba(160,196,240,.08);border-color:rgba(var(--sc-steel)/.22);box-shadow:none}[data-skin=stormcaller] header .ob-bronze-btn--lit,[data-skin=stormcaller] header .ob-bronze-btn--lit:hover{background:var(--sc-plate);border-color:var(--sc-plate-edge);box-shadow:var(--sc-plate-shadow);color:rgb(var(--sc-amber))}[data-skin=stormcaller] header .ob-bronze-btn--lit svg{filter:drop-shadow(0 0 5px rgba(var(--sc-amber)/.45))}[data-skin=stormcaller] header>button.ob-bronze-btn:first-of-type{width:44px;height:44px;border:3px solid transparent;border-radius:11px;background:linear-gradient(180deg,#243145,#141d2b) padding-box,linear-gradient(160deg,#f0bf98,#b46a3e 28%,#62331a 58%,#c47f50 84%,#4a250f) border-box;box-shadow:0 0 0 1px rgba(0,0,0,.7),0 3px 8px rgba(0,0,0,.5);color:rgb(var(--sc-amber))}[data-skin=stormcaller] header>button.ob-bronze-btn:first-of-type:hover{filter:brightness(1.15)}[data-skin=stormcaller] header div:has(>div.ob\:h-8>span.ob\:uppercase)>.ob-bronze-btn{background:var(--sc-plate);border-color:var(--sc-plate-edge);box-shadow:var(--sc-plate-shadow)}[data-skin=stormcaller] header div.ob\:h-8:has(>span.ob\:uppercase){height:42px;padding-inline:14px;border-radius:9px;background:linear-gradient(180deg,#1b2637,#111925);border-color:rgba(var(--sc-steel)/.32);box-shadow:inset 0 1px 0 rgba(200,222,248,.08),inset 0 2px 6px rgba(0,0,0,.5)}[data-skin=stormcaller] header div.ob\:h-8>span.ob\:uppercase{text-transform:none;letter-spacing:0;font-size:16px;font-weight:600;color:#cde5fb}[data-skin=stormcaller] header div.ob\:h-8>span.ob\:tabular-nums{font-family:var(--sc-mono);font-weight:700;font-size:23px;color:#86ddff;text-shadow:0 0 7px rgba(var(--sc-electric)/.85),0 0 16px rgba(var(--sc-electric)/.35)}[data-skin=stormcaller] header button[aria-label="Roll a 20-sided die"]{height:42px;padding-inline:12px;border-radius:9px;background:var(--sc-plate);border-color:var(--sc-plate-edge);box-shadow:var(--sc-plate-shadow)}[data-skin=stormcaller] header button[aria-label="Roll a 20-sided die"] svg{color:#f2a92a}[data-skin=stormcaller] header button[aria-label="Roll a 20-sided die"] span{font-family:var(--sc-mono);font-weight:700;font-size:18px;color:#f4f7fb}[data-skin=stormcaller] header button[aria-label="Roll a 20-sided die"] svg{width:22px;height:22px}[data-skin=stormcaller] header button[aria-label="Roll a 20-sided die"]~span{font-size:16px;color:#e8eef6}[data-skin=stormcaller] header>div.ob\:h-8.ob\:bg-ob-panel-2{height:42px;border-color:transparent;background:transparent;color:#eef3f9}[data-skin=stormcaller] header>div.ob\:h-8.ob\:bg-ob-gold\/15{height:42px;border-radius:9px;background:var(--sc-plate);border-color:rgba(var(--sc-amber)/.55);box-shadow:var(--sc-plate-shadow);color:rgb(var(--sc-amber))}[data-skin=stormcaller] footer button[aria-pressed],[data-skin=stormcaller] footer button[title$="connection stats"],[data-skin=stormcaller] footer div.ob\:bg-ob-panel-2[title]:not(.ob\:tabular-nums){height:40px;padding-inline:14px;gap:8px;border:1px solid var(--sc-plate-edge);border-radius:9px;background:var(--sc-plate);box-shadow:var(--sc-plate-shadow);font-size:16px;font-weight:600;color:#eef3f9}[data-skin=stormcaller] footer div.ob\:bg-ob-panel-2[title]:not(.ob\:tabular-nums)>span:first-child{width:10px;height:10px;box-shadow:0 0 6px currentColor}[data-skin=stormcaller] footer button[aria-pressed] svg,[data-skin=stormcaller] footer button[title$="connection stats"] svg{width:17px;height:17px}[data-skin=stormcaller] footer button[aria-pressed]:hover,[data-skin=stormcaller] footer button[title$="connection stats"]:hover{background:linear-gradient(180deg,#2b3a52,#1f2b40 45%,#172131);border-color:rgba(var(--sc-steel)/.55);color:#ffffff}[data-skin=stormcaller] footer div.ob\:bg-ob-panel-2:has(>button[aria-pressed]){gap:10px;padding:0;border:0;background:transparent;box-shadow:none}[data-skin=stormcaller] footer button[aria-pressed=true],[data-skin=stormcaller] footer button[aria-pressed=true]:hover,[data-skin=stormcaller] footer button[title="Hide connection stats"]{background:var(--sc-copper-plate);border-color:#d98545;box-shadow:inset 0 1px 0 rgba(255,205,160,.25),0 0 9px rgba(217,133,69,.3),0 2px 6px rgba(0,0,0,.5);color:#ffb468}[data-skin=stormcaller] footer>div:last-child>div{height:40px;padding-inline:12px;border-radius:9px;background:rgba(8,14,20,.62);box-shadow:inset 0 1px 0 rgba(200,222,248,.06);font-size:16px;font-weight:600}[data-skin=stormcaller] footer>div:last-child>div svg{width:16px;height:16px}[data-skin=stormcaller] footer .w-px{background-color:rgba(var(--sc-steel)/.3)}[data-skin=stormcaller] footer.ob-panel{container:sc-bar/inline-size}@container sc-bar (max-width: 1180px){[data-skin=stormcaller] footer button[aria-pressed],[data-skin=stormcaller] footer button[title$="connection stats"],[data-skin=stormcaller] footer div.ob\:bg-ob-panel-2[title]:not(.ob\:tabular-nums){height:34px;padding-inline:8px;gap:5px;font-size:13px}[data-skin=stormcaller] footer button[aria-pressed] svg,[data-skin=stormcaller] footer button[title$="connection stats"] svg{width:15px;height:15px}[data-skin=stormcaller] footer div.ob\:bg-ob-panel-2:has(>button[aria-pressed]){gap:5px}[data-skin=stormcaller] footer>div:nth-child(2),[data-skin=stormcaller] footer>div:nth-child(3){gap:8px}[data-skin=stormcaller] footer .ob-bronze-btn{width:44px;height:44px}[data-skin=stormcaller] footer .ob-bronze-btn svg{width:19px;height:19px}[data-skin=stormcaller] footer .ob-plaque{height:38px;padding-inline:10px;font-size:19px}[data-skin=stormcaller] footer>div:last-child>div{height:34px;padding-inline:8px;font-size:13px}}[data-skin=stormcaller] footer .ob-plaque{height:44px;border-radius:10px;border-color:rgba(var(--sc-steel)/.35);background:linear-gradient(180deg,#1c2738,#111925);box-shadow:inset 0 1px 0 rgba(200,222,248,.1),inset 0 2px 6px rgba(0,0,0,.45),0 2px 8px rgba(0,0,0,.45);color:#9fe4ff;font-family:var(--sc-mono);text-shadow:0 0 8px rgba(var(--sc-electric)/.6),0 1px 0 rgba(0,0,0,.8)}[data-skin=stormcaller] .ob-plaque{background-image:linear-gradient(180deg,#1c2738,#111925);box-shadow:inset 0 1px 0 rgba(200,222,248,.1),0 4px 12px rgba(0,0,0,.5);color:#9fe4ff}[data-skin=stormcaller] .group:has(>.ob-seat-frame){padding:7px;border-radius:12px;background:linear-gradient(180deg,rgba(210,228,250,.1),rgba(0,0,0,0) 30%,rgba(0,0,0,.2)),linear-gradient(rgba(46,60,80,.72),rgba(46,60,80,.72)),var(--sc-slate) center /256px 256px,#2a374a;box-shadow:0 8px 22px rgba(0,0,0,.55)}[data-skin=stormcaller] .ob-seat-frame{border:0;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(2,5,9,.95),inset 0 2px 0 0 rgba(196,222,250,.7),inset 0 0 0 2px rgba(var(--sc-electric)/.3),inset 0 0 10px rgba(var(--sc-electric)/.1)}[data-skin=stormcaller] .ob-seat-frame~.ob-nameplate{margin-bottom:4px;border:1px solid rgba(170,196,228,.3);border-radius:8px;box-shadow:inset 0 1px 0 rgba(210,230,252,.14),0 2px 5px rgba(0,0,0,.45)}[data-skin=stormcaller] .ob-seat-frame~.ob-nameplate~.flex-1{border-radius:8px}[data-skin=stormcaller] .ob-seat-frame~.ob-nameplate~.flex-1:after{content:"";position:absolute;inset:0;z-index:15;pointer-events:none;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(var(--sc-electric)/.55),inset 0 0 6px rgba(var(--sc-electric)/.14)}[data-skin=stormcaller] .ob-active-seat{box-shadow:0 0 0 1px rgba(var(--sc-electric)/.95),0 0 10px 2px rgba(var(--sc-electric)/.7),0 0 30px 8px rgba(70,140,255,.36),0 8px 22px rgba(0,0,0,.55)}[data-skin=stormcaller] .ob-active-seat>.ob-seat-frame{box-shadow:inset 0 0 0 1px rgba(225,246,255,.95),inset 0 0 0 3px rgba(var(--sc-electric)/.85),inset 0 0 9px 3px rgba(80,160,255,.4)}[data-skin=stormcaller] .ob-seat-glow{border-radius:12px;mix-blend-mode:screen;box-shadow:inset 0 0 14px rgba(var(--sc-electric)/.22)}[data-skin=stormcaller] .ob-nameplate{container:sc-seat/inline-size;padding-left:12px;padding-right:8px;background:linear-gradient(180deg,#243145,#19243a);box-shadow:inset 0 1px 0 rgba(200,222,248,.1);border-bottom-color:rgba(var(--sc-electric)/.55)}[data-skin=stormcaller] .ob-nameplate>:first-child>.ob-gold-text{flex:none;max-width:55%;font-size:17px;font-weight:600;letter-spacing:0;color:#f2f6fb}[data-skin=stormcaller] .ob-nameplate>:first-child>.flex-shrink-0{flex-shrink:1;min-width:0;overflow:hidden}[data-skin=stormcaller] .ob-nameplate .ob\:text-ob-active,[data-skin=stormcaller] .ob-nameplate .ob\:text-ob-gold-bright{border-radius:4px;padding:4px 7px;font-family:var(--skin-font-body),sans-serif;font-weight:700;font-size:11px;letter-spacing:.06em;box-shadow:inset 0 1px 0 rgba(255,225,200,.22),0 1px 2px rgba(0,0,0,.6)}[data-skin=stormcaller] .ob-nameplate .ob\:text-ob-active{background:linear-gradient(180deg,#9a4526,#76311a);border-color:#c9683e;color:#ffe8da}[data-skin=stormcaller] .ob-nameplate .ob\:text-ob-gold-bright{background:linear-gradient(180deg,#6f5522,#54401a);border-color:#b8913d;color:#f7d98f}[data-skin=stormcaller] .ob-medallion{width:48px;height:32px;margin-block:-3px;border-radius:7px;background:linear-gradient(180deg,#0c121b,#141d2a);box-shadow:inset 0 0 0 1px rgba(var(--sc-steel)/.3),inset 0 2px 5px rgba(0,0,0,.7),0 1px 0 rgba(220,234,255,.08)}[data-skin=stormcaller] .ob-medallion .ob-gold-text{font-family:var(--sc-mono);font-size:21px;font-weight:700;letter-spacing:0;color:#86ddff;text-shadow:0 0 6px rgba(var(--sc-electric)/.9),0 0 15px rgba(var(--sc-electric)/.4)}[data-skin=stormcaller] .ob-nameplate button[title="Counters and commander damage"]{width:30px;height:30px;border-radius:7px;background:var(--sc-plate);border-color:var(--sc-plate-edge);box-shadow:var(--sc-plate-shadow);color:#eef3f9}@container sc-seat (max-width: 330px){[data-skin=stormcaller] .ob-nameplate>:first-child>.ob-gold-text{font-size:14px}[data-skin=stormcaller] .ob-medallion{width:42px;height:28px}[data-skin=stormcaller] .ob-medallion .ob-gold-text{font-size:18px}[data-skin=stormcaller] .ob-nameplate button[title="Counters and commander damage"]{width:26px;height:26px}}[data-skin=stormcaller] aside:has(>.ob-rolled-rail){padding:0}[data-skin=stormcaller] .ob-rolled-rail{position:relative;isolation:isolate;margin:0;border:0;-o-border-image:none;border-image:none;border-radius:0;background:url(/room-skin/stormcaller/coil-cap.webp) top/100% auto no-repeat,url(/room-skin/stormcaller/coil-cap.webp) bottom/100% auto no-repeat,linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(190,215,245,.07) 22%,rgba(0,0,0,0) 50%,rgba(0,0,0,.32) 86%,rgba(0,0,0,.55) 100%),var(--sc-slate) center /512px 512px,#1a2536;box-shadow:inset -1px 0 0 rgba(var(--sc-steel)/.4),3px 0 10px rgba(0,0,0,.45);filter:none}[data-skin=stormcaller] .ob-rolled-rail:after{left:0;right:0;top:54%;height:150px;background-image:url(/room-skin/stormcaller/strike-rail.svg);animation-duration:12s;animation-delay:-4.4s}[data-skin=stormcaller] .ob-rolled-rail>button:first-child{padding-block:9px;color:#ff9d48}[data-skin=stormcaller] .ob-rolled-rail>button:last-child{margin-bottom:0;padding-block:11px;color:#ff6d51}[data-skin=stormcaller] .ob-rolled-rail>button:first-child svg,[data-skin=stormcaller] .ob-rolled-rail>button:last-child svg{filter:drop-shadow(0 1px 0 rgba(0,0,0,.95)) drop-shadow(0 0 3px rgba(0,0,0,.85))}[data-skin=stormcaller] .ob-rolled-rail>button:first-child:hover,[data-skin=stormcaller] .ob-rolled-rail>button:last-child:hover{background-color:rgba(0,0,0,.18)}[data-skin=stormcaller] .ob-rolled-rail>div.flex-1{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:14px}[data-skin=stormcaller] .ob-rolled-rail>div.flex-1>:not([hidden])~:not([hidden]){margin-top:0}[data-skin=stormcaller] .ob-rolled-rail>div.flex-1>button{width:48px;height:48px;padding:0;align-items:center;border:1px solid transparent;border-radius:9px;color:#eef3f9}[data-skin=stormcaller] .ob-rolled-rail>div.flex-1>button:first-child,[data-skin=stormcaller] .ob-rolled-rail>div.flex-1>button:hover,[data-skin=stormcaller] .ob-rolled-rail>div.flex-1>button[data-state=open]{background:var(--sc-plate);border-color:var(--sc-plate-edge);box-shadow:var(--sc-plate-shadow);color:#ffffff}[data-skin=stormcaller] .ob-rolled-rail>div:has(>div[title^=Status]){width:48px;height:48px;margin:0 auto 12px;padding:0;align-items:center;border:1px solid var(--sc-plate-edge);border-radius:9px;background:var(--sc-plate);box-shadow:var(--sc-plate-shadow)}[data-skin=stormcaller] .ob-rolled-rail div[title="Status: connected"]{background-color:rgb(var(--ob-ok));box-shadow:0 0 7px rgba(var(--ob-ok)/.75)}[data-skin=stormcaller] .ob-panel>div:first-child:has(h2.ob-heading){min-height:60px;padding:10px 40px 10px 44px;background:url(/room-skin/stormcaller/coil-post.webp) left 2px center/34px 60px no-repeat,url(/room-skin/stormcaller/coil-post.webp) right 2px center/34px 60px no-repeat,linear-gradient(180deg,#2a384c,#1b2638) left 37px top 5px /calc(100% - 74px) calc(100% - 10px) no-repeat,linear-gradient(180deg,rgba(170,198,232,.5),rgba(20,28,40,.9)) left 36px top 4px /calc(100% - 72px) calc(100% - 8px) no-repeat,linear-gradient(180deg,#172131,#111a27);border-bottom:1px solid rgba(0,0,0,.7);box-shadow:0 1px 0 rgba(var(--sc-steel)/.16),0 3px 8px rgba(0,0,0,.35)}[data-skin=stormcaller] .ob-panel h2.ob-heading{white-space:nowrap;font-family:var(--font-cinzel),Georgia,serif;font-weight:700;font-size:19px;letter-spacing:.03em;color:#f3f6fa;text-shadow:0 1px 0 rgba(0,0,0,.85)}[data-skin=stormcaller] .ob-panel h2.ob-heading>svg{width:14px;height:14px;flex:none;color:rgb(var(--sc-amber))}[data-skin=stormcaller] .ob-panel>div:first-child:has(h2.ob-heading) button{padding:5px}[data-skin=stormcaller] .ob-plaque-header{padding-block:10px;background:transparent;border:0;border-radius:0;box-shadow:none}[data-skin=stormcaller] div:has(>.ob-plaque-header){border-bottom-color:rgba(var(--sc-steel)/.2)}[data-skin=stormcaller] .ob-plaque-header:hover{filter:brightness(1.15)}[data-skin=stormcaller] .ob-plaque-header .ob-gold-text{font-family:var(--skin-font-display),sans-serif;font-size:16px;font-weight:700;letter-spacing:0;color:#f2f6fb}[data-skin=stormcaller] .ob-plaque-header>div>svg:first-child{width:17px;height:17px;color:rgb(var(--sc-amber))}[data-skin=stormcaller] .ob-plaque-header>svg{width:16px;height:16px;color:#c9d5e4}[data-skin=stormcaller] .ob-panel button.ob\:border-ob-gold\/50.ob\:bg-ob-panel-2{min-height:44px;border-color:rgba(var(--sc-steel)/.34);border-radius:10px;background-image:linear-gradient(180deg,#2a384d,#1d2839 55%,#162030);box-shadow:inset 0 1px 0 rgba(200,222,248,.14),0 3px 8px rgba(0,0,0,.45);font-size:16px;color:#eef3f9}[data-skin=stormcaller] .ob-panel button.ob\:border-ob-gold\/50.ob\:bg-ob-panel-2:hover{border-color:rgba(var(--sc-steel)/.6);color:#ffffff}[data-skin=stormcaller] .ob-panel input[type=range]{background-color:rgba(3,5,9,.75);box-shadow:inset 0 1px 2px rgba(0,0,0,.85),0 1px 0 rgba(215,232,255,.1)}[data-skin=stormcaller] .ob-scroll{position:relative;color:rgb(var(--ob-ink));font-family:var(--skin-font-body),system-ui,sans-serif;--sc-cb:rgb(var(--sc-copper-hi)/0.8);background-color:#1a2536;background-image:linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(180deg,rgba(175,205,245,.06),rgba(0,0,0,0) 18%,rgba(0,0,0,.2)),var(--sc-slate);background-size:12px 2px,2px 12px,12px 2px,2px 12px,12px 2px,2px 12px,12px 2px,2px 12px,auto,512px 512px;background-position:left 3px top 3px,left 3px top 3px,right 3px top 3px,right 3px top 3px,left 3px bottom 3px,left 3px bottom 3px,right 3px bottom 3px,right 3px bottom 3px,0 0,0 0;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(var(--sc-copper)/.45),inset 0 0 0 2px rgba(0,0,0,.6),inset 0 0 26px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.5)}[data-skin=stormcaller] .ob-scroll :where(input[type=text],input[type=number],input[type=search],input:not([type]),select,textarea,.ob\:bg-ob-parchment-2){background-color:rgba(8,13,21,.5);border-color:rgba(var(--sc-steel)/.3);color:rgb(var(--ob-ink));box-shadow:inset 0 2px 4px rgba(0,0,0,.55),0 1px 0 rgba(215,232,255,.05)}[data-skin=stormcaller] .ob-scroll :where(input,textarea)::-moz-placeholder{color:rgb(var(--ob-ink-dim))}[data-skin=stormcaller] .ob-scroll :where(input,textarea)::placeholder{color:rgb(var(--ob-ink-dim))}[data-skin=stormcaller] .ob-scroll :where(input[type=checkbox],input[type=radio],input[type=range]){accent-color:rgb(var(--sc-copper-hi))}[data-skin=stormcaller] .ob-scroll svg{filter:drop-shadow(0 1px 0 rgba(0,0,0,.8))}[data-skin=stormcaller] .ob-scroll .ob\:bg-ob-ink:not(.ob\:ring-ob-ink-dim){background:var(--sc-copper-plate);border-color:#d98545;color:#ffe7d4;box-shadow:inset 0 1px 0 rgba(255,205,160,.22),0 0 9px rgba(217,133,69,.28)}[data-skin=stormcaller] .ob-scroll .ob\:bg-ob-ink:not(.ob\:ring-ob-ink-dim):hover{filter:brightness(1.12)}[data-skin=stormcaller] .ob-scroll .ob\:bg-ob-ink.ob\:ring-ob-ink-dim{background:#0a0c11}[data-skin=stormcaller] .ob-scroll .ob\:bg-ob-ink.absolute.h-full{background:linear-gradient(90deg,rgba(38,104,150,.75),rgb(var(--sc-electric)));border:0;box-shadow:0 0 6px rgba(var(--sc-electric)/.45);filter:none}[data-skin=stormcaller] .ob-scroll button[role=switch][data-state=checked]{background-color:rgba(var(--sc-electric)/.16);border-color:rgba(var(--sc-electric)/.6)}[data-skin=stormcaller] .ob-knob{background:radial-gradient(circle at 36% 30%,#ffffff 0,#d6f4ff 16%,#74d3ff 44%,#2b7fb3 76%,#174766 100%);box-shadow:0 0 7px rgba(var(--sc-electric)/.75),0 1px 2px rgba(0,0,0,.6),0 0 0 1px rgba(8,20,32,.7)}[data-skin=stormcaller] .ob-rule{height:1px;background:linear-gradient(90deg,rgba(var(--sc-steel)/0),rgba(var(--sc-steel)/.42),rgba(var(--sc-steel)/0))}[data-skin=stormcaller] .ob-divider{display:block;height:14px;border:0;background:var(--sc-bolt-copper) center /8px 14px no-repeat,linear-gradient(90deg,rgba(var(--sc-copper)/0),rgba(var(--sc-copper)/.7) 42%,rgba(var(--sc-copper)/0) 46.5%,rgba(var(--sc-copper)/0) 53.5%,rgba(var(--sc-copper)/.7) 58%,rgba(var(--sc-copper)/0)) 50% /100% 1px no-repeat}[data-skin=stormcaller] .ob-framed{border:1px solid rgba(var(--sc-steel)/.32);--sc-cb:rgb(var(--sc-copper-hi)/0.85);background-image:linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(180deg,rgba(160,200,255,.05),rgba(0,0,0,.2));background-size:12px 2px,2px 12px,12px 2px,2px 12px,12px 2px,2px 12px,12px 2px,2px 12px,auto;background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%,0 0;background-repeat:no-repeat}[data-skin=stormcaller] .ob-scroll.ob-framed{background-image:linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(var(--sc-cb),var(--sc-cb)),linear-gradient(180deg,rgba(175,205,245,.06),rgba(0,0,0,.2)),var(--sc-slate);background-size:12px 2px,2px 12px,12px 2px,2px 12px,12px 2px,2px 12px,12px 2px,2px 12px,auto,512px 512px;background-position:left 3px top 3px,left 3px top 3px,right 3px top 3px,right 3px top 3px,left 3px bottom 3px,left 3px bottom 3px,right 3px bottom 3px,right 3px bottom 3px,0 0,0 0;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat;background-color:#1a2536}[data-skin=stormcaller] .ob-note{background:var(--sc-plate);color:rgb(var(--ob-text));border:1px solid rgba(var(--sc-copper)/.55);box-shadow:0 10px 24px rgba(0,0,0,.55),inset 0 1px 0 rgba(225,238,255,.12)}[data-skin=stormcaller] .ob-note-seal{display:block;width:10px;height:17px;flex-shrink:0;background:var(--sc-bolt-electric) center /contain no-repeat;filter:drop-shadow(0 0 4px rgba(var(--sc-electric)/.9))}@media (prefers-reduced-motion:reduce){[data-skin=stormcaller] .ob-rolled-rail:after,[data-skin=stormcaller] footer.ob-panel:before,[data-skin=stormcaller] header.ob-panel:after,[data-skin=stormcaller] header.ob-panel:before{animation:none;opacity:.7}[data-skin=stormcaller] .ob-bronze-btn{transition:none}}[data-skin=abyssal]{--skin-gap:6px;--ob-bg:6 26 34;--ob-panel:14 44 52;--ob-panel-2:17 54 62;--ob-line:56 96 98;--ob-bronze:94 139 126;--ob-gold:226 172 76;--ob-gold-bright:247 206 120;--ob-text:234 242 239;--ob-dim:164 191 185;--ob-active:63 216 200;--ob-ok:74 222 128;--ob-warn:240 190 100;--ob-danger:255 118 100;--ob-parchment:14 46 54;--ob-parchment-2:20 58 68;--ob-parchment-line:64 108 110;--ob-ink:234 242 239;--ob-ink-dim:164 191 185;--ob-red-ink:255 138 122;--ob-wood:19 48 58}[data-skin=abyssal] body{--skin-font-display:var(--font-marcellus);--skin-font-body:var(--font-inter)}[data-skin=abyssal] .ob-panel{background-color:#123840;background-image:linear-gradient(180deg,rgba(150,225,215,.07),rgba(150,225,215,0) 38%,rgba(0,0,0,.24)),url(/room-skin/abyssal/stone-teal.webp);background-size:auto,360px 360px;box-shadow:inset 0 0 26px rgba(0,0,0,.4);border-color:rgba(94,139,126,.55);color:rgb(var(--ob-text))}[data-skin=abyssal] .ob-panel.border-l{border-style:solid;-o-border-image:url(/room-skin/abyssal/frame.webp) 75/21px round;border-image:url(/room-skin/abyssal/frame.webp) 75/21px round;background-color:#0f2f35;background-image:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.3)),url(/room-skin/abyssal/stone-teal.webp)}[data-skin=abyssal] .ob-panel.border-l>.ob-panel{background:transparent;box-shadow:none}[data-skin=abyssal] .ob-panel.border-l.w-12{-o-border-image:none;border-image:none;border-left-color:#3f6b61;box-shadow:inset 2px 0 0 rgba(150,214,196,.35),inset 3px 0 0 rgba(0,0,0,.55),inset 0 0 26px rgba(0,0,0,.4)}[data-skin=abyssal] .ob-glass{background-color:rgba(8,30,36,.95);background-image:linear-gradient(180deg,rgba(150,225,215,.06),rgba(0,0,0,.2));border:1px solid rgba(110,160,146,.65);box-shadow:0 18px 44px rgba(0,0,0,.6),inset 0 1px 0 rgba(174,245,236,.1);color:rgb(var(--ob-text))}[data-skin=abyssal] .ob-heading{font-family:var(--skin-font-display),Georgia,serif;letter-spacing:.035em}[data-skin=abyssal] .ob-gold-text{background:linear-gradient(180deg,#f7efdc,#ead3a2 46%,#c29a60);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.9))}[data-skin=abyssal] .ob-engraved-icon{color:#e8f2ef;filter:drop-shadow(0 1px 1px rgba(0,0,0,.85))}[data-skin=abyssal] .ob-panel svg{filter:drop-shadow(0 1px 0 rgba(0,0,0,.8))}[data-skin=abyssal] :where(button.ob\:bg-ob-panel-2,a.ob\:bg-ob-panel-2),[data-skin=abyssal] :where(header,footer) :where(div.ob\:bg-ob-panel-2):not(:has(>button)){border-style:solid;-o-border-image:url(/room-skin/abyssal/chip.webp) 24/7px/1px stretch;border-image:url(/room-skin/abyssal/chip.webp) 24 fill/7px/1px stretch;box-shadow:0 2px 4px rgba(0,0,0,.45)}[data-skin=abyssal] :where(button.ob\:bg-ob-panel-2,a.ob\:bg-ob-panel-2):hover{filter:brightness(1.18) drop-shadow(0 0 4px rgba(63,216,200,.35))}[data-skin=abyssal] .ob-plaque,[data-skin=abyssal] :is(button,a).ob\:bg-ob-gold\/15,[data-skin=abyssal] :is(button,a).ob\:bg-ob-gold\/20,[data-skin=abyssal] :where(header,footer) div.ob\:bg-ob-gold\/15{border-style:solid;-o-border-image:url(/room-skin/abyssal/chip-gold.webp) 24/7px/1px stretch;border-image:url(/room-skin/abyssal/chip-gold.webp) 24 fill/7px/1px stretch;box-shadow:0 0 8px rgba(226,172,76,.25),0 2px 4px rgba(0,0,0,.45);color:#ffd98c}[data-skin=abyssal] :where(header,footer) div.ob\:bg-ob-panel-2:has(>button){background:transparent;border-color:transparent;box-shadow:none}[data-skin=abyssal] footer div.ob\:bg-ob-panel-2:has(>button){gap:6px;padding:0}[data-skin=abyssal] footer div.ob\:bg-ob-panel-2>button:not(.ob\:bg-ob-gold\/15){border-style:solid;-o-border-image:url(/room-skin/abyssal/chip.webp) 24/7px/1px stretch;border-image:url(/room-skin/abyssal/chip.webp) 24 fill/7px/1px stretch;box-shadow:0 2px 4px rgba(0,0,0,.45);color:rgb(var(--ob-text))}[data-skin=abyssal] footer div.ob\:bg-ob-panel-2>button{padding:8px 12px;font-size:14px;font-weight:500;gap:6px}[data-skin=abyssal] .ob-panel button.w-full.ob\:bg-ob-panel-2{-o-border-image:none;border-image:none;border-color:rgba(150,204,190,.7);border-radius:9px;background-color:rgba(4,22,27,.55);box-shadow:inset 0 1px 0 rgba(174,245,236,.12),0 2px 6px rgba(0,0,0,.35);font-size:15px;color:#f1f6f4}[data-skin=abyssal] .ob-panel button.w-full.ob\:bg-ob-panel-2:hover{filter:none;border-color:rgba(190,240,228,.9);background-color:rgba(10,40,46,.6)}[data-skin=abyssal] .ob-panel :is(input[type=text],input[type=search],input:not([type]),textarea,select),[data-skin=abyssal] :is(input,textarea,select).ob\:bg-ob-panel-2{background-color:rgba(3,18,22,.55);border-color:rgba(128,184,170,.55);border-radius:8px;box-shadow:inset 0 2px 5px rgba(0,0,0,.55);color:rgb(var(--ob-text))}[data-skin=abyssal] .ob-knob{background:radial-gradient(circle at 34% 30%,#ffffff 0 16%,#f1ebdf 42%,#cdc2b0 78%,#a2978a 100%);box-shadow:0 0 0 1px rgba(8,28,32,.55),0 1px 2px rgba(0,0,0,.55),0 0 7px rgba(226,172,76,.4)}[data-skin=abyssal] [role=switch] .ob-knob{box-shadow:0 0 0 1px rgba(8,28,32,.55),0 1px 2px rgba(0,0,0,.55),0 0 8px rgb(var(--ob-ok)/.75)}[data-skin=abyssal] .ob-bronze-btn{background:url(/room-skin/abyssal/btn.webp) 50%/contain no-repeat;border:0;border-radius:9999px;box-shadow:none;color:#eef6f3;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55));transition:filter .16s ease-out,transform .12s ease-out}[data-skin=abyssal] .ob-bronze-btn:hover{box-shadow:none;filter:brightness(1.15) drop-shadow(0 0 7px rgba(63,216,200,.5)) drop-shadow(0 3px 4px rgba(0,0,0,.55))}[data-skin=abyssal] .ob-bronze-btn:active{transform:scale(.95)}[data-skin=abyssal] .ob-bronze-btn--off{background-image:url(/room-skin/abyssal/btn-off.webp);color:#fff1ec}[data-skin=abyssal] .ob-bronze-btn--lit{background-image:url(/room-skin/abyssal/btn-lit.webp);box-shadow:none;filter:drop-shadow(0 0 8px rgba(63,216,200,.7)) drop-shadow(0 3px 4px rgba(0,0,0,.55))}[data-skin=abyssal] .ob-bronze-btn--lit svg{color:#f4fffd}[data-skin=abyssal] header.ob-panel{background:linear-gradient(180deg,rgba(2,16,22,.5),rgba(2,16,22,.12));box-shadow:none;border-bottom-color:transparent}[data-skin=abyssal] header>.ob-bronze-btn{background:none;border-radius:8px;color:#e8f2ef;filter:drop-shadow(0 1px 1px rgba(0,0,0,.85))}[data-skin=abyssal] header>.ob-bronze-btn svg{width:19px;height:19px}[data-skin=abyssal] header>.ob-bronze-btn:hover{background:rgba(174,245,236,.08);filter:drop-shadow(0 0 6px rgba(63,216,200,.7))}[data-skin=abyssal] header>.ob-bronze-btn--lit{border-style:solid;-o-border-image:url(/room-skin/abyssal/chip-gold.webp) 24/8px stretch;border-image:url(/room-skin/abyssal/chip-gold.webp) 24 fill/8px stretch;color:#ffd27a;filter:drop-shadow(0 0 6px rgba(226,172,76,.45))}[data-skin=abyssal] header>.ob-bronze-btn--lit svg{color:#ffd27a;filter:none}[data-skin=abyssal] header .flex:has(>div.ob\:bg-ob-panel-2)>.ob-bronze-btn{background:url(/room-skin/abyssal/tile.webp) 50%/100% 100% no-repeat;border-radius:7px;color:#eef6f3}[data-skin=abyssal] header div.ob\:bg-ob-panel-2 .ob\:uppercase{text-transform:none;letter-spacing:0;font-size:14px;color:rgb(var(--ob-text))}[data-skin=abyssal] header div.ob\:bg-ob-panel-2 .ob\:tabular-nums{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}[data-skin=abyssal] footer.ob-panel{height:72px;background-color:#1a5058;background-image:linear-gradient(180deg,rgba(150,225,215,.16),rgba(150,225,215,.05) 45%,rgba(0,0,0,.2)),url(/room-skin/abyssal/stone-teal.webp);background-size:auto,360px 360px;box-shadow:inset 0 12px 16px -12px rgba(0,0,0,.55),inset 0 -1px 0 rgba(0,0,0,.6);border-top-color:transparent;border-style:solid;-o-border-image:url(/room-skin/abyssal/frame.webp) 75/17px round;border-image:url(/room-skin/abyssal/frame.webp) 75/17px round}[data-skin=abyssal] footer :is(.ob\:bg-ob-panel-2,.ob\:bg-ob-gold\/15):not(:has(>button)){padding:8px 12px;font-size:14px;gap:7px}[data-skin=abyssal] footer button.ob\:bg-ob-panel-2{color:rgb(var(--ob-text))}[data-skin=abyssal] footer .ob-bronze-btn{width:50px;height:50px}[data-skin=abyssal] footer div.ob\:bg-ob-panel-2.ob\:tabular-nums{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:600}@media (min-width:1800px){[data-skin=abyssal] footer :is(.ob\:bg-ob-panel-2,.ob\:bg-ob-gold\/15):not(:has(>button)),[data-skin=abyssal] footer div.ob\:bg-ob-panel-2>button{padding:9px 14px;font-size:14.5px}[data-skin=abyssal] footer .ob-bronze-btn{width:52px;height:52px}}[data-skin=abyssal] .ob-scroll-unroll~div footer :is(.ob\:bg-ob-panel-2,.ob\:bg-ob-gold\/15):not(:has(>button)),[data-skin=abyssal] .ob-scroll-unroll~div footer div.ob\:bg-ob-panel-2>button{padding:6px 9px;font-size:13px;gap:5px}[data-skin=abyssal] .ob-scroll-unroll~div footer .ob-bronze-btn{width:46px;height:46px}[data-skin=abyssal] .ob-seat-frame,[data-skin=abyssal] .ob-seat-glow{border-style:solid;border-width:23px;border-image-source:url(/room-skin/abyssal/frame.webp);border-image-slice:75;border-image-width:23px;border-image-repeat:round;box-shadow:none}[data-skin=abyssal] .ob-seat-glow{border-image-source:url(/room-skin/abyssal/frame-glow.webp);mix-blend-mode:screen;opacity:.95}[data-skin=abyssal] .ob-active-seat{box-shadow:0 0 0 1px rgba(174,245,236,.55),0 0 8px 2px rgba(120,236,222,.55),0 0 18px 4px rgba(63,216,200,.4),0 10px 30px rgba(0,0,0,.55)}[data-skin=abyssal] :has(>.ob-active-seat){position:relative}[data-skin=abyssal] :has(>.ob-active-seat):before{content:"";position:absolute;inset:0;z-index:-1;border-radius:6px;pointer-events:none;box-shadow:0 0 20px 5px rgba(63,216,200,.45),0 0 52px 12px rgba(63,216,200,.16)}[data-skin=abyssal] .ob-nameplate{padding:19px 22px 17px 28px;background:url(/room-skin/abyssal/bar.webp) 0 100%/auto 13px round no-repeat,linear-gradient(104deg,rgba(200,245,238,0) 18%,rgba(200,245,238,.05) 32%,rgba(200,245,238,0) 46%),linear-gradient(180deg,rgba(14,50,56,.97),rgba(6,28,34,.96));border-bottom-color:transparent;box-shadow:0 3px 6px rgba(0,0,0,.45)}[data-skin=abyssal] :is(.w-\[24\%\],.h-24) .ob-nameplate{padding:13px 16px 12px 27px;gap:4px}[data-skin=abyssal] :is(.w-\[24\%\],.h-24) .ob-medallion{min-width:58px;height:34px;margin-block:-7px;padding-right:38px;background-size:34px 34px}[data-skin=abyssal] :is(.w-\[24\%\],.h-24) .ob-medallion .ob-gold-text{font-size:16px}[data-skin=abyssal] :is(.w-\[24\%\],.h-24) .ob-nameplate .ob-heading.ob-gold-text{font-size:14px}[data-skin=abyssal] .ob-nameplate .ob-heading.ob-gold-text{font-family:var(--font-inter),system-ui,sans-serif;font-weight:500;font-size:17px;letter-spacing:.005em;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#f4f8f6;filter:none;text-shadow:0 1px 2px rgba(0,0,0,.8)}[data-skin=abyssal] .ob-nameplate .ob-heading.ob-gold-text .ob\:text-ob-dim{color:#f4f8f6}[data-skin=abyssal] .ob-nameplate span.ob\:rounded-full{border-radius:4px;padding:4px 7px 3px;font-family:var(--font-inter),system-ui,sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.06em}[data-skin=abyssal] .ob-nameplate span.ob\:text-ob-active{color:#f6ac5f;border-color:rgba(222,128,56,.85);background:linear-gradient(180deg,rgba(120,58,18,.65),rgba(76,34,10,.65))}[data-skin=abyssal] .ob-nameplate span.ob\:text-ob-gold-bright{color:#f7d466;border-color:rgba(214,172,62,.85);background:linear-gradient(180deg,rgba(96,74,16,.65),rgba(62,46,8,.65))}[data-skin=abyssal] .ob-nameplate .ob\:italic{color:#b9cfca}[data-skin=abyssal] .ob-medallion{width:auto;min-width:80px;height:44px;margin-block:-11px;padding:0 49px 0 0;justify-content:flex-end;background:url(/room-skin/abyssal/pearl-ring.webp) 100%/44px 44px no-repeat;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}[data-skin=abyssal] .ob-medallion .ob-gold-text{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#ffffff;filter:none;font-family:var(--font-inter),system-ui,sans-serif;font-size:19px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.85)}[data-skin=abyssal] .ob-nameplate button.ob\:bg-ob-panel-2{-o-border-image:none;border-image:none;background:none;border-color:transparent;box-shadow:none;color:#dfeae6}[data-skin=abyssal] .ob-nameplate button.ob\:bg-ob-panel-2:hover{filter:none;background:rgba(174,245,236,.1)}[data-skin=abyssal] .ob-heading.ob\:text-ob-active{font-family:var(--font-inter),system-ui,sans-serif;font-weight:600;letter-spacing:.01em;background-color:rgba(4,26,30,.86)}[data-skin=abyssal] aside:has(>.ob-rolled-rail){padding-block:0}[data-skin=abyssal] .ob-rolled-rail{margin:0;padding:10px 0 8px;background:url(/room-skin/abyssal/rail-scene.webp) bottom/100% auto no-repeat,linear-gradient(180deg,#0c2e34,#0b2a30);border:0;border-radius:0;box-shadow:inset -1px 0 0 rgba(150,214,196,.3),inset -3px 0 0 rgba(0,0,0,.5);filter:none}[data-skin=abyssal] .ob-rolled-rail button,[data-skin=abyssal] .ob-rolled-rail>div:not(.flex-1){display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-inline:auto;margin-bottom:3px;padding:0;background:url(/room-skin/abyssal/tile.webp) 50%/100% 100% no-repeat;border-radius:8px;color:#e9f3f0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}[data-skin=abyssal] .ob-rolled-rail button svg{width:22px;height:22px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.9))}[data-skin=abyssal] .ob-rolled-rail>button:first-child{margin-bottom:8px;color:rgb(var(--ob-gold-bright))}[data-skin=abyssal] .ob-rolled-rail>button:last-child{background:radial-gradient(circle,rgba(120,22,16,.9) 0 42%,rgba(120,22,16,0) 64%),url(/room-skin/abyssal/tile.webp) 50% /100% 100% no-repeat;color:#ff7a66}[data-skin=abyssal] .ob-rolled-rail button:hover,[data-skin=abyssal] .ob-rolled-rail button[data-state=open]{background-color:transparent;filter:brightness(1.2) drop-shadow(0 0 6px rgba(63,216,200,.55))}[data-skin=abyssal] .ob-panel.w-80:has(.ob-plaque-header){border-image-width:0 21px 21px 21px}[data-skin=abyssal] .ob-panel.w-80:has(.ob-plaque-header)>.border-b:first-child{position:relative;z-index:0;padding:66px 20px 16px;border-bottom-color:transparent}[data-skin=abyssal] .ob-panel.w-80:has(.ob-plaque-header)>.border-b:first-child:after{content:"";position:absolute;z-index:1;left:4px;right:3px;bottom:-6px;height:12px;padding:0 15px;pointer-events:none;background:url(/room-skin/abyssal/rim-cap-l.webp) 0/auto 100% no-repeat border-box,url(/room-skin/abyssal/rim-cap-r.webp) 100%/auto 100% no-repeat border-box,url(/room-skin/abyssal/rim-rod.webp) 0/auto 100% round content-box;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}[data-skin=abyssal] .ob-panel.w-80:has(.ob-plaque-header)>.border-b:first-child:before{content:"";position:absolute;z-index:-1;left:-1px;right:0;top:0;height:82px;background:url(/room-skin/abyssal/arch-ocean.webp) top/100% 100% no-repeat;pointer-events:none}[data-skin=abyssal] .ob-panel.w-80:has(.ob-plaque-header)>.border-b:first-child>.flex:first-child{justify-content:center}[data-skin=abyssal] .ob-panel.w-80:has(.ob-plaque-header)>.border-b:first-child h2{font-size:23px;line-height:1.1;font-variant:small-caps;letter-spacing:.07em;color:#ddd4bd;text-shadow:0 1px 0 rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.5)}[data-skin=abyssal] .ob-panel.w-80:has(.ob-plaque-header)>.border-b:first-child>.flex:first-child>div:last-child{position:absolute;top:4px;right:8px}[data-skin=abyssal] .ob-panel.w-80:has(.ob-plaque-header)>.border-b:first-child>.flex:first-child>div:last-child>button{-o-border-image:none;border-image:none;background:none;border-color:transparent;box-shadow:none;color:#dfeae6}[data-skin=abyssal] .ob-panel.w-80:has(.ob-plaque-header)>.border-b:first-child>.flex:first-child>div:last-child>button.ob\:bg-ob-gold\/15{color:#ffd27a}[data-skin=abyssal] .ob-plaque-header{background:none;border:0;box-shadow:none}[data-skin=abyssal] .ob-plaque-header:hover{background:rgba(174,245,236,.06)}[data-skin=abyssal] .ob-plaque-header .ob-gold-text{font-family:var(--font-inter),system-ui,sans-serif;font-weight:600;font-size:15px;letter-spacing:0;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#f1f6f4;filter:none;text-shadow:0 1px 1px rgba(0,0,0,.7)}[data-skin=abyssal] .ob-plaque-header svg{color:#e8b54f}[data-skin=abyssal] .ob-plaque-header>svg{color:#cfdcd8}[data-skin=abyssal] .ob-scroll{position:relative;color:rgb(var(--ob-ink));font-family:var(--skin-font-body),system-ui,sans-serif;background-color:#123840;background-image:radial-gradient(130% 60% at 50% 0,rgba(120,220,210,.08),rgba(120,220,210,0) 65%),linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(0,0,0,.28)),url(/room-skin/abyssal/stone-teal.webp);background-size:auto,auto,360px 360px;border-style:solid;-o-border-image:url(/room-skin/abyssal/frame.webp) 75/19px round;border-image:url(/room-skin/abyssal/frame.webp) 75/19px round;box-shadow:inset 0 0 34px rgba(0,0,0,.45),0 10px 28px rgba(0,0,0,.5)}[data-skin=abyssal] .ob-roller-travel{display:block;height:2px;margin-inline:10px;background:linear-gradient(90deg,rgba(174,245,236,0),rgba(214,255,250,.95) 50%,rgba(174,245,236,0));box-shadow:0 0 14px 3px rgba(63,216,200,.55)}[data-skin=abyssal] .ob-rule{height:1px;background:linear-gradient(90deg,rgba(94,139,126,0),rgba(130,176,160,.85),rgba(94,139,126,0))}[data-skin=abyssal] .ob-divider{display:block;height:12px;background:radial-gradient(circle at 50% 50%,#fbf7ee 0 1.6px,#d9d0c1 2.6px,rgba(160,150,136,.9) 3.4px,rgba(0,0,0,0) 4.2px),linear-gradient(90deg,rgba(130,176,160,0),rgba(130,176,160,.9) 22%,rgba(130,176,160,.9) 42%,rgba(130,176,160,0) 47%,rgba(130,176,160,0) 53%,rgba(130,176,160,.9) 58%,rgba(130,176,160,.9) 78%,rgba(130,176,160,0)) 50% /100% 1px no-repeat}[data-skin=abyssal] .ob-scroll .ob\:bg-ob-parchment-2,[data-skin=abyssal] .ob-scroll input:not([type]),[data-skin=abyssal] .ob-scroll input[type=number],[data-skin=abyssal] .ob-scroll input[type=search],[data-skin=abyssal] .ob-scroll input[type=text],[data-skin=abyssal] .ob-scroll select,[data-skin=abyssal] .ob-scroll textarea{background-color:rgba(3,18,22,.5);border-color:rgba(128,184,170,.5);color:rgb(var(--ob-ink));box-shadow:inset 0 2px 4px rgba(0,0,0,.5)}[data-skin=abyssal] .ob-scroll input::-moz-placeholder,[data-skin=abyssal] .ob-scroll textarea::-moz-placeholder{color:rgb(var(--ob-ink-dim))}[data-skin=abyssal] .ob-scroll input::placeholder,[data-skin=abyssal] .ob-scroll textarea::placeholder{color:rgb(var(--ob-ink-dim))}[data-skin=abyssal] .ob-scroll input[type=checkbox],[data-skin=abyssal] .ob-scroll input[type=radio],[data-skin=abyssal] .ob-scroll input[type=range]{accent-color:rgb(var(--ob-gold))}[data-skin=abyssal] .ob-scroll button.ob\:bg-ob-ink{background-image:linear-gradient(180deg,#f6f1e6,#e4ddcf 55%,#cfc6b5);border-color:#efe8da;color:#0c2a31;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 10px rgba(226,172,76,.25)}[data-skin=abyssal] .ob-framed{border-style:solid;border-color:transparent;-o-border-image:url(/room-skin/abyssal/frame.webp) 75/19px/7px round;border-image:url(/room-skin/abyssal/frame.webp) 75/19px/7px round}[data-skin=abyssal] .ob-note{background-color:#123840;background-image:linear-gradient(180deg,rgba(150,225,215,.08),rgba(0,0,0,.25)),url(/room-skin/abyssal/stone-teal.webp);background-size:auto,360px 360px;color:rgb(var(--ob-text));border:1px solid rgba(128,184,170,.65);box-shadow:0 10px 24px rgba(0,0,0,.55),inset 0 1px 0 rgba(174,245,236,.1)}[data-skin=abyssal] .ob-note-seal{display:block;width:30px;height:30px;flex-shrink:0;margin:-6px 2px -6px -8px;background:url(/room-skin/abyssal/shell-pearl.webp) 50%/contain no-repeat;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}[data-skin=abyssal] .abyssal-bubble{position:absolute;bottom:-10px;width:var(--bubble-size,4px);height:var(--bubble-size,4px);margin-left:calc(var(--bubble-size, 4px) / -2);border-radius:9999px;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.95) 0 16%,rgba(174,245,236,.22) 38%,rgba(174,245,236,.08) 62%,rgba(174,245,236,0) 72%);box-shadow:inset 0 0 0 .6px rgba(190,250,242,.55);opacity:0;will-change:transform,opacity;animation:abyssal-rise var(--bubble-rise,20s) linear var(--bubble-delay,0s) infinite,abyssal-sway var(--bubble-sway,3s) ease-in-out var(--bubble-delay,0s) infinite alternate}@keyframes abyssal-rise{0%{transform:translateZ(0);opacity:0}10%{opacity:.85}82%{opacity:.7}to{transform:translate3d(0,calc(-100vh - 20px),0);opacity:0}}@keyframes abyssal-sway{0%{translate:-3px 0}to{translate:3px 0}}@media (prefers-reduced-motion:reduce){[data-skin=abyssal] .abyssal-bubble{animation:none;bottom:var(--bubble-rest,40%);opacity:.55}}