:root{--bg:#07090d!important;--panel:rgba(255,255,255,.05)!important;--panel2:rgba(255,255,255,.07)!important;--line:rgba(255,255,255,.09)!important;--line2:rgba(255,255,255,.16)!important;--text:#f2f5f9!important;--sub:#a3adbb!important;--accent:#2a93d2!important;--accent2:#3aa0dc!important;--accent-ink:#fff!important;--baso-glass:rgba(255,255,255,.05);--baso-line:rgba(255,255,255,.09);--baso-blue:#2a93d2;--baso-blue-hi:#3aa0dc}

html{scroll-behavior:smooth}
body{font-family:'Outfit',system-ui,sans-serif!important;background:radial-gradient(1100px 600px at 10% -10%,rgba(33,134,194,.26),transparent 60%),radial-gradient(800px 500px at 95% 30%,rgba(255,216,74,.06),transparent 60%),#07090d!important;background-attachment:fixed!important;color:#f2f5f9!important}
h1,h2,h3,h4,h5,.brand,.page-title,.article-page-title,.home-head h1,.category-copy h3,.guide-card h3,.source-article h2,.source-article h3,.source-article h4,.rules h1,.rules h2,.rules h3,.laws h1,.laws h2,.laws h3{font-family:'Outfit',system-ui,sans-serif!important;letter-spacing:-.4px!important}
input,select,textarea,button{font-family:inherit!important}

.site-header,.topbar{position:sticky!important;top:0!important;z-index:50!important;height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:14px clamp(12px,3vw,40px)!important}
.header-inner,.topbar-inner,.topbar-in{max-width:1240px!important;margin:0 auto!important;height:auto!important;min-height:56px;padding:8px 8px 8px 14px!important;border-radius:999px!important;background:rgba(14,18,25,.72)!important;border:1px solid var(--baso-line)!important;backdrop-filter:blur(28px) saturate(160%)!important;-webkit-backdrop-filter:blur(28px) saturate(160%)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap}
.site-brand,.site-header .brand{display:flex!important;align-items:center!important;gap:12px!important;color:#f2f5f9!important;text-decoration:none!important;background:none!important;padding:0!important}
.baso-brand{display:inline-flex!important;align-items:center!important;gap:10px!important;color:#f2f5f9!important;text-decoration:none!important}
.baso-mark{width:36px!important;height:36px!important;border-radius:0!important;background:url(/img/baso-logo.png) center/contain no-repeat!important;border:0!important;padding:0!important;color:transparent!important;font-size:0!important;box-shadow:none!important}
.baso-word{display:flex!important;flex-direction:row!important;gap:0!important}
.baso-word b{font:700 17px/1 'Outfit',system-ui,sans-serif!important;letter-spacing:-.2px!important;text-transform:none!important;color:#f2f5f9!important}
.baso-word small{display:none!important}
.brand-tag,.site-brand>span:last-child:not(.baso-brand),.topbar .crumb{font:500 14px 'Outfit',system-ui,sans-serif!important;text-transform:none!important;letter-spacing:0!important;color:#97a2b2!important;border-left:1px solid rgba(255,255,255,.14)!important;padding-left:12px!important;line-height:20px!important}
.top-nav,.topbar .links{display:flex!important;flex-wrap:wrap!important;gap:2px!important;align-items:center!important}
.top-nav a,.topbar .links a{padding:9px 14px!important;border-radius:999px!important;color:#b7c0cc!important;font:500 15px 'Outfit',system-ui,sans-serif!important;text-decoration:none!important;background:none!important;height:auto!important;line-height:1.3!important}
.top-nav a:hover,.topbar .links a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.top-nav a.on{background:rgba(255,255,255,.1)!important;color:#fff!important}
.top-nav .back-site,.topbar .links a:last-child{background:var(--baso-blue)!important;color:#fff!important;box-shadow:none!important;font-weight:600!important;padding:10px 18px!important}
.top-nav .back-site:hover,.topbar .links a:last-child:hover{background:var(--baso-blue-hi)!important}

.toc,.rules,.laws,.source-article,.source-sidebar,.category-card,.guide-card,.article-list,.search-results,.card,.band .card{background:var(--baso-glass)!important;border:1px solid var(--baso-line)!important;border-radius:24px!important;box-shadow:none!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}
.category-card,.guide-card{transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s,border-color .25s!important}
.category-card:hover,.guide-card:hover,.category-card:focus-visible,.guide-card:focus-visible{transform:translateY(-4px)!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.18)!important}
.toc a{border-radius:10px!important;border-left:0!important}
.toc a:hover{background:rgba(42,147,210,.14)!important;color:#fff!important}
.rules h1,.laws h1{border-bottom:1px solid var(--baso-line)!important;font-weight:800!important}
.rules h3,.laws h3,.eyebrow,.category-num,.guide-body span{color:var(--baso-blue-hi)!important}
.home-head h1,.page-title,.article-page-title{font-weight:800!important;letter-spacing:-1.2px!important}

.search input,input[type=number],input[type=search],input[type=text],select,textarea{border-radius:14px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#f2f5f9!important}
.search input:focus,input:focus,select:focus,textarea:focus{border-color:var(--baso-blue)!important;background:rgba(42,147,210,.08)!important;outline:none!important}
select option{background:#141a23!important;color:#f2f5f9!important}
.quick button,.favorite,.mini,.chip,.done,.save button.load,.seg{border-radius:999px!important}
.btn{border-radius:999px!important}
.notice{border-radius:16px!important;border-left:0!important;background:rgba(42,147,210,.1)!important}
.source-article code,kbd{border-radius:8px!important}

footer{border-top:1px solid var(--baso-line)!important;color:#7d8796!important}
::selection{background:rgba(42,147,210,.4)}
.card .top h1{text-transform:none!important;font-weight:700!important}
.category-num,.category-count,.guide-body span{font-family:'Outfit',system-ui,sans-serif!important}
