:root{--primary:#452608;--secondary:#563010;--accent:#160D01;--coal:#100b07;--soil:#201307;--surface:#2a1a0b;--surface2:#321d0b;--rim:#684724;--line:#77533366;--gold:#e5b66d;--gold2:#f9d99e;--cream:#f6e9d3;--muted:#b9a389;--pale:#e9d5ba;--red:#e7827b;--emerald:#8dbca3;--felt:#19372f;--felt2:#10271f;--shadow:0 22px 65px #050200aa;--display:Georgia,'Times New Roman',serif;--body:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
    *,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--accent);color:var(--cream);font:14px/1.65 var(--body);min-width:320px;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% -15%,#6b3f17a6,transparent 45%),radial-gradient(ellipse at 7% 55%,#42270c68,transparent 42%),linear-gradient(115deg,#160d01,#241505 56%,#160d01)}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h120v120H0z'/%3E%3C/svg%3E")}
    ::selection{background:#d3a963;color:#160d01}a{color:inherit}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.44;filter:saturate(.5)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f8cd8a;outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,h4,p{overflow-wrap:break-word}h1,h2,h3,h4{line-height:1.18}section[id],article[id],div[id='arena']{scroll-margin-top:92px}.shell{width:min(1440px,calc(100% - 52px));margin-inline:auto}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.23em;font-weight:800;color:var(--gold)}.eyebrow::before{content:"✦";margin-right:10px}.hairline{border-bottom:1px solid var(--line)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
    .announce{min-height:33px;padding:7px 20px;text-align:center;background:linear-gradient(90deg,#7a4d1d,#b78649 50%,#704516);color:#1f1205;font-size:10px;letter-spacing:.2em;font-weight:900;text-transform:uppercase}.announce span{margin-inline:14px;opacity:.5}.site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 0 19px;border-bottom:1px solid #a8743759}.identity{display:flex;align-items:center;gap:15px;min-width:0;text-decoration:none}.identity>span{position:relative}.brand-logo{display:block;width:210px;height:65px;max-height:65px;object-fit:contain;object-position:left center;position:relative;z-index:1}.brand-caption{display:block;color:var(--muted);letter-spacing:.19em;text-transform:uppercase;font-size:8px;font-weight:800;margin-top:6px}.site-nav{display:flex;align-items:center;gap:32px}.site-nav a{text-decoration:none;text-transform:uppercase;font-weight:800;letter-spacing:.13em;font-size:10px;color:#e4cba5;transition:color .2s}.site-nav a:hover{color:#fff}.nav-action{display:inline-flex;justify-content:center;gap:10px;align-items:center;padding:13px 18px;border:1px solid var(--gold);color:#1c1207!important;background:linear-gradient(135deg,#f6d29b,#c58c46);font-size:11px!important;box-shadow:inset 0 1px #fff8}.nav-action:hover{filter:brightness(1.08)}
    .hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);min-height:435px;margin:27px auto 20px;overflow:hidden;border:1px solid #a4774059;background:radial-gradient(ellipse at 72% 40%,#86521f54,transparent 51%),linear-gradient(118deg,#301b0a,#160e06);box-shadow:var(--shadow)}.hero::before,.hero::after{content:"";position:absolute;pointer-events:none;inset:10px;border:1px solid #d3ac6542}.hero::after{inset:17px;border-color:#d3ac6519}.hero-copy{position:relative;z-index:2;padding:58px clamp(26px,4.5vw,75px) 46px}.hero-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid #c8955268;padding:7px 12px;color:#f2cf95;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.13em;background:#160e06ab}.hero-badge i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:0 0 14px #8dbca3}.hero h1{font:700 clamp(58px,7vw,112px)/.99 var(--display);margin:17px 0 16px;color:var(--gold2);letter-spacing:-.055em;text-shadow:0 8px 23px #000b}.hero h1 span{display:block;color:var(--cream);font:600 clamp(20px,2.7vw,36px)/1.16 var(--display);letter-spacing:-.01em;margin-top:8px}.hero-description{max-width:590px;font-size:14px;line-height:1.95;color:#d6bfa1}.hero-description strong{color:#ffdeb0}.hero-cta{display:flex;gap:13px;flex-wrap:wrap;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #dda861;padding:12px 20px;min-height:47px;background:linear-gradient(130deg,#f7d299 0%,#cd9650 72%,#ad6e31);color:#2b1706;text-decoration:none;text-align:center;text-transform:uppercase;font-weight:900;letter-spacing:.075em;font-size:11px;box-shadow:inset 0 1px 0 #fff8,0 5px 0 #6b4119,0 14px 23px #0004;transition:transform .16s,filter .16s}.button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #fff8,0 2px 0 #6b4119}.button.ghost{background:#f9dfae0a;box-shadow:none;border-color:#b991607d;color:#f1d4a7}.button.ghost:hover:not(:disabled){background:#f1c47a1b}.button.alert{background:#673023;color:#ffdbbd;border-color:#ba6351;box-shadow:none}.hero-foot{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px;font-size:11px;font-weight:800;letter-spacing:.06em;color:#c6a57b}.hero-foot strong{color:var(--gold2)}.hero-art{position:relative;isolation:isolate;min-height:435px;display:flex;justify-content:center;align-items:center;padding:34px}.hero-art::before{content:"";position:absolute;width:105%;aspect-ratio:1;max-height:630px;border:1px solid #e4ba7235;border-radius:50%;box-shadow:0 0 0 30px #ddad6910,0 0 0 90px #b0875410;background:radial-gradient(circle,#5a351bb0 0%,transparent 68%)}.hero-art::after{content:"♠";font:200px/1 var(--display);opacity:.07;position:absolute;transform:rotate(-20deg);z-index:-1}.banner-plate{position:relative;width:min(325px,86%);aspect-ratio:1;padding:10px;border:1px solid #b38850;background:linear-gradient(125deg,#845b31,#331d0a 28%,#a97b40 60%,#3b220a);box-shadow:0 28px 60px #050300aa,0 0 0 7px #100a04,inset 0 0 0 2px #e4b56f44;transform:rotate(3deg)}.banner-plate img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;background:#281507;position:relative;z-index:1}.banner-seal{position:absolute;bottom:5px;right:7px;transform:translate(28%,40%) rotate(-15deg);height:88px;width:88px;display:grid;place-content:center;border-radius:50%;border:4px double #4e2808;background:radial-gradient(circle,#f9d393,#c08d45);color:#452608;font:800 11px/1.3 var(--body);text-align:center;box-shadow:0 10px 25px #0008}.banner-seal strong{font:900 23px/1 var(--display)}
    .chapter-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:37px 0 17px}.chapter-heading h2{margin:7px 0 0;font:700 clamp(27px,3.3vw,43px)/1.08 var(--display);letter-spacing:-.025em}.chapter-heading p{margin:0;color:var(--muted);font-size:12px}.edition{font:800 9px var(--body);letter-spacing:.15em;color:#b5966d;text-transform:uppercase}
    .game-shell{position:relative;border:1px solid #9d743e;background:linear-gradient(155deg,#462a10,#1c1208 35%,#271707);box-shadow:0 28px 90px #0009,0 0 0 5px #1d1105,0 0 0 6px #69462075;overflow:hidden}.game-shell::before{content:"";position:absolute;inset:7px;border:1px solid #d2a55c33;pointer-events:none;z-index:1}.game-top{min-height:62px;padding:14px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(90deg,#543313,#321d0a);border-bottom:1px solid #d6aa6240}.game-top-logo{font:700 19px var(--display);letter-spacing:.02em;color:var(--gold2)}.game-top-logo span{font:800 9px var(--body);color:#bb9870;letter-spacing:.15em;margin-left:10px;vertical-align:3px}.top-tools{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.chip-display{padding:8px 12px;background:#130d06aa;border:1px solid #b78c5c61;font-size:12px;color:#ecd6b6;font-weight:700;white-space:nowrap}.chip-display b{color:var(--gold2);font-size:17px}.icon-button{min-height:34px;background:#291809;border:1px solid #956c3f69;color:#e7cda4;padding:6px 10px;letter-spacing:.03em;font-size:11px;font-weight:800}.icon-button:hover{background:#523012}.scene{padding:clamp(15px,3vw,28px)}.view[hidden]{display:none!important}
    .welcome{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:stretch}.welcome-main{position:relative;min-height:330px;display:flex;flex-direction:column;justify-content:center;padding:38px;background:radial-gradient(circle at 76% 39%,#75481944,transparent 65%),linear-gradient(125deg,#2d1d0d,#1e140a);border:1px solid var(--line)}.welcome-main::after{content:"♠";font:320px/1 var(--display);position:absolute;right:6%;top:0;pointer-events:none;color:#e6af5811}.welcome-main>*{position:relative;z-index:1}.welcome-main h3{font:700 clamp(36px,5vw,60px)/1.04 var(--display);letter-spacing:-.04em;margin:14px 0 12px;max-width:550px}.welcome-main p{max-width:490px;color:#cdb99d;line-height:1.85}.welcome-side{border:1px solid #986e415f;padding:24px;background:repeating-linear-gradient(45deg,#0000 0,#0000 15px,#f0bd6007 15px,#f0bd6007 16px),#271808}.welcome-side h4{margin:0 0 18px;font-size:13px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold2)}.ledger-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #90663d40;padding:13px 0;font-size:12px;color:#cbb394}.ledger-row strong{color:#f9d99e;text-align:right}.welcome-side .button{width:100%;margin-top:27px}.continue-note{font-size:11px;color:#e7c48c;margin-top:14px}.hidden{display:none!important}
    .battle-columns{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:18px}.board-wrap{min-width:0}.status-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:13px}.status-box{border:1px solid #916b443a;background:#160f08b8;padding:11px 12px;min-width:0}.status-box small{display:block;color:#b59a78;text-transform:uppercase;font-size:9px;letter-spacing:.11em;font-weight:800}.status-box b{display:block;margin-top:3px;color:#f7d9a8;font:700 20px/1.2 var(--display);white-space:nowrap}.status-box b.hp-alert{color:var(--red)}.table-rim{padding:9px;background:linear-gradient(135deg,#85582c,#3e230d 32%,#936337 64%,#39200a);border:1px solid #b68852;box-shadow:inset 0 1px 2px #eac69080,0 16px 35px #0009}.table-felt{position:relative;min-height:425px;border:3px solid #0e190f;border-radius:clamp(20px,5vw,85px);padding:23px 14px 18px;overflow:hidden;text-align:center;background:repeating-linear-gradient(0deg,#ffffff04 0,#ffffff04 1px,transparent 1px,transparent 5px),radial-gradient(ellipse at 50% 42%,#315447 0%,#19382c 50%,#0e231c 100%);box-shadow:inset 0 0 0 5px #879c6b2d,inset 0 0 80px #020e0bbb}.table-felt::before{content:"";position:absolute;inset:19px;border:1px solid #ccdbac30;border-radius:inherit;pointer-events:none}.felt-insignia{position:absolute;inset:0;display:grid;place-content:center;opacity:.052;font:280px/1 var(--display);pointer-events:none;color:#fff}.boss-area{position:relative;z-index:1}.boss-insignia{height:73px;width:73px;border:2px solid #c39f66;border-radius:50%;display:grid;place-content:center;margin:0 auto 9px;background:radial-gradient(circle at 32% 30%,#7a4e27,#1a0d05 75%);font:38px var(--display);color:#f3d4a2;box-shadow:0 7px 22px #0008,inset 0 0 0 4px #241308}.boss-name{font:700 clamp(18px,2.2vw,25px)/1.25 var(--display);margin:0;color:#fff1ce}.boss-subtitle{font-size:10px;color:#bcdbca;letter-spacing:.09em;text-transform:uppercase;font-weight:800;margin-top:4px}.health-line{width:min(290px,94%);height:10px;margin:10px auto 5px;border:1px solid #c6dcc05c;border-radius:10px;background:#071910;overflow:hidden}.health-fill{width:100%;height:100%;transition:width .35s;background:linear-gradient(90deg,#a02c2a,#eb8b77)}.health-fill.is-player{background:linear-gradient(90deg,#548e67,#b1d9a3)}.health-text{font-weight:800;font-size:11px;color:#e7e5d2}.intent{display:inline-block;max-width:95%;margin:8px auto 2px;border:1px solid #d6b67c76;background:#091b15c9;padding:6px 11px;font-size:11px;color:#f1d1a4}.table-separator{display:flex;justify-content:center;gap:12px;align-items:center;margin:14px auto 8px;font-size:9px;font-weight:900;letter-spacing:.23em;color:#d4d8c6}.table-separator::before,.table-separator::after{content:"";height:1px;width:min(90px,12vw);background:#e3e2b15a}.card-row{position:relative;z-index:2;display:flex;justify-content:center;gap:clamp(3px,.65vw,9px);align-items:center;min-height:119px;flex-wrap:nowrap}.playing-card{--card-height:112px;position:relative;flex:0 1 74px;min-width:0;max-width:79px;height:var(--card-height);border-radius:7px;border:2px solid #efe4d4;color:#21170e;background:linear-gradient(145deg,#fffdf8,#ebddc7);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:1px 3px 0 #907c5c,0 10px 14px #0008;transition:transform .18s,box-shadow .18s,border-color .18s;animation:dealIn .32s both;animation-delay:calc(var(--i)*38ms);padding:0;overflow:hidden}.playing-card::after{content:"";position:absolute;inset:4px;border:1px solid #9e835e26;border-radius:3px;pointer-events:none}.playing-card .corner{position:absolute;top:5px;left:6px;font:800 10px/1.1 var(--body);text-align:left}.playing-card .corner.bottom{top:auto;left:auto;bottom:5px;right:6px;transform:rotate(180deg)}.playing-card .card-rank{font:700 clamp(16px,2vw,28px)/1 var(--display)}.playing-card .card-suit{font:35px/1.1 var(--display)}.playing-card.red{color:#b03532}.playing-card:hover:not(:disabled){transform:translateY(-7px)}.playing-card.selected{border-color:#ffd88a;transform:translateY(-15px);box-shadow:1px 3px 0 #8a682e,0 0 0 3px #f5c172,0 18px 17px #0009}.playing-card.selected:hover:not(:disabled){transform:translateY(-17px)}.playing-card:disabled{opacity:.82;cursor:default}.card-caption{position:relative;z-index:1;margin:11px 0 0;font-size:11px;color:#d5e5cf}.card-caption strong{color:#fff0cd}@keyframes dealIn{from{opacity:0}to{opacity:1}}.battle-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:13px;border:1px solid #9c713d56;background:#160f07be;padding:14px}.combo-result{min-width:0}.combo-result b{display:block;color:#ffe0ab;font:700 22px var(--display)}.combo-result span{color:#b7a087;font-size:11px}.battle-buttons{display:flex;flex-wrap:wrap;gap:9px}.battle-buttons .button{min-height:40px;padding:9px 13px;font-size:10px;box-shadow:none}.battle-sidebar{display:flex;flex-direction:column;gap:13px}.sidebar-panel{border:1px solid #9d723c59;background:linear-gradient(145deg,#42280f,#221507);padding:17px}.sidebar-panel h3{margin:0 0 16px;font:700 19px var(--display);color:#f4d5a2}.sidebar-panel .eyebrow{font-size:9px}.player-hp-header{display:flex;align-items:baseline;justify-content:space-between;gap:6px;font-size:11px;color:#dac4a5}.player-hp-header b{color:#f5dcae}.sidebar-panel .health-line{width:100%;margin:10px 0}.buff-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.buff-cell{border:1px solid #bd8d4742;padding:9px;background:#100a0575}.buff-cell span{display:block;color:#ab9070;text-transform:uppercase;font-size:9px;letter-spacing:.06em;font-weight:800}.buff-cell b{display:block;color:#f5d39a;margin-top:4px;font-size:14px}.boss-file{margin:11px 0 0;color:#c1aa8a;font-size:11px;line-height:1.8}.mini-divider{height:1px;background:#8c602f66;margin:12px 0}.log-scroll{overflow:auto;max-height:216px;scrollbar-width:thin;scrollbar-color:#9e723c transparent}.log-item{font-size:11px;color:#dcc5a2;line-height:1.6;border-bottom:1px solid #c99a5c29;padding:9px 0;margin:0}.log-item::before{content:"◆";color:#d09f5d;margin-right:9px;font-size:7px}.keyboard-hint{font-size:10px;color:#9f876a;line-height:1.7}
    .shop-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px}.shop-aside{border:1px solid #ba905849;background:#1b1208;padding:22px}.shop-aside h3{font:700 34px/1.1 var(--display);margin:14px 0}.shop-aside p{font-size:12px;color:#c8ac88}.shop-aside strong{color:var(--gold2)}.shop-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shop-card{padding:19px;display:flex;flex-direction:column;gap:10px;min-height:213px;background:linear-gradient(145deg,#493018,#291906);border:1px solid #a87d465c}.shop-card:hover{border-color:#e2b5729d}.shop-icon{font-size:24px}.shop-card h4{font:700 21px var(--display);margin:0;color:var(--gold2)}.shop-card p{margin:0;color:#cdb393;font-size:11px;line-height:1.65;flex:1}.shop-price{font-size:12px;font-weight:800;color:#ffdfa7}.shop-price small{font-size:10px;color:#a58b66;font-weight:600}.shop-card .button{min-height:38px;box-shadow:none;font-size:10px;width:100%;padding:8px 7px}.shop-footer{margin-top:17px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;color:#bba184;font-size:11px}.ending{max-width:720px;margin:0 auto;text-align:center;padding:46px 25px 52px;background:radial-gradient(circle at 50% 18%,#77502675,transparent 55%)}.ending-icon{font-size:65px}.ending h3{font:700 clamp(36px,6vw,68px)/1.05 var(--display);color:#ffe0a8;margin:14px 0}.ending p{color:#d0b99a;line-height:1.9}.ending-stat{color:#ffe0a8!important;font-weight:800}.ending .button{margin-top:16px}
    .features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.feature{border:1px solid #9c754456;background:linear-gradient(120deg,#30200f,#211508);padding:19px;min-height:132px}.feature span{font-size:23px}.feature h3{font:700 18px var(--display);margin:9px 0 5px}.feature p{font-size:11px;color:#bda787;line-height:1.65;margin:0}
    .editorial{margin:53px auto 28px;border:1px solid #a77a4261;background:linear-gradient(150deg,#261807,#1b1209 60%,#251609);box-shadow:var(--shadow)}.editorial-head{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:30px;padding:clamp(23px,4vw,49px);border-bottom:1px solid var(--line)}.editorial-head h2{font:700 clamp(32px,4.5vw,60px)/1.09 var(--display);letter-spacing:-.035em;margin:15px 0 20px;max-width:880px}.editorial-head p{font-size:14px;line-height:2;color:#d0bba0;max-width:760px;margin:0}.editorial-side{align-self:center;border-top:2px solid #ca9654;padding-top:19px;color:#d5b487}.editorial-side .big-suit{font:96px/.8 var(--display);color:#be8f51}.editorial-side span{display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;margin-top:16px}.toc{display:grid;grid-template-columns:190px repeat(4,minmax(0,1fr));gap:10px;align-items:center;padding:16px clamp(23px,4vw,49px);background:#3b250f;border-bottom:1px solid var(--line)}.toc strong{font:700 17px var(--display);color:var(--gold2)}.toc a{font-size:10px;text-decoration:none;text-transform:uppercase;font-weight:800;letter-spacing:.07em;color:#e1c9a8;padding:10px;border:1px solid #ad864657;transition:background .2s}.toc a:hover{background:#ab7d3833}.article-row{display:grid;grid-template-columns:175px minmax(0,1fr);gap:34px;padding:38px clamp(23px,4vw,49px);border-bottom:1px solid #a37c4d42}.section-number{font-size:11px;font-weight:900;letter-spacing:.13em;color:#bd9562}.section-number::before{content:"— ";color:#f3c580}.article-body{max-width:950px;min-width:0}.article-row>*{min-width:0}.article-body h3{font:700 clamp(27px,3.15vw,42px)/1.18 var(--display);margin:0 0 19px;color:#f8dbae;letter-spacing:-.02em}.article-body h4{font:700 23px var(--display);margin:25px 0 8px;color:#efd0a1}.article-body p{color:#d1bba0;font-size:13.5px;line-height:1.98;margin:0 0 17px}.article-body strong{color:#f9d8a8}.article-body ol,.article-body ul{padding-left:22px;color:#d1bba0;line-height:2;font-size:13px}.article-body li{padding-left:6px;margin-bottom:9px}.article-highlight{border-left:3px solid #d6a563;padding:18px 22px;margin:24px 0;background:#bc8a3f10;font:italic 21px/1.6 var(--display);color:#f5d7a4}.data-table{overflow-x:auto;margin:24px 0;border:1px solid #9d724c5c}.data-table table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:470px}.data-table caption{text-align:left;background:#3e270f;color:#efd1a0;font-weight:800;padding:12px 16px;letter-spacing:.06em}.data-table th{background:#39220e;color:#f4d4a0;padding:12px 15px;border-bottom:1px solid #b78c5970;white-space:nowrap}.data-table td{padding:11px 15px;color:#dec4a3;border-bottom:1px solid #aa7f4a36}.data-table tbody tr:nth-child(odd){background:#9b784015}.data-table td:last-child{font-weight:800;color:#f6d298}.article-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.article-card{border:1px solid #936c3f75;padding:18px;background:#3b2610}.article-card b{font:700 20px var(--display);color:#fad49b}.article-card p{font-size:12px;line-height:1.75;margin:10px 0 0}.faq details{border-bottom:1px solid #a77d4d53;padding:0;background:#ac82400a}.faq summary{list-style:none;padding:20px 14px;cursor:pointer;color:#f1d4ab;font-weight:750;font-size:14px;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';color:#dbab6a;font-size:20px;font-weight:800}.faq details[open] summary::after{content:'−'}.faq details p{padding:0 25px 21px 14px;margin:0;max-width:800px}.article-end{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:25px clamp(23px,4vw,49px);background:linear-gradient(100deg,#482c11,#2b1a09)}.article-end h3{font:700 28px var(--display);margin:0 0 4px;color:#f9dcab}.article-end p{color:#ceb495;font-size:12px;margin:0}.site-footer{margin:28px auto 42px;padding:22px 0;border-top:1px solid #98714268;display:flex;align-items:start;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px;color:#a88d68}.site-footer strong{color:#e8c18d}.site-footer a{text-decoration:none;color:#dbb47c}.toast{position:fixed;z-index:40;bottom:25px;left:50%;transform:translate(-50%,100px);opacity:0;pointer-events:none;padding:13px 21px;max-width:min(560px,90vw);text-align:center;border:1px solid #dfb47a;background:#1d140af2;box-shadow:0 15px 50px #000d;color:#f5d4a5;font-size:12px;font-weight:750;transition:transform .3s,opacity .3s}.toast.show{transform:translate(-50%,0);opacity:1}.damage-pop{position:absolute;z-index:9;left:50%;top:30%;transform:translate(-50%,-50%);font:700 48px/1 var(--display);color:#fff0b6;pointer-events:none;text-shadow:0 5px 15px #000;animation:popDamage .65s ease-out both}@keyframes popDamage{0%{opacity:0;transform:translate(-50%,0) scale(.7)}35%{opacity:1;transform:translate(-50%,-35%) scale(1.18)}100%{opacity:0;transform:translate(-50%,-105%) scale(1)}}
    @media(max-width:1150px){.site-nav{gap:17px}.hero{grid-template-columns:minmax(0,1fr) 340px}.hero-copy{padding:45px 30px}.hero h1{font-size:75px}.battle-columns{grid-template-columns:minmax(0,1fr) 232px}.shop-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.toc{grid-template-columns:repeat(4,1fr)}.toc strong{grid-column:1/-1}.welcome{grid-template-columns:minmax(0,1fr) 280px}}
    @media(max-width:850px){.shell{width:min(100% - 30px,1440px)}.site-nav{gap:12px}.site-nav a:not(.nav-action){display:none}.hero{grid-template-columns:1fr 260px;min-height:370px}.hero-copy{padding:40px 24px}.hero h1{font-size:62px}.hero-art{min-height:340px;padding:20px}.banner-plate{width:210px}.banner-seal{height:67px;width:67px;font-size:9px}.banner-seal strong{font-size:18px}.battle-columns{grid-template-columns:1fr}.battle-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}.battle-sidebar .sidebar-panel:last-child{grid-column:1/-1}.welcome{grid-template-columns:1fr}.welcome-main{min-height:265px}.welcome-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.welcome-side h4,.welcome-side .button,.welcome-side .continue-note{grid-column:1/-1}.features{grid-template-columns:repeat(2,1fr)}.editorial-head{grid-template-columns:1fr}.editorial-side{display:none}.article-row{grid-template-columns:125px minmax(0,1fr);gap:14px}.article-cards{grid-template-columns:1fr 1fr}}
    @media(max-width:600px){.announce{font-size:8px;letter-spacing:.12em}.announce span{margin-inline:4px}.site-header{padding:13px 0}.brand-logo{width:150px;max-height:49px}.brand-caption{font-size:7px}.nav-action{padding:10px;font-size:9px!important}.hero{display:flex;flex-direction:column;margin-top:16px}.hero-copy{padding:31px 22px 14px}.hero h1{font-size:clamp(47px,13vw,76px)}.hero h1 span{font-size:24px}.hero-description{font-size:12px}.hero-art{min-height:235px;padding:8px 0 25px}.hero-art::before{width:240px}.banner-plate{width:190px}.hero-foot{margin-top:22px}.hero-cta .button{flex:1}.chapter-heading{align-items:start}.chapter-heading p{display:none}.game-top{padding:12px;gap:7px}.game-top-logo{font-size:16px}.game-top-logo span{display:none}.top-tools{gap:6px}.chip-display{padding:6px 8px;font-size:10px}.chip-display b{font-size:14px}.icon-button{font-size:10px;padding:5px}.scene{padding:11px}.welcome-main{padding:22px}.welcome-main h3{font-size:37px}.welcome-side{padding:14px}.status-row{gap:5px}.status-box{padding:8px 6px}.status-box small{font-size:7px;letter-spacing:0}.status-box b{font-size:17px}.table-rim{padding:5px}.table-felt{min-height:370px;padding:18px 6px 14px;border-radius:24px}.table-felt::before{inset:9px}.boss-insignia{height:53px;width:53px;font-size:28px;margin-bottom:6px}.boss-name{font-size:20px}.boss-subtitle{font-size:9px}.intent{font-size:10px}.health-line{margin:7px auto 3px}.card-row{gap:6px;min-height:178px;flex-wrap:wrap}.playing-card{--card-height:80px;border-width:1px;max-width:56px;flex:0 0 53px;border-radius:5px}.playing-card .card-rank{font-size:17px}.playing-card .card-suit{font-size:26px}.playing-card .corner{font-size:8px;top:3px;left:3px}.playing-card .corner.bottom{bottom:3px;right:3px}.card-caption{font-size:10px}.table-separator{margin:12px 0 7px}.battle-actions{padding:11px;flex-direction:column;align-items:stretch}.combo-result b{font-size:19px}.battle-buttons{display:grid;grid-template-columns:1fr 1fr}.battle-buttons .button:first-child{grid-column:1/-1}.battle-sidebar{grid-template-columns:1fr}.battle-sidebar .sidebar-panel:last-child{grid-column:auto}.shop-layout{grid-template-columns:1fr}.shop-catalog{grid-template-columns:1fr 1fr;gap:8px}.shop-card{padding:12px;min-height:205px}.shop-card h4{font-size:18px}.shop-card p{font-size:10px}.shop-card .button{font-size:9px}.features{gap:8px}.feature{padding:13px}.editorial{margin-top:40px}.editorial-head{padding:26px 19px}.editorial-head h2{font-size:35px}.editorial-head p{font-size:12.5px}.toc{padding:15px 19px;grid-template-columns:1fr 1fr;gap:7px}.toc a{font-size:9px}.article-row{grid-template-columns:1fr;gap:10px;padding:27px 19px}.section-number{font-size:10px}.article-body h3{font-size:31px}.article-cards{grid-template-columns:1fr}.article-end{padding:22px 19px}.article-end .button{width:100%}}
    @media(max-width:365px){.brand-logo{width:119px}.nav-action{padding:8px}.hero h1{font-size:44px}.playing-card{--card-height:76px;flex-basis:52px}.playing-card .card-rank{font-size:17px}.playing-card .card-suit{font-size:22px}.playing-card .corner{font-size:7px}.table-felt{padding-inline:4px}.status-box b{font-size:14px}.shop-catalog{grid-template-columns:1fr}}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* ===== Original RAJAPOKER CSS block ===== */

/* ===========================================================
   RAJAPOKER / BLACK-GOLD PIXEL ATELIER
   Visual redesign only — preserves existing assets & game code.
   =========================================================== */

:root {
  /* Original metallic gold / copper / ivory / emerald palette preserved. */
  --primary:#452608;--secondary:#563010;
  --accent:#090909;--coal:#080806;--soil:#12100d;
  --surface:#191510;--surface2:#22190f;--rim:#684724;
  --line:#97734550;
  --gold:#e5b66d;--gold2:#f9d99e;--cream:#f6e9d3;
  --muted:#b9a389;--pale:#e9d5ba;--red:#e7827b;
  --emerald:#8dbca3;--felt:#19372f;--felt2:#10271f;
  --shadow:0 24px 58px #000c,0 3px 0 #73532c3f;
  --display:Georgia,'Times New Roman',serif;
  --body:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --pixel:'Silkscreen','Courier New',monospace;
  --rim-bright:#b48a4c;
  --rim-soft:#6b4a28;
  --panel-black:#10100e;
}
html{scroll-padding-top:98px}
body{background:#080808;color:var(--cream);font-size:14px;line-height:1.7;letter-spacing:.005em}
body::before{
  background:
    radial-gradient(ellipse 62% 48% at 53% -10%,#76502238 0%,transparent 75%),
    radial-gradient(ellipse 35% 32% at 98% 32%,#5f402124 0%,transparent 78%),
    radial-gradient(ellipse 40% 40% at 0% 76%,#31504617 0%,transparent 76%),
    linear-gradient(90deg,#dab27007 1px,transparent 1px),
    linear-gradient(#dab27007 1px,transparent 1px),
    linear-gradient(135deg,#080807 0%,#11100e 45%,#0a0908 72%,#050505 100%);
  background-size:auto,auto,auto,32px 32px,32px 32px,auto;
}
body::after{
  z-index:20;opacity:.065;
  background:repeating-linear-gradient(0deg,transparent 0 3px,#07070750 3px 4px);
}
::selection{background:#d9aa67;color:#0e0c08}
a,button,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px dashed var(--gold2);outline-offset:5px}
.shell{width:min(1320px,calc(100% - 64px))}
.eyebrow,.edition,.brand-caption,.section-number{font-family:var(--pixel);font-weight:400;letter-spacing:.04em}
.eyebrow{font-size:11px;line-height:1.6;letter-spacing:.035em;color:#e1b573}
.eyebrow::before{content:'◆';font-family:var(--body);font-size:11px;vertical-align:1px;margin-right:10px;color:#cf9551}
/* Top bar, logo & navigation */
.announce{
  min-height:35px;padding:9px 15px 8px;
  border-bottom:1px solid #8f673a8a;
  background:linear-gradient(90deg,#0a0a09 0%,#22190e 25%,#342516 50%,#22190e 75%,#0a0a09 100%);
  color:#edc589;font:700 10px/1.5 var(--pixel);letter-spacing:.04em;text-shadow:0 1px #0a0703;
}
.announce span{color:#e0b16b;opacity:.7;margin-inline:20px}
.site-header{
  position:relative;z-index:5;
  min-height:102px;padding:20px 4px;
  background:linear-gradient(180deg,#10100dd9,#0d0c0acc);
  border-bottom:1px solid #8461378a;
}
.site-header::after{content:'';position:absolute;bottom:-3px;left:0;width:88px;height:3px;background:#e5b66d;box-shadow:88px 0 #76512e,176px 0 #322314}
.identity{gap:12px}.brand-logo{width:210px;height:67px;filter:drop-shadow(0 4px 8px #0009)}
.brand-caption{font-size:8px;color:#a99371;letter-spacing:.05em;margin-top:2px}
.site-nav{gap:24px}
.site-nav a{position:relative;font:700 11px/1.4 var(--pixel);letter-spacing:0;color:#cfc0a6}
.site-nav a:not(.nav-action)::after{content:'';position:absolute;bottom:-9px;left:0;width:0;height:2px;background:var(--gold);transition:width .2s}
.site-nav a:not(.nav-action):hover::after{width:100%}
.site-nav a:hover{color:#ffe0a5}
.nav-action{
  min-height:45px;padding:12px 19px;
  border:1px solid #ffdca3;
  background:linear-gradient(180deg,#f6d79e 0%,#e4b56c 44%,#ad762f 100%);
  color:#241508!important;font:700 11px/1.4 var(--pixel)!important;
  box-shadow:inset 0 2px #fff8,3px 3px 0 #6b4825,6px 6px 0 #080808;
  clip-path:polygon(0 7px,7px 7px,7px 0,calc(100% - 7px) 0,calc(100% - 7px) 7px,100% 7px,100% calc(100% - 7px),calc(100% - 7px) calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,7px calc(100% - 7px),0 calc(100% - 7px));
}
.nav-action:hover{filter:brightness(1.08)}
/* Cinematic lobby hero, now more black and less rusty brown */
.hero{
  min-height:580px;grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr);
  margin:29px auto 16px;isolation:isolate;
  border:1px solid #b1854d;
  background:
    radial-gradient(ellipse at 74% 51%,#a37c3a29 0%,transparent 52%),
    linear-gradient(140deg,#1a1813 0%,#11110f 40%,#11100e 60%,#090909 100%);
  box-shadow:0 0 0 5px #090909,0 0 0 6px #5c442a,0 25px 65px #000d;
}
.hero::before{inset:10px;border:1px solid #ab834659;z-index:3}
.hero::after{
  inset:17px;z-index:3;
  border:1px solid #a77d3724;
  background:linear-gradient(90deg,#efc77b75 0 22px,transparent 22px calc(100% - 22px),#efc77b75 calc(100% - 22px)) top/100% 2px no-repeat,
  linear-gradient(90deg,#efc77b75 0 22px,transparent 22px calc(100% - 22px),#efc77b75 calc(100% - 22px)) bottom/100% 2px no-repeat;
}
.hero-copy{position:relative;z-index:4;padding:67px 22px 47px clamp(33px,5vw,80px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero-copy::before{content:'◈  GOLDEN HIGH ROLLER LOUNGE   /   ISSUE 001';display:block;font:400 10px/1.6 var(--pixel);color:#b58e5d;margin-bottom:27px;letter-spacing:.02em}
.hero-badge{
  font:700 10px/1.5 var(--pixel);letter-spacing:0;
  min-height:29px;padding:6px 11px;border:1px solid #987448;
  color:#ecd09f;background:#241e14;
  box-shadow:3px 3px 0 #090909,4px 4px 0 #66482b;
}
.hero-badge i{border-radius:0;width:7px;height:7px;background:#a6d1b3;box-shadow:0 0 0 2px #235b42,0 0 11px #8dbca3}
.hero h1{
  max-width:100%;font:700 clamp(42px,5.1vw,74px)/1.19 var(--pixel);
  letter-spacing:-.085em;margin:25px 0 21px;
  color:#f7d293;text-shadow:3px 3px 0 #5c3d20,6px 6px 0 #090909,0 0 35px #ebaf5630;
}
.hero h1 span{font:400 clamp(24px,2.7vw,36px)/1.24 var(--display);letter-spacing:-.025em;color:#fff0d2;max-width:530px;margin-top:16px;text-shadow:none}
.hero-description{max-width:570px;color:#c8b79f;font-size:14px;line-height:1.95;margin:0}
.hero-description strong{color:#f4cf93}
.hero-cta{margin-top:30px;gap:14px}
.button{
  min-height:52px;padding:14px 21px;
  border:1px solid #ffdda1;
  background:linear-gradient(180deg,#f6d79e 0%,#e3b36b 46%,#b77c36 100%);
  color:#221508;font:700 11px/1.5 var(--pixel);letter-spacing:-.025em;
  box-shadow:inset 0 2px #fff8,0 4px 0 #784d22,4px 8px 0 #080705;
  transition:transform .15s,filter .15s,box-shadow .15s;
  border-radius:0;
  clip-path:polygon(0 7px,7px 7px,7px 0,calc(100% - 7px) 0,calc(100% - 7px) 7px,100% 7px,100% calc(100% - 7px),calc(100% - 7px) calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,7px calc(100% - 7px),0 calc(100% - 7px));
}
.button:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.1)}
.button:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #fff8,0 1px 0 #784d22}
.button.ghost{
  border:1px solid #8c714a;background:linear-gradient(140deg,#262019,#171512);
  color:#e8cca3;box-shadow:inset 0 1px #c2a77426,3px 4px 0 #070707;
}
.button.ghost:hover:not(:disabled){background:#30271a}
.button.alert{background:#603327;color:#ffdfca;border-color:#bc7665;box-shadow:2px 3px #180b08}
.hero-foot{gap:0;width:100%;margin-top:36px;border-top:1px solid #ab82434f;padding-top:19px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.hero-foot span{padding:0 9px;font:400 10px/1.75 var(--pixel);letter-spacing:-.04em;color:#ae9a7d}
.hero-foot span:first-child{padding-left:0}.hero-foot span+span{border-left:1px solid #8f6d434e}
.hero-foot strong{color:#f3c77e}
.hero-art{
  z-index:2;min-height:580px;padding:43px 30px 58px 10px;
  background:
    linear-gradient(90deg,transparent 0 26px,#d9a6540a 26px 27px,transparent 27px 100%),
    linear-gradient(0deg,transparent 0 26px,#d9a6540a 26px 27px,transparent 27px 100%),
    radial-gradient(ellipse at 54% 48%,#63471f50,transparent 63%);
  background-size:27px 27px,27px 27px,auto;
}
.hero-art::before{
  border-radius:0;max-height:none;width:75%;aspect-ratio:1;
  border:1px solid #d4ab6d35;transform:rotate(45deg);
  box-shadow:0 0 0 22px #c8a15b08,0 0 0 44px #c8a15b06;
  background:radial-gradient(circle,#9c6b2838,transparent 65%);
}
.hero-art::after{content:'+';font:400 260px/1 var(--pixel);color:#e5b66d;opacity:.055;transform:none;right:0;top:0;z-index:-1}
.banner-plate{
  width:min(370px,89%);transform:rotate(1.5deg);padding:10px;
  border:1px solid #f2cf91;
  background:linear-gradient(145deg,#efd19a 0%,#684b2a 24%,#c89a5d 48%,#503719 76%,#e0bb7b 100%);
  box-shadow:0 0 0 4px #18130e,0 0 0 5px #9f773d,8px 8px 0 #0009,0 31px 58px #000b;
}
.banner-plate::before{content:'';position:absolute;inset:5px;border:1px solid #0a08069c;pointer-events:none;z-index:2}
.banner-plate img{object-fit:cover;width:100%;height:100%;background:#1a1209;filter:none}
.banner-seal{
  border-radius:0;width:90px;height:90px;
  right:-8px;bottom:-2px;
  transform:translate(22%,36%) rotate(-3deg);
  clip-path:polygon(0 15%,15% 15%,15% 0,85% 0,85% 15%,100% 15%,100% 85%,85% 85%,85% 100%,15% 100%,15% 85%,0 85%);
  border:0;background:linear-gradient(140deg,#f9dfa8,#ac7836);
  color:#39240e;font:700 10px/1.3 var(--pixel);
  box-shadow:none;z-index:4;
}
.banner-seal strong{font:700 24px/1.1 var(--pixel)}
.art-stamp{position:absolute;z-index:2;right:14px;top:51px;color:#d8b67f;font:400 10px/1.6 var(--pixel);writing-mode:vertical-rl;letter-spacing:.08em;opacity:.8}
.art-coordinates{position:absolute;z-index:2;bottom:30px;left:10px;font:400 10px/1.5 var(--pixel);color:#bba078;letter-spacing:.06em}
/* Section heading and in-game console */
.chapter-heading{margin:62px 0 23px;padding:0 0 15px;border-bottom:1px solid #79573268}
.chapter-heading h2{font:700 clamp(25px,3vw,37px)/1.25 var(--pixel);letter-spacing:-.065em;color:#f5e6c7;margin-top:9px;text-shadow:2px 2px #533b1c}
.chapter-heading p{max-width:310px;text-align:right;line-height:1.7;color:#a99577}
.game-shell{
  border:1px solid #ba8c4f;
  background:linear-gradient(155deg,#19140d 0%,#0d0d0c 37%,#14110d 100%);
  box-shadow:0 0 0 5px #080808,0 0 0 6px #674a28,0 30px 80px #000c;
}
.game-shell::before{inset:9px;border:1px solid #a9895940}
.game-top{min-height:70px;padding:15px 26px;background:linear-gradient(90deg,#241e15,#111110 48%,#1b1813);border-bottom:1px solid #a17c455e}
.game-top-logo{font:700 20px/1.4 var(--pixel);letter-spacing:-.04em;color:#f8d395}
.game-top-logo span{font:400 10px/1.5 var(--pixel);letter-spacing:-.01em;color:#a8936d;vertical-align:2px}
.top-tools{gap:9px}
.chip-display{padding:9px 13px;background:#0a0a09;border:1px solid #80633a;font:400 11px/1.5 var(--pixel);color:#d9b989}
.chip-display b{font:700 19px/1 var(--pixel);color:#f9d99e}
.icon-button{min-height:39px;padding:8px 12px;background:#1e1a14;color:#d7bb8c;border:1px solid #7b5a31;font:400 10px/1.4 var(--pixel)}
.icon-button:hover{background:#3a2b18;color:#ffdda0}
.scene{padding:clamp(16px,2.8vw,33px)}
.welcome{grid-template-columns:minmax(0,1fr) 326px;gap:17px}
.welcome-main{
  padding:clamp(27px,4vw,52px);min-height:355px;
  background:radial-gradient(ellipse at 84% 23%,#7c55222f,transparent 60%),
  linear-gradient(135deg,#1d1b16 0%,#10110e 70%);border:1px solid #6d5531;
}
.welcome-main::before{content:'';position:absolute;inset:8px;border:1px dashed #b18c4933;pointer-events:none}
.welcome-main::after{font:260px/1 var(--display);right:3%;top:9%;color:#b68a3e11}
.welcome-main h3{font:700 clamp(36px,4.8vw,62px)/1.11 var(--display);letter-spacing:-.045em;color:#fff1d6}
.welcome-main p{color:#c6b59c;font-size:14px}
.welcome-side,.sidebar-panel,.shop-aside{
  background:linear-gradient(160deg,#211b13,#11110f 70%);border:1px solid #695334;
  box-shadow:inset 0 1px #dab57812;
}
.welcome-side{padding:24px}.welcome-side h4{font:400 12px/1.7 var(--pixel);color:#f5d69d;letter-spacing:-.01em;margin:0 0 14px}
.ledger-row{padding:12px 0;border-color:#6f5b3e54;font-size:12px;color:#bfa98b}
.ledger-row strong{color:#efd2a2}
.continue-note{color:#ddbe80}
.status-row{gap:10px;margin-bottom:16px}
.status-box{padding:14px;background:linear-gradient(145deg,#1b1913,#0d0e0c);border:1px solid #715a38;box-shadow:3px 3px 0 #070707}
.status-box small{font:400 10px/1.45 var(--pixel);letter-spacing:-.035em;color:#a99676}
.status-box b{font:700 20px/1.4 var(--pixel);letter-spacing:-.05em;color:#f5d49b}
.table-rim{
  padding:11px;border:2px solid #c09258;border-radius:5px;
  background:linear-gradient(125deg,#b2884d 0%,#463018 12%,#99713c 27%,#3c2b16 53%,#ac8150 79%,#3d2a14 100%);
  box-shadow:inset 0 0 0 2px #eac59055,0 10px 0 #35240f,0 26px 35px #000a;
}
.table-felt{
  min-height:430px;border:3px solid #101b15;border-radius:20px;padding:28px 16px 23px;
  background:
  linear-gradient(90deg,#dfc37c0a 1px,transparent 1px),linear-gradient(#dfc37c0a 1px,transparent 1px),
  radial-gradient(ellipse at 50% 43%,#22483d 0%,#143228 50%,#0a2019 100%);
  background-size:16px 16px,16px 16px,auto;
  box-shadow:inset 0 0 0 4px #9ebd9550,inset 0 0 70px #000b;
}
.table-felt::before{inset:18px;border:1px dashed #dbc7954c;border-radius:12px}
.felt-insignia{font-size:265px;opacity:.04}
.boss-insignia{
  height:78px;width:78px;border:2px solid #e3be7c;border-radius:3px;
  background:linear-gradient(135deg,#71522b,#1c160f 70%);box-shadow:4px 4px 0 #05140c,inset 0 0 0 3px #2a2419;
  font:42px/1 var(--display);color:#f7d49b;
}
.boss-name{font:700 clamp(18px,2vw,25px)/1.35 var(--pixel);letter-spacing:-.045em;color:#fff3d9}
.boss-subtitle{font:400 10px/1.4 var(--pixel);letter-spacing:0;color:#bbdac7}
.health-line{height:13px;border:2px solid #d1c6a46d;border-radius:0;background:#07170f;box-shadow:3px 3px 0 #0006}
.health-fill{background:repeating-linear-gradient(90deg,#cc6253 0 15px,#ae4538 15px 17px)}
.health-fill.is-player{background:repeating-linear-gradient(90deg,#86ba9b 0 15px,#4e8669 15px 17px)}
.health-text{font-family:var(--pixel);font-size:11px;font-weight:400}
.intent{border:1px solid #998258;background:#0b1813dd;padding:8px 13px;font:400 10px/1.5 var(--pixel);color:#e6cca2}
.table-separator{margin:19px 0 13px;font:400 11px/1.4 var(--pixel);letter-spacing:.015em;color:#e6c994}
.table-separator::before,.table-separator::after{background:#d3b27950}
.card-row{gap:clamp(4px,.6vw,10px);min-height:130px}
.playing-card{
  --card-height:118px;
  flex-basis:76px;max-width:80px;
  border:2px solid #ffedcc;border-radius:2px;
  background:linear-gradient(145deg,#fffdf2,#e9d8bd);
  box-shadow:0 5px 0 #9b896b,4px 8px 0 #07150ec9,0 13px 14px #0009;
  transition:transform .16s,box-shadow .16s;
}
.playing-card::after{inset:4px;border:1px dashed #a39a854c;border-radius:0}
.playing-card .card-rank{font:700 clamp(16px,2vw,25px)/1 var(--pixel)}
.playing-card .card-suit{font:32px/1.1 var(--display)}
.playing-card .corner{font:700 10px/1.1 var(--pixel)}
.playing-card.red{color:#a72e2d}
.playing-card:hover:not(:disabled){transform:translateY(-8px)}
.playing-card.selected{transform:translateY(-15px);border-color:#ffdb8f;box-shadow:0 5px 0 #bd934e,0 0 0 3px #ffcf70,4px 12px 0 #0a160c,0 18px 20px #0009}
.playing-card.selected:hover:not(:disabled){transform:translateY(-18px)}
.card-caption{font-size:12px;color:#d3d9c9}
.battle-actions{margin-top:21px;background:linear-gradient(115deg,#191710,#0e100d);border:1px solid #745b39;padding:17px}
.combo-result b{font:700 18px/1.4 var(--pixel);letter-spacing:-.045em;color:#ffe2ac}
.combo-result span{font-size:12px;color:#bbae91}
.battle-buttons .button{font-size:10px;min-height:43px;padding:10px 13px}
.battle-sidebar{gap:15px}
.sidebar-panel{padding:19px}
.sidebar-panel h3{font:700 17px/1.5 var(--pixel);letter-spacing:-.04em;color:#f6d7a1}
.sidebar-panel .eyebrow{font-size:10px}
.player-hp-header{color:#c4b59a;font-size:12px}.player-hp-header b{color:#f5d7a4}
.buff-grid{gap:8px}
.buff-cell{background:#0e100e;border:1px solid #6b5636;padding:10px}
.buff-cell span{font:400 9px/1.6 var(--pixel);letter-spacing:-.025em;color:#9d8b71}
.buff-cell b{font:700 13px/1.5 var(--pixel);letter-spacing:-.02em;color:#f5d49b}
.boss-file{color:#bfb098;font-size:12px}
.mini-divider{background:#86673f57}
.log-item{color:#d7c3a2;border-color:#8a6d4143;font-size:12px}
.log-item::before{content:'▸';font-size:14px;color:#dda85d}
.keyboard-hint{color:#aa9778;line-height:1.8}
/* Upgrade shop & summaries */
.shop-layout{gap:22px}.shop-aside{padding:24px}.shop-aside h3{font:700 30px/1.45 var(--pixel);letter-spacing:-.075em;color:#ffdda9}
.shop-aside p{font-size:12px;color:#c5b296}
.shop-catalog{gap:13px}
.shop-card{min-height:226px;padding:20px;background:linear-gradient(155deg,#2a2116,#15130f 73%);border:1px solid #766040;box-shadow:4px 4px 0 #080808;transition:transform .2s,border-color .2s}
.shop-card:hover{transform:translateY(-3px);border-color:#e3b86c}
.shop-icon{font-size:26px;color:#f0bd76}
.shop-card h4{font:700 16px/1.5 var(--pixel);color:#f5d6a0;letter-spacing:-.055em}
.shop-card p{font-size:12px;color:#c3ad8e}.shop-price{font:700 12px/1.6 var(--pixel);color:#f7d99e}
.shop-price small{font:400 10px var(--pixel);color:#aa9574}
.shop-card .button{font-size:10px;min-height:40px}
.shop-footer{color:#c1aa8e}
.ending{background:radial-gradient(ellipse at 50% 0%,#8e632432,transparent 66%);padding:62px 25px 65px}
.ending-icon{font-size:75px;filter:drop-shadow(4px 6px #000)}
.ending h3{font:700 clamp(30px,5vw,64px)/1.25 var(--pixel);letter-spacing:-.07em}
.ending p{font-size:14px}
/* Game selling points */
.features{gap:15px;margin-top:23px}
.feature{
  position:relative;min-height:174px;padding:25px 22px;
  border:1px solid #766040;background:linear-gradient(145deg,#221c14,#10110e 80%);
  box-shadow:4px 4px 0 #080808;
  transition:transform .2s,border-color .2s;
}
.feature::before{content:'';position:absolute;top:-1px;left:19px;width:48px;height:3px;background:#c59859}
.feature:hover{transform:translateY(-4px);border-color:#caa265}
.feature span{display:inline-grid;place-items:center;width:43px;height:43px;background:#30261a;border:1px solid #775b32;box-shadow:3px 3px 0 #090909;font-size:24px;color:#ecc27f}
.feature h3{font:700 15px/1.5 var(--pixel);letter-spacing:-.045em;color:#f2d19b;margin:17px 0 8px}
.feature p{font-size:12px;color:#bba88d;line-height:1.8}
/* Editorial handbook; retain original SEO content */
.editorial{
  margin:76px auto 32px;
  border:1px solid #957045;
  background:linear-gradient(145deg,#171611 0%,#0e0e0c 55%,#15120e 100%);
  box-shadow:0 0 0 5px #080808,0 0 0 6px #523e25,0 25px 70px #000b;
}
.editorial-head{gap:40px;padding:clamp(28px,4.5vw,61px);border-bottom:1px solid #86673e4c}
.editorial-head h2{font:700 clamp(34px,4.3vw,56px)/1.11 var(--display);letter-spacing:-.042em;color:#f9ead1;margin:20px 0 25px}
.editorial-head p{font-size:14px;line-height:2;color:#cdbba4}
.editorial-head strong{color:#f8d9a8}
.editorial-side{border-top:3px solid #c99b54;color:#c9ab7f}
.editorial-side .big-suit{font-size:105px;color:#d8aa66}
.editorial-side span{font:400 11px/1.7 var(--pixel);letter-spacing:0;color:#f3d39b}
.editorial-side p{font-size:12px;line-height:2}
.toc{grid-template-columns:165px repeat(4,minmax(0,1fr));gap:11px;padding:19px clamp(28px,4.5vw,61px);background:linear-gradient(90deg,#2c2417,#191712)}
.toc strong{font:700 14px/1.5 var(--pixel);letter-spacing:-.05em;color:#f5d69a}
.toc a{padding:12px 9px;background:#100f0c;border:1px solid #745a39;text-align:center;font:400 10px/1.6 var(--pixel);letter-spacing:-.05em;color:#d6c3a4}
.toc a:hover{background:#3b2d1b;color:#ffe0a8}
.article-row{grid-template-columns:165px minmax(0,1fr);gap:30px;padding:47px clamp(28px,4.5vw,61px);border-bottom:1px solid #795f3c53}
.section-number{font:400 10px/1.8 var(--pixel);color:#e1b776;letter-spacing:0}
.section-number::before{content:'■ ';color:#cda263}
.article-body h3{font:700 clamp(29px,3.2vw,40px)/1.2 var(--display);color:#f5debb;margin:0 0 22px}
.article-body h4{color:#efd0a1}
.article-body p{font-size:14px;line-height:2;color:#cbb9a0}
.article-body strong{color:#f9d8a8}
.article-body ol,.article-body ul{font-size:13px;line-height:2.1;color:#d0bca2}
.article-body li::marker{color:#d3ab6c;font-weight:800}
.article-highlight{border:1px solid #7e6139;border-left:4px solid #d6a563;background:linear-gradient(90deg,#6e4c241a,#1a181100);font:italic 21px/1.7 var(--display);color:#f3d2a4}
.data-table{border:1px solid #826441}.data-table table{font-size:12px}
.data-table caption{background:#322718;color:#f4d19b;font:700 11px/1.7 var(--pixel);letter-spacing:-.02em}
.data-table th{background:#262117;color:#f5d8a5;border-color:#7a603e;font:400 11px/1.55 var(--pixel)}
.data-table td{color:#d2bfa1;border-color:#775d3c44}.data-table tbody tr:nth-child(odd){background:#97754712}
.article-cards{gap:13px}
.article-card{background:linear-gradient(155deg,#242016,#131311);border:1px solid #79603d;box-shadow:3px 3px 0 #080808;padding:20px}
.article-card b{font:700 13px/1.6 var(--pixel);letter-spacing:-.06em;color:#f5d59b}
.article-card p{font-size:12px;line-height:1.85;margin-top:10px}
.faq details{background:transparent;border-bottom:1px solid #876b454f}
.faq summary{font-size:14px;padding:22px 15px;color:#ecd1a6}
.faq summary:hover{color:#fff1d0;background:#bb8c4220}
.faq summary::after{color:#e7b26e;font:700 22px var(--pixel)}
.article-end{padding:29px clamp(28px,4.5vw,61px);background:linear-gradient(100deg,#302719,#181611 85%)}
.article-end h3{font:700 24px/1.5 var(--display);color:#f6d8ab}
.article-end p{font-size:12px;color:#c3ac8b}
.site-footer{margin:44px auto 50px;padding:28px 0;border-top:1px solid #8e6c434f;color:#a99479;font-size:12px}
.site-footer strong{font:700 14px var(--pixel);color:#efc68d}
.site-footer a{color:#e1b882}
.toast{background:#16130ef7;border:1px solid #d5ad70;box-shadow:4px 4px 0 #000;color:#f5d4a5;font:400 12px/1.6 var(--pixel)}
.damage-pop{font:700 50px/1 var(--pixel);text-shadow:4px 4px #000}
/* Responsive adjustments are intentionally placed after the original CSS. */
@media(max-width:1180px){
  .hero{grid-template-columns:minmax(0,1fr) 355px}
  .hero-copy{padding:52px 18px 43px 41px}.hero h1{font-size:clamp(36px,4.7vw,59px)}
  .hero-art{padding:43px 23px}.banner-plate{width:min(318px,90%)}
  .hero-foot span{font-size:9px}
  .site-nav{gap:16px}.toc{grid-template-columns:repeat(4,minmax(0,1fr))}.toc strong{grid-column:1/-1}
  .shop-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .shell{width:calc(100% - 36px)}
  .site-header{min-height:78px;padding:11px 0}
  .brand-logo{width:174px;height:56px}
  .site-nav a:not(.nav-action){display:none}
  .hero{grid-template-columns:minmax(0,1fr) 280px;min-height:450px}
  .hero-copy{padding:45px 14px 33px 30px}
  .hero-copy::before{margin-bottom:17px;font-size:8px}
  .hero h1{font-size:clamp(33px,4.5vw,46px);margin:19px 0}
  .hero h1 span{font-size:clamp(21px,2.8vw,29px)}
  .hero-description{font-size:12px;line-height:1.85}
  .hero-foot{grid-template-columns:1fr 1fr;gap:7px 0;margin-top:23px}
  .hero-foot span:last-child{grid-column:1/-1;border-left:0;padding-left:0}
  .hero-art{min-height:450px;padding:25px 25px 35px 0}
  .banner-plate{width:min(245px,94%)}
  .art-stamp{display:none}
  .banner-seal{height:70px;width:70px;font-size:8px}.banner-seal strong{font-size:18px}
  .battle-columns{grid-template-columns:1fr}
  .battle-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}
  .battle-sidebar .sidebar-panel:last-child{grid-column:1/-1}
  .welcome{grid-template-columns:1fr}
  .welcome-main{min-height:270px}
  .welcome-side{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}
  .welcome-side h4,.welcome-side .button,.welcome-side .continue-note{grid-column:1/-1}
  .features{grid-template-columns:repeat(2,minmax(0,1fr))}
  .editorial-head{grid-template-columns:1fr}
  .editorial-side{display:none}
  .article-row{grid-template-columns:125px minmax(0,1fr);gap:20px}
  .article-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .announce{padding:8px 5px;min-height:29px;font-size:8px;letter-spacing:-.025em}
  .announce span{margin-inline:4px}
  .shell{width:calc(100% - 24px)}
  .site-header{min-height:74px;padding:12px 0 13px}
  .brand-logo{width:150px;height:49px}
  .brand-caption{font-size:7px}
  .nav-action{font-size:9px!important;padding:10px 12px;min-height:41px}
  .hero{display:flex;flex-direction:column;min-height:0;margin:18px auto 18px}
  .hero-copy{padding:44px 23px 23px;align-items:flex-start}
  .hero-copy::before{font-size:8px;margin-bottom:16px}
  .hero-badge{font-size:9px;padding:6px 8px}
  .hero h1{font-size:clamp(27px,7.35vw,49px);letter-spacing:-.095em;line-height:1.35;margin:17px 0}
  .hero h1 span{font-size:clamp(23px,6vw,32px);letter-spacing:-.02em;margin-top:11px}
  .hero-description{font-size:13px;line-height:1.85}
  .hero-cta{gap:9px;width:100%;margin-top:22px}
  .hero-cta .button{flex:1 1 auto;padding:12px 11px;font-size:9px;min-height:48px}
  .hero-foot{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-top:15px;margin-top:26px}
  .hero-foot span{padding:0 6px;font-size:8px;line-height:1.7}
  .hero-foot span:last-child{grid-column:auto;border-left:1px solid #8f6d434e;padding-left:6px}
  .hero-art{min-height:310px;padding:12px 15px 49px}
  .hero-art::before{width:64%}
  .banner-plate{width:min(268px,73%);transform:rotate(1.5deg)}
  .banner-seal{width:62px;height:62px;right:-2px;bottom:0;font-size:7px}
  .banner-seal strong{font-size:17px}
  .art-coordinates{bottom:16px;left:20px;font-size:8px}
  .chapter-heading{margin:45px 0 19px;padding-bottom:15px}
  .chapter-heading h2{font-size:clamp(20px,5.35vw,29px);line-height:1.5;letter-spacing:-.065em}
  .chapter-heading p{display:none}
  .game-top{padding:14px 12px;gap:10px}
  .game-top-logo{font-size:15px}.game-top-logo span{display:none}
  .top-tools{gap:6px}.chip-display{padding:6px 8px;font-size:9px}.chip-display b{font-size:15px}
  .icon-button{min-height:32px;padding:5px 7px;font-size:9px}
  .scene{padding:12px}
  .welcome-main{padding:29px 22px;min-height:280px}
  .welcome-main h3{font-size:clamp(31px,8vw,42px)}
  .welcome-main p{font-size:12px}
  .welcome-side{padding:19px 14px}
  .welcome-side h4{font-size:10px}
  .ledger-row{font-size:11px}
  .status-row{gap:5px;margin-bottom:12px}
  .status-box{padding:10px 5px;box-shadow:none}
  .status-box small{font-size:8px;letter-spacing:-.06em;overflow-wrap:anywhere}
  .status-box b{font-size:clamp(10px,3.4vw,17px);letter-spacing:-.09em}
  .table-rim{padding:6px;border-width:1px}
  .table-felt{min-height:383px;padding:22px 7px 18px;border-radius:13px}
  .table-felt::before{inset:8px;border-radius:7px}
  .boss-insignia{width:57px;height:57px;font-size:29px;margin-bottom:9px}
  .boss-name{font-size:17px}.boss-subtitle{font-size:9px}
  .health-line{height:11px;margin-top:9px}
  .health-text{font-size:9px}
  .intent{font-size:9px;padding:6px 8px}
  .table-separator{font-size:9px;margin:14px 0 11px}
  .card-row{flex-wrap:wrap;min-height:169px;gap:7px}
  .playing-card{--card-height:80px;max-width:56px;flex:0 0 52px;border-width:1px}
  .playing-card .card-rank{font-size:16px}
  .playing-card .card-suit{font-size:23px}
  .playing-card .corner{font-size:8px;top:4px;left:4px}
  .playing-card .corner.bottom{right:4px;bottom:4px}
  .card-caption{margin-top:9px;font-size:11px}
  .battle-actions{margin-top:15px;padding:12px;align-items:stretch;flex-direction:column}
  .combo-result b{font-size:15px}.combo-result span{font-size:11px}
  .battle-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .battle-buttons .button:first-child{grid-column:1/-1}
  .battle-buttons .button{font-size:9px;min-height:42px;padding:10px 7px}
  .battle-sidebar{grid-template-columns:1fr}
  .battle-sidebar .sidebar-panel:last-child{grid-column:auto}
  .sidebar-panel{padding:17px}.sidebar-panel h3{font-size:16px}
  .shop-layout{grid-template-columns:1fr}
  .shop-aside{padding:19px}.shop-aside h3{font-size:24px}
  .shop-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .shop-card{min-height:210px;padding:13px}
  .shop-card h4{font-size:12px}.shop-card p{font-size:10px}
  .shop-price{font-size:10px}.shop-card .button{font-size:9px}
  .features{gap:10px;margin-top:20px}
  .feature{min-height:160px;padding:17px 13px}
  .feature span{width:38px;height:38px;font-size:22px}
  .feature h3{font-size:12px;margin-top:13px}
  .feature p{font-size:11px}
  .editorial{margin-top:55px}
  .editorial-head{padding:30px 21px}
  .editorial-head h2{font-size:clamp(29px,7.3vw,40px);line-height:1.2}
  .editorial-head p{font-size:12px;line-height:1.95}
  .toc{padding:17px 19px;grid-template-columns:1fr 1fr;gap:8px}
  .toc a{padding:11px 6px;font-size:9px}
  .toc strong{font-size:12px}
  .article-row{grid-template-columns:1fr;gap:14px;padding:33px 20px}
  .article-body h3{font-size:clamp(27px,7vw,35px)}
  .article-body p{font-size:12px}
  .article-body ol,.article-body ul{font-size:12px}
  .article-cards{grid-template-columns:1fr;gap:10px}
  .article-card{padding:15px}.article-card b{font-size:12px}
  .article-highlight{font-size:18px;padding:16px}
  .faq summary{font-size:12px}
  .article-end{padding:24px 20px}
  .article-end h3{font-size:22px}
  .article-end .button{width:100%}
  .site-footer{padding:24px 0;margin-top:30px}
}
@media(max-width:365px){
  .brand-logo{width:118px}.nav-action{padding:9px 9px;font-size:8px!important}
  .hero-copy{padding-inline:18px}
  .hero h1{font-size:clamp(25px,7.4vw,30px)}
  .hero-cta .button{font-size:8px}
  .hero-foot span{font-size:7px}
  .shop-catalog{grid-template-columns:1fr}
  .playing-card{flex-basis:51px}
}
@media(prefers-reduced-motion:reduce){.feature,.shop-card,.playing-card,.button{transition:none}}

/* ===== Original RAJAPOKER CSS block ===== */

/* RAJAPOKER — premium refinement. Palette and media asset URLs are unchanged. */
:root{--body:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:Georgia,'Times New Roman',serif}
html{scroll-padding-top:90px}
body{background:#090909;line-height:1.75;font-family:var(--body);letter-spacing:0}
body::before{background:radial-gradient(ellipse 60% 31% at 55% -8%,#68472455,transparent 76%),radial-gradient(ellipse 40% 35% at 100% 55%,#19372f36,transparent 80%),linear-gradient(135deg,#090909,#14100b 53%,#080807)}
body::after{opacity:.035;z-index:20;pointer-events:none}
.skip-link{position:fixed;top:-100px;left:16px;background:var(--gold2);color:var(--accent);padding:12px 18px;z-index:110;font-weight:800;text-decoration:none}
.skip-link:focus{top:10px}
.announce{min-height:33px;background:linear-gradient(90deg,#160d01,#452608 50%,#160d01);font:700 10px/1.5 var(--body);letter-spacing:.23em;color:#e9c68b;padding:9px 12px;border-bottom:1px solid #684724}
.announce span{opacity:.5}
.shell{width:min(1320px,calc(100% - 64px))}
.site-header{position:sticky;top:0;z-index:60;min-height:84px;padding:10px 0;background:#090909f2;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #77533377}
.site-header::after{height:1px;bottom:-1px;background:linear-gradient(90deg,#e5b66d,transparent);box-shadow:none;width:170px}
.brand-logo{height:59px;width:194px;object-fit:contain;filter:none}
.brand-caption{font:700 9px/1.5 var(--body);letter-spacing:.17em;color:#b9a389;margin-top:1px}
.logo-fallback{display:inline-block;font:700 27px var(--display);letter-spacing:.035em;color:var(--gold2)}
.logo-fallback[hidden],img[hidden]{display:none!important}
.site-nav{gap:26px}
.site-nav a{font:700 10px/1.5 var(--body);letter-spacing:.14em;color:#d7c8ad}
.site-nav a:not(.nav-action)::after{bottom:-6px;height:1px}
.nav-action{clip-path:none;min-height:42px;padding:12px 17px;background:linear-gradient(115deg,#f9d99e,#d0a15b);border:1px solid #e5b66d;color:#160d01!important;font:800 10px/1.5 var(--body)!important;letter-spacing:.09em;box-shadow:none;border-radius:2px}
.hero{min-height:590px;margin:30px auto 20px;grid-template-columns:minmax(0,1.07fr) minmax(340px,.93fr);border:1px solid #775333a3;background:radial-gradient(ellipse at 73% 47%,#56301066,transparent 55%),linear-gradient(115deg,#17120c 0%,#100d09 60%,#080807 100%);box-shadow:0 22px 75px #000c;isolation:isolate}
.hero::before{inset:9px;border:1px solid #b18c494a;z-index:1}.hero::after{inset:18px;border-color:#8e704020;z-index:1;background:none}
.hero-copy{z-index:3;padding:65px 22px 64px clamp(32px,5vw,80px);justify-content:center}
.hero-copy::before{content:'KOTA QQ  /  TURNAMEN LIMA PENGUASA';font:700 10px/1.6 var(--body);letter-spacing:.23em;color:#bca176;margin-bottom:28px}
.hero-badge{min-height:31px;padding:7px 12px;font:700 9px/1.5 var(--body);letter-spacing:.15em;background:#20170d;border:1px solid #775333;color:var(--gold2);box-shadow:none}
.hero-badge i{border-radius:50%;box-shadow:0 0 12px #8dbca355}
.hero h1{display:flex;flex-direction:column;max-width:690px;margin:22px 0 22px;font:500 clamp(60px,6.6vw,102px)/.99 var(--display);letter-spacing:-.07em;color:var(--gold2);text-shadow:none}
.hero h1 .hero-brand{font-style:normal;display:block;font:inherit;letter-spacing:-.075em;color:var(--gold2);white-space:nowrap}
.hero h1 .hero-subtitle{display:block;margin-top:17px;font:650 clamp(22px,2.45vw,34px)/1.23 var(--body);letter-spacing:-.045em;color:#f6e9d3;text-shadow:none;max-width:610px}
.hero-description{max-width:590px;color:#cdbb9f;font-size:14px;line-height:1.95}
.hero-cta{gap:12px;margin-top:35px}
.button,.nav-action{transition:background .2s,border-color .2s,transform .2s,filter .2s}
.button{clip-path:none;min-height:48px;padding:14px 22px;border:1px solid #e5b66d;border-radius:2px;background:linear-gradient(125deg,#f9d99e,#c6924b);color:#160d01;font:850 11px/1.4 var(--body);letter-spacing:.085em;box-shadow:0 12px 24px #0005}
.button.ghost{background:#100d09d9;border:1px solid #856a43;color:#edd0a0;box-shadow:none}
.button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}
.button.ghost:hover:not(:disabled){background:#241a10}
.button:active:not(:disabled){transform:translateY(0)}
.hero-foot{margin-top:44px;padding-top:22px;border-top:1px solid #77533377;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}
.hero-foot span{padding:0 12px;font:700 10px/1.6 var(--body);letter-spacing:.05em;color:#baab91}
.hero-foot strong{color:var(--gold2)}
.hero-art{min-height:590px;padding:45px 34px 58px 4px;background:radial-gradient(ellipse at center,#45260850,transparent 65%)}
.hero-art::before{max-height:560px;width:82%;aspect-ratio:1;transform:none;border:1px solid #e5b66d38;box-shadow:0 0 0 24px #e5b66d08,0 0 0 55px #e5b66d05;border-radius:50%}
.hero-art::after{content:'♠';font:190px var(--display);right:5%;opacity:.05;transform:rotate(-13deg)}
.banner-plate{width:min(412px,91%);padding:10px;transform:rotate(1.2deg);border:1px solid #e5b66d;background:linear-gradient(135deg,#bb8b48,#452608 47%,#e5b66d);box-shadow:0 0 0 5px #140f08,0 0 0 6px #775333bb,0 28px 65px #000c;overflow:visible}
.banner-plate::before{inset:5px;border-color:#f9d99e80}
.banner-plate img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;background:transparent;filter:none}
.banner-fallback{position:absolute;inset:10px;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#452608,#160d01 75%);color:var(--gold2);gap:12px}
.banner-fallback::before{content:'';position:absolute;inset:14%;border:1px solid #e5b66d40;border-radius:50%}
.banner-fallback>span{font-size:75px;line-height:1;opacity:.75}
.banner-fallback>strong{font:700 32px var(--display);letter-spacing:.11em}
.banner-fallback>small{font:700 9px var(--body);letter-spacing:.19em}
.banner-seal{width:86px;height:86px;border-radius:50%;clip-path:none;transform:translate(10%,20%) rotate(-8deg);right:0;bottom:0;border:3px double #452608;background:linear-gradient(135deg,#f9d99e,#c58c46);font:800 10px/1.25 var(--body);box-shadow:0 12px 25px #0008}
.banner-seal strong{font:800 24px var(--display)}
.art-stamp,.art-coordinates{font:700 9px/1.5 var(--body);letter-spacing:.14em;color:#bfa580}
.chapter-heading{margin:68px 0 24px;padding-bottom:20px;border-bottom:1px solid #77533377}
.chapter-heading h2{font:550 clamp(32px,3.5vw,47px)/1.15 var(--display);letter-spacing:-.04em;text-shadow:none;color:var(--cream)}
.chapter-heading p{color:#b9a389}
.eyebrow,.edition,.section-number{font:750 10px/1.6 var(--body);letter-spacing:.19em;color:var(--gold)}
.eyebrow::before{content:'✦';font:12px var(--display)}
.game-shell{background:linear-gradient(130deg,#201307,#100d09 32%,#160f08);border-color:#9d7745;box-shadow:0 15px 65px #0009}
.game-shell::before{inset:6px;border-color:#e5b66d28}
.game-top{background:linear-gradient(90deg,#2a1a0b,#17120c);min-height:67px;border-bottom:1px solid #77533388}
.game-top-logo{font:700 21px/1.3 var(--display);letter-spacing:-.02em;color:var(--gold2)}
.game-top-logo span,.chip-display,.icon-button{font-family:var(--body);letter-spacing:.07em}
.game-top-logo span{font-size:9px}
.chip-display{border:1px solid #77533377;background:#100b07;color:#dbc7a2;font-size:11px}
.chip-display b{font:700 19px var(--display)}
.icon-button{border-color:#77533390;color:#edd0a0;background:#201307;font-weight:700;font-size:10px}
.welcome-main{background:radial-gradient(ellipse at 70% 22%,#45260870,transparent 63%),linear-gradient(140deg,#201307,#100d09);border-color:#77533388;min-height:345px}
.welcome-main::before{border-style:solid;border-color:#77533342}
.welcome-main h3{font-weight:500;letter-spacing:-.06em}
.welcome-side{background:linear-gradient(145deg,#25180c,#17110b);border-color:#775333}
.welcome-side h4,.ledger-row{letter-spacing:.025em}
.table-rim{background:linear-gradient(135deg,#b38a54,#452608 25%,#9e733d 65%,#452608)}
.table-felt{background:repeating-linear-gradient(0deg,#ffffff04 0,#ffffff04 1px,transparent 1px,transparent 5px),radial-gradient(ellipse at 50% 42%,#315447 0%,#19372f 48%,#10271f 100%)}
.table-felt::before{border-color:#d2debd3c}
.battle-actions,.sidebar-panel,.shop-card,.feature{border-color:#77533380}
.battle-actions{background:#151009}
.sidebar-panel{background:linear-gradient(140deg,#2c1e0e,#18120a)}
.sidebar-panel h3,.shop-card h4,.feature h3{font-family:var(--display);font-weight:650}
.sidebar-panel .eyebrow{font-size:10px}
.shop-aside{background:#19120b}.shop-aside h3{font-weight:500;letter-spacing:-.05em}
.shop-card{background:linear-gradient(135deg,#2c1f11,#17120b)}
.feature{background:linear-gradient(145deg,#23190e,#130f0a);min-height:150px}
.feature span{background:#302011;border-color:#775333}
.feature h3{font-size:21px}.feature p{font-size:12px}
.editorial{background:linear-gradient(145deg,#221708,#14100b 60%,#1b120a);border-color:#77533380;margin-top:66px;box-shadow:0 18px 60px #0008}
.editorial-head h2{font-weight:500;line-height:1.12;color:var(--cream)}
.editorial-head p,.article-body p{color:#d5c2a5}
.editorial-side .big-suit{color:var(--gold)}
.toc{background:#271a0b}
.toc strong,.toc a{font-family:var(--body)}
.toc a{font-size:10px}
.article-row{border-bottom-color:#77533364}
.article-body h3{font-weight:550;letter-spacing:-.035em}
.article-body h4{font-weight:600}
.article-highlight{background:#e5b66d13;border-left:3px solid var(--gold)}
.data-table th{background:#34210e}
.article-end{background:linear-gradient(110deg,#452608,#231608)}
.site-footer{border-top:1px solid #77533388;padding:33px 0 40px;color:#a99374;align-items:center}
.footer-brand img{width:164px;max-height:57px;object-fit:contain}
.footer-brand a{display:inline-block;text-decoration:none}
.footer-brand p{margin:8px 0 0;max-width:460px;color:#a99374;font-size:11px}
.site-footer>div:last-child{text-align:right}
@media(max-width:1120px){.site-nav{gap:16px}.hero{grid-template-columns:minmax(0,1fr) minmax(300px,.88fr)}.hero h1{font-size:clamp(53px,6.3vw,82px)}.hero-copy{padding-left:35px}.hero-art{padding-right:12px}}
@media(max-width:850px){.shell{width:min(100% - 30px,1320px)}.site-nav a:not(.nav-action){display:none}.hero{grid-template-columns:minmax(0,1fr) minmax(210px,.72fr);min-height:450px}.hero-copy{padding:44px 22px}.hero h1{font-size:clamp(47px,7vw,69px)}.hero h1 .hero-subtitle{font-size:clamp(20px,2.9vw,28px)}.hero-art{min-height:430px;padding:22px 12px}.banner-plate{width:95%}.hero-foot{grid-template-columns:1fr 1fr;row-gap:9px}.hero-foot span{padding:0 8px}.hero-foot span:nth-child(3){grid-column:1/-1;padding-left:0}.hero-foot span:nth-child(3){border-left:0}}
@media(max-width:600px){.announce{font-size:8px;letter-spacing:.10em}.site-header{min-height:70px;padding:9px 0}.brand-logo{width:143px;max-height:47px}.brand-caption{font-size:7px}.nav-action{font-size:9px!important;min-height:38px;padding:9px 11px}.hero{display:flex;flex-direction:column;margin-top:19px;min-height:0}.hero-copy{padding:39px 23px 18px}.hero-copy::before{font-size:8px;margin-bottom:20px}.hero h1{font-size:clamp(43px,11vw,67px);margin:21px 0 20px}.hero h1 .hero-subtitle{font-size:clamp(22px,6.7vw,30px);margin-top:13px;letter-spacing:-.04em}.hero-art{width:100%;min-height:340px;padding:14px 30px 40px}.banner-plate{width:min(290px,77%)}.banner-seal{height:68px;width:68px;font-size:8px}.banner-seal strong{font-size:18px}.hero-foot{margin-top:29px;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-foot span{font-size:9px}.chapter-heading{margin:45px 0 19px}.chapter-heading h2{font-size:clamp(29px,8vw,38px)}.chapter-heading p{display:none}.site-footer>div:last-child{text-align:left}.footer-brand p{max-width:340px}.article-body h3{font-size:clamp(28px,7vw,35px)}.feature h3{font-size:17px}}
@media(max-width:365px){.hero h1{font-size:42px}.hero-copy{padding-inline:18px}.hero-art{min-height:295px}.hero-foot span{font-size:8px}.site-nav{margin-left:auto}.brand-logo{width:115px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ===== Original RAJAPOKER CSS block ===== */

/* SEO identity section: original black, copper and gold theme retained. */
  .rp-identity{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:24px;align-items:center;margin:22px 0 30px;padding:25px 30px;border:1px solid #8a673c;background:linear-gradient(110deg,#191510,#0b0b0a 80%);box-shadow:inset 0 1px #e5b66d16}
  .rp-identity-copy h2{font:700 clamp(22px,2.6vw,33px)/1.2 var(--display);color:var(--gold2);margin:9px 0 7px}
  .rp-identity-copy p{max-width:720px;margin:0;color:var(--pale);font-size:12px;line-height:1.85}
  .rp-identity-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #8a673c50;background:#080807}
  .rp-identity-facts div{padding:14px 7px;text-align:center;min-width:0}
  .rp-identity-facts div+div{border-left:1px solid #8a673c50}
  .rp-identity-facts strong{display:block;font:700 23px/1.25 var(--pixel);color:var(--gold2)}
  .rp-identity-facts span{display:block;margin-top:5px;font:400 9px/1.5 var(--pixel);color:#bda98a}
  @media(max-width:850px){.rp-identity{grid-template-columns:1fr;padding:23px}}
  @media(max-width:600px){.rp-identity{margin:17px 0 24px;padding:18px;gap:18px}.rp-identity-facts strong{font-size:19px}.rp-identity-facts span{font-size:8px}}