/* SENANGSLOT — original neon-blue fantasy marketplace visual system, 2026 */
:root{
 --wine:#041330;--wine2:#082e71;--red:#176bde;--reddeep:#0a459d;
 --orange:#f7b645;--gold:#f8d884;--pale:#eef6ff;--cream:#071a39;
 --ink:#e7f3ff;--mute:#a8c2dd;--stroke:#224874;
 --shadow:0 18px 45px rgba(0,3,24,.35);--radius:19px;--footer-h:78px
}
html{color-scheme:dark}
body{color:var(--ink);background:radial-gradient(ellipse at 76% 1%,#103f84 0,#071a3c 26%,#030f24 67%,#020a1b 100%);background-attachment:fixed}
a:hover{color:#6adeff}
.notice-top{background:#020c21;color:#c4ddf8;border-bottom:1px solid #1f5084}
.notice-top a{color:#ffdc8d}
.site-header{background:linear-gradient(145deg,#06152d,#0d2b5a);border-bottom:1px solid #2b669b;box-shadow:0 7px 25px #0008}
.header-primary{grid-template-columns:222px minmax(180px,1fr) auto;gap:18px;min-height:98px}
.brand{width:222px;height:85px}
.brand img{width:215px;max-height:81px;object-position:left center}
.site-search{background:#071a36;border:1px solid #315c8f;box-shadow:inset 0 1px 8px #0004}
.site-search input{color:#fff}
.site-search input::placeholder{color:#a6c2df}
.site-search span{color:#76d7ff}
.site-search button{background:linear-gradient(125deg,#146cda,#083a91);color:#fff}
.site-search button:hover{background:#158af0}
.button{border-radius:11px;box-shadow:0 4px 12px #0002}
.button-red{background:linear-gradient(115deg,#0474ea,#0c3fa3 80%);border:1px solid #359dff;color:#fff;box-shadow:0 0 20px #027dff38}
.button-red:hover{background:linear-gradient(100deg,#1997ff,#0756d0);color:#fff}
.button-gold{background:linear-gradient(135deg,#fff0b8,#f9c05a,#e6a52c);border-color:#ffdf93;color:#12203a}
.button-gold:hover{background:#ffe1a0;color:#12203a}
.button-outline{background:#092951;border-color:#3b80bc;color:#d9f4ff}
.button-outline:hover{background:#13467d;color:#fff}
.button-soft{background:#102f58;border-color:#265b93;color:#c6e3fa}
.button-soft:hover{background:#164c8b;color:#fff}
.main-nav{background:#04142f;border-color:#285888}
.nav-inner a{color:#c9e3fa}
.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#9fe7ff}
.nav-inner a[aria-current=page]::after{background:linear-gradient(90deg,#13c8ff,#ffdd8c);height:3px}
.ticker{background:linear-gradient(95deg,#03255a,#0e56a9,#05265a);color:#f8fbff;border-top:1px solid #285e9c;border-bottom:1px solid #18558d}
.ticker strong{color:#ffe6ab}
.category-rail{background:linear-gradient(95deg,#06152d,#0d3467);border-bottom:1px solid #235a9a;overflow:hidden}
.category-rail-inner{display:flex;gap:9px;align-items:center;min-height:55px;overflow-x:auto;scrollbar-width:thin}
.rail-title{letter-spacing:.12em;color:#9bbddd;font-size:.73rem;font-weight:850;margin-right:5px;white-space:nowrap}
.category-rail a{display:inline-flex;align-items:center;white-space:nowrap;padding:7px 13px;border-radius:20px;background:#1950854f;border:1px solid #2b689e;color:#e1f2ff;font-size:.82rem;font-weight:750}
.category-rail a:hover{background:#175ba5;color:#fff}
.crumb,.crumb a{color:#b1cce6}
.crumb a:hover{color:#8de6ff}
.eyebrow{color:#7ddafa}
.section-head h2{color:#f2f7ff}
.section-head p{color:#b2cbe6}
.section-head>a{color:#92e1ff}
.card{background:linear-gradient(145deg,#0b264d,#091e3e);border:1px solid #275888;border-radius:20px;box-shadow:var(--shadow)}
.hero-shop{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.hero-shop>.gallery{order:2}
.hero-shop>.shop-details{order:1}
.gallery{padding:13px;background:linear-gradient(150deg,#0c2c5c,#081a34)}
.gallery-main{background:#041129;border:1px solid #2789c3;box-shadow:inset 0 0 35px #138dff20}
.gallery-thumbs{grid-template-columns:repeat(3,1fr);gap:10px}
.thumb{background:#071d3c;border-color:#296399;border-radius:11px;overflow:hidden}
.thumb[aria-pressed=true],.thumb:hover{border-color:#ffdd87;box-shadow:0 0 0 1px #ffe193,0 0 18px #158aff55}
.status{color:#a6c6e3}
.shop-details{background:radial-gradient(circle at 8% 0,#143f7a,#0b2449 55%,#071a38);padding:32px}
.shop-details h1{font-size:clamp(1.91rem,2.8vw,2.8rem);line-height:1.18;color:#fff;text-shadow:0 2px 11px #145cc44a}
.shop-details .lead{color:#d0e4fa}
.shop-meta{border-color:#36638a}
.shop-meta div{color:#9dbbd9}
.shop-meta strong{color:#f8e4b9}
.shop-note{background:#061b38;border:1px solid #27507e;color:#b8cee6}
.tag{background:#173963;color:#ffdd8e;border:1px solid #4c698b}
.highlights{margin-top:22px}
.highlight{background:#0b2346;border:1px solid #244e7b;border-radius:15px;color:#e3effe}
.highlight strong{color:#f7faff}
.highlight span{color:#b6cce6}
.hi-icon{background:#144577;border:1px solid #246ea8}
.feature-card .cover{background:#061834;border:1px solid #245b8a;overflow:hidden}
.feature-card .cover img{object-fit:contain}
.feature-card .inside h3 a{color:#edf7ff}
.feature-card .inside h3 a:hover{color:#7fe4ff}
.feature-card .inside p,.blog-card p{color:#b4cce3}
.mini-btn{border-color:#3c6897;color:#c8e7fc;background:#09274c}
.mini-btn:hover{background:#14518b;color:#fff}
.mini-btn.fill{background:#115cb8;border-color:#2e8df0;color:#fff}
.mini-btn.fill:hover{background:#187bd8;color:#fff}
.blog-card h3{color:#f3f8ff}
.blog-card a{color:#83defc}
.hero-page{background:linear-gradient(115deg,#0b264e,#0b3368);border-left:4px solid #28ceff}
.hero-page h1{color:#f5faff}
.hero-page p{color:#c4daf3}
.hero-page .page-visual,.content-banner{background:#06182f;border:1px solid #276391}
.article-main{background:#0a2143}
.article-main h2{color:#d7efff;border-color:#2b537e}
.article-main p{color:#c6d9ed}
.article-main li,.article-main ul{color:#c6d9ed}
.article-main a:not(.button){color:#9ce9ff}
.article-main a:hover{color:#fff}
.side-panel{background:#0c2a50}
.side-panel h3{color:#f7fbff}
.side-panel a{color:#d1eafa}
.callout,.empty{background:#0b3461;border:1px solid #32669a;color:#d8e8f7}
.faq-card{background:#0b2547;border:1px solid #285582}
.faq-card summary{color:#ecf7ff}
.faq-card p{color:#c2d9ec}
.section-band{background:radial-gradient(ellipse at right,#11569d,#05214e 70%);border:1px solid #367aa9;box-shadow:0 24px 45px #0007}
.section-band h2{color:#fff}
.section-band p{color:#cfebff}
.section-band .button-outline{color:#fff;border-color:#74acd9}
.section-band .button-outline:hover{background:#245b8d}
.site-footer{background:#020d22;color:#eaf2ff;border-top:3px solid #39bff5}
.footer-grid p{color:#b3cce7}
.footer-links a{color:#c6e1f7}
.footer-links a:hover{color:#ffe6ab}
.footer-bottom{color:#a2b7d1}
.bottom-dock{background:linear-gradient(105deg,#03152f,#0b3676,#03152f);border-top:2px solid #3cceff;box-shadow:0 -6px 30px #0009}
.dock-inner{grid-template-columns:repeat(4,minmax(0,1fr));max-width:720px;gap:6px}
.dock-link{color:#ecf7ff}
.dock-link:hover{background:#1963a955;color:#f9d993}
.dock-link.cta{color:#eaf7ff;background:#1354a3}
.compare-tray{background:#0b2d59;border-color:#327ac0;color:#ebf7ff}
.compare-list .item{border-color:#2d649a}
.compare-list .item strong{color:#9eddff}
.modal{background:#0b2248;color:#edf6ff}
.modal .close{background:#143f78;color:#fff}
.list-toolbar input{border-color:#316ba4;background:#071d3a;color:#e9f4ff}
.list-toolbar input::placeholder{color:#a8c6e3}
.list-toolbar input:focus{border-color:#4bcbfb}
.filter-stats{color:#a7c4e2}
.category-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:19px 0 23px}
.category-tile{display:flex;flex-direction:column;gap:7px;padding:20px;min-height:195px;transition:transform .2s,border-color .2s;background:linear-gradient(135deg,#0b2a54,#0a1f3f)}
.category-tile:hover{transform:translateY(-4px);border-color:#3bd2ff;color:#fff}
.category-tile .category-symbol{font-size:1.65rem}
.category-tile strong{color:#f4faff;font-size:1rem;line-height:1.3}
.category-tile>span:not(.category-symbol){font-size:.82rem;color:#bfd5eb;line-height:1.55;flex:1}
.category-tile small{font-size:.78rem;color:#89e7ff;font-weight:800}
@media(min-width:1100px){.gallery-main{aspect-ratio:1/1}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1040px){
 .hero-shop{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .header-primary{grid-template-columns:170px minmax(180px,1fr)}
 .brand{width:170px;height:68px}.brand img{width:166px;max-height:65px}
 .category-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
 :root{--footer-h:72px}
 .hero-shop{grid-template-columns:1fr}
 .hero-shop>.gallery{order:1}
 .hero-shop>.shop-details{order:2}
 .category-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .category-tile{padding:15px;min-height:195px}
 .site-search{min-width:0}
 .header-primary{grid-template-columns:132px minmax(0,1fr);gap:9px}
 .brand{width:130px;height:57px}.brand img{width:130px;max-height:57px}
 .header-actions{grid-column:1/-1}
 .header-actions .button{flex:1;font-size:.8rem}
 .nav-inner{gap:20px}
 .dock-inner{padding:4px 6px;gap:3px}
 .dock-link{font-size:.68rem;gap:1px;border-radius:8px}
 .dock-link .dock-icon{font-size:1.24rem}
 .article-main{padding:21px}
 .content-split{grid-template-columns:minmax(0,1fr)}
 .content-split > *{min-width:0;max-width:100%}
 .article-main{min-width:0;overflow-wrap:anywhere}
 .article-main .ticker{max-width:100%}
}
@media(max-width:390px){
 .shell{padding-left:12px;padding-right:12px}
 .brand{width:110px}.brand img{width:110px}
 .header-primary{grid-template-columns:112px minmax(0,1fr)}
 .site-search span{display:none}
 .site-search button{padding:0 10px}
 .header-actions .button{padding:9px 6px;font-size:.73rem}
 .shop-details{padding:20px}
 .shop-details h1{font-size:1.72rem}
 .dock-link{font-size:.6rem}
 .category-tile{min-height:180px;padding:12px}
}
@media(max-width:350px){.category-tiles{grid-template-columns:1fr}.category-tile{min-height:120px}}
@media(prefers-reduced-motion:reduce){.category-tile:hover{transform:none}}