:root{color-scheme:dark;--bg:#171714;--panel:#211f1b;--gold:#cdb286;--bright:#f4dfb3;--line:#4c4537;--green:#005f31;--red:#6b1d0e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:#e9ddc8;font:16px/1.4 Georgia,'Times New Roman',serif}
a{color:inherit;text-decoration:none}
a:hover{filter:brightness(1.16)}
a:focus-visible{outline:2px solid #e6c87a;outline-offset:3px}
.sidebar{position:fixed;z-index:6;inset:0 auto 0 0;width:315px;overflow:auto;padding:8px 13px 66px;background:radial-gradient(circle at top left,#2a2922,#181715 48%,#25231e);border-right:3px ridge #484235;scrollbar-width:thin;scrollbar-color:#6a5a3d #191816}
.side-brand{display:flex;align-items:center;justify-content:center;height:74px;margin-bottom:34px;border-bottom:1px solid #433b2d}
.side-brand img{width:166px;height:auto;max-height:62px;object-fit:contain}
.side-offer{display:flex;flex-direction:column;justify-content:center;min-height:124px;padding:18px 20px;border:3px double #817151;border-radius:11px;background:linear-gradient(100deg,rgba(10,10,10,.84),rgba(38,38,35,.82)),url('castle-hero.png') 65% 55%/cover;box-shadow:inset 0 0 0 2px #1c1b18,0 0 16px #000}
.side-offer small{font-size:13px;font-weight:700}
.side-offer strong{margin-top:5px;color:#fff;font-size:22px;line-height:1.1}
.side-offer span{font-size:18px;font-weight:700}
.side-dots{display:flex;justify-content:center;gap:9px;margin:22px 0 13px}
.side-dots i{width:20px;height:2px;background:#71706a}.side-dots i:nth-child(2){background:#d8aa46;box-shadow:0 0 7px #ffce54}
.side-nav{display:flex;flex-direction:column}
.side-nav a{display:flex;align-items:center;gap:21px;min-height:58px;padding:8px 12px;border-bottom:1px solid #39342b;color:#d3b984;font-weight:700;font-size:18px}
.side-nav a span{display:inline-grid;place-items:center;width:28px;color:#cabb93;font-size:27px;font-weight:400}
.side-nav a.active,.side-nav a.highlight{border-top:1px solid #8d743c;border-bottom:1px solid #8d743c;background:linear-gradient(90deg,#25251c,#1a1c17)}
.side-nav a.highlight{margin:7px 0}
.side-bottom{position:fixed;bottom:0;left:0;width:312px;display:grid;grid-template-columns:repeat(3,1fr);height:57px;border-top:1px solid #655741;background:#211f1b}
.side-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #443d31;color:#d4b782;font-size:18px}.side-bottom a span{font-size:12px}
.page{margin-left:315px;min-width:0}
.header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;height:78px;padding:6px 13px;background:linear-gradient(#211e1b,#151512);border-bottom:3px ridge #49402f;box-shadow:0 3px 10px #0009}
.menu-square{display:none;width:48px;height:48px;align-items:center;justify-content:center;border:3px ridge #686354;background:#171717;font-size:23px}
.mobile-logo{display:none}
.header-search{display:flex;align-items:center;gap:8px;max-width:340px;min-width:245px;height:54px;margin-left:auto;padding:0 14px;border:2px ridge #484742;background:#181817;color:#c9c4b7;font-size:17px;white-space:nowrap}
.header-search span{font-size:30px}
.header-actions{display:flex;gap:9px}
.frame-button{display:inline-flex;align-items:center;justify-content:center;min-width:147px;min-height:52px;padding:5px 18px;border:4px ridge #766855;background:linear-gradient(#8b2911,#4a1309);box-shadow:inset 0 0 0 2px #2a150f,0 2px 6px #000b;color:#fff3dd;text-shadow:0 2px #1f110b;font-size:20px;font-weight:700}
.frame-button.register{background:linear-gradient(#076b37,#003d24);border-color:#7a8064}
main{max-width:1900px;margin:auto;padding-bottom:40px}
.hero{position:relative;display:block;min-height:485px;overflow:hidden;background:#29261d url('castle-hero.png') center 46%/cover no-repeat}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#131411c7,transparent 72%),linear-gradient(0deg,#171714 0,transparent 20%)}
.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:52%;min-height:475px;padding:30px 25px;text-align:center;text-shadow:0 2px 4px #000}
.hero-content small{padding:3px 13px;background:#373026ab;color:#ead1a9;font-size:19px;font-weight:700}
.hero-content strong{display:block;max-width:720px;margin:6px 0 25px;color:white;font-size:clamp(32px,3vw,52px);line-height:1.04}
.hero-content em{display:block;font-style:normal}
.join-button{display:inline-flex;align-items:center;justify-content:center;min-width:265px;min-height:84px;padding:8px 25px;border:6px ridge #816641;clip-path:polygon(6% 0,94% 0,100% 20%,100% 80%,94% 100%,6% 100%,0 80%,0 20%);background:radial-gradient(#058e38,#064d2a 65%,#032a1b);box-shadow:inset 0 0 0 3px #183a21;color:white;font-size:39px;font-weight:700}
.hero-pagination{position:absolute;bottom:14px;left:50%;display:flex;gap:9px;transform:translateX(-50%)}.hero-pagination i{width:34px;height:3px;background:#6e6048}.hero-pagination .on{background:#eac779;box-shadow:0 0 7px #ffdd80}
.category-tabs{display:flex;gap:10px;overflow:auto;padding:12px 17px 7px;scrollbar-width:none}
.category-tabs a{flex:none;padding:8px 15px;border:2px ridge #494742;clip-path:polygon(6% 0,94% 0,100% 25%,100% 75%,94% 100%,6% 100%,0 75%,0 25%);background:#1d1d1c;color:#c1b295;font-size:20px;font-weight:700;white-space:nowrap}
.showcase{padding:5px 18px 17px}
.section-head{display:flex;align-items:center;gap:16px;margin:12px 0 17px}
.section-head h2{margin:0;color:#e9cc9f;font-size:32px;line-height:1}
.rule{height:6px;flex:1;border-top:1px solid #786947;border-bottom:1px solid #403d38;background:linear-gradient(90deg,#846a39,#1b2631 3%,#1b2631 95%,#846a39)}
.section-head a{padding:7px 12px;border:3px ridge #615c50;background:#1b1b1b;color:#f0ddbd;font-size:15px;font-weight:700;white-space:nowrap}
.ranked-games,.game-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;overflow:hidden}
.ranked-card{position:relative;display:flex;flex-direction:column;min-width:0}
.ranked-card .rank{position:absolute;z-index:1;top:4px;left:2px;color:#dbc09a;font-size:89px;line-height:1;text-shadow:2px 2px #000}
.cover{display:block;width:100%;aspect-ratio:.74;border:5px ridge #8b7043;background-image:url('games-sheet.png');background-size:400% 200%;background-repeat:no-repeat;box-shadow:inset 0 0 0 3px #261c13}
.ranked-card .cover{width:82%;margin-left:auto}
.ranked-card strong,.game-card strong{display:block;overflow:hidden;margin:5px 2px 0;color:#d9c5a5;text-align:center;font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.art-1{background-position:0% 0%}.art-2{background-position:33.333% 0%}.art-3{background-position:66.667% 0%}.art-4{background-position:100% 0%}.art-5{background-position:0% 100%}.art-6{background-position:33.333% 100%}.art-7{background-position:66.667% 100%}.art-8{background-position:100% 100%}
.providers{display:flex;gap:9px;overflow:hidden}.providers a{display:flex;align-items:center;flex:1;min-width:140px;min-height:49px;padding:8px 12px;border:1px solid #31302b;background:#10100f;color:#cdbd9f;font-size:16px;white-space:nowrap}
.tournament{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:300px;margin:12px 18px 25px;padding:30px 35px;overflow:hidden;border:5px ridge #6e6149;border-radius:13px;background:#28231c url('tournament-hero.png') center 45%/cover no-repeat;text-shadow:0 2px 4px #000}
.tournament:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#181915d9,transparent 60%)}
.tournament>span,.tournament>strong,.tournament>b{position:relative;z-index:1}
.tournament>span{color:#dbc29b;font-size:24px;font-weight:700}.tournament>strong{max-width:440px;margin:5px 0 17px;color:white;font-size:38px;line-height:1.08}.tournament>strong em{display:block;color:#e5c79d;font-style:normal}
.tournament .frame-button{min-width:205px;font-size:20px}
.game-row{grid-template-columns:repeat(8,minmax(0,1fr))}
.game-card{min-width:0}.game-card strong{font-size:15px}
.event-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.event-row a{display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:16px;border:1px solid #62553a;background:linear-gradient(#191b1b,#292217);text-align:center}.event-row span{color:#bd9858;font-size:13px}.event-row strong{margin:5px 0;color:#fff;font-size:20px}.event-row small{color:#bfbaab;font-size:13px}
.live-row{grid-template-columns:repeat(7,minmax(0,1fr))}
.footer{display:flex;justify-content:space-between;gap:20px;margin:20px 18px 0;padding:22px 4px;border-top:1px solid #514632;color:#b6aa92;font-size:13px}.footer a{font-weight:700}
@media(max-width:1200px){.sidebar{width:240px}.side-bottom{width:237px}.side-nav a{font-size:15px;min-height:49px}.side-offer strong{font-size:17px}.page{margin-left:240px}.header-search{min-width:210px;font-size:14px}.frame-button{min-width:110px;font-size:15px}.hero{min-height:400px}.hero-content{min-height:400px}.category-tabs a{font-size:16px}.ranked-card .rank{font-size:65px}.game-row{grid-template-columns:repeat(6,minmax(0,1fr))}.game-row .game-card:nth-child(n+7){display:none}}
@media(max-width:760px){.sidebar{display:none}.page{margin-left:0}.header{height:62px;padding:5px 7px}.menu-square{display:flex;flex:none;width:34px;height:40px;font-size:17px}.mobile-logo{display:block;flex:none;width:100px}.mobile-logo img{width:100%;height:auto}.header-search{display:none}.header-actions{margin-left:auto;gap:4px}.frame-button{min-width:70px;min-height:38px;padding:3px 6px;border-width:3px;font-size:10px}.hero{min-height:330px;background-position:58% center}.hero:before{background:linear-gradient(90deg,#11120fdf,#11120f7d 70%,#11120f33),linear-gradient(0deg,#171714,transparent 22%)}.hero-content{width:100%;min-height:320px;align-items:flex-start;padding:24px 15px;text-align:left}.hero-content small{font-size:12px}.hero-content strong{max-width:310px;margin:7px 0 18px;font-size:32px}.join-button{min-width:165px;min-height:55px;border-width:4px;font-size:24px}.category-tabs{padding:9px;gap:5px}.category-tabs a{padding:7px 9px;font-size:13px}.showcase{padding:3px 9px 13px}.section-head{gap:7px;margin:9px 0 13px}.section-head h2{font-size:23px}.section-head a{padding:5px;font-size:10px}.ranked-games{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ranked-card:nth-child(n+4){display:none}.ranked-card .rank{font-size:44px}.ranked-card strong,.game-card strong{font-size:11px}.cover{border-width:3px}.providers{overflow:auto;scrollbar-width:none}.providers a{min-width:145px;min-height:39px;font-size:12px}.tournament{min-height:205px;margin:9px 9px 15px;padding:17px;border-width:3px;background-position:59% center}.tournament>span{font-size:13px}.tournament>strong{max-width:190px;font-size:23px}.tournament .frame-button{min-width:130px;min-height:36px;font-size:12px}.game-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.game-row .game-card:nth-child(n+5){display:none}.event-row{grid-template-columns:1fr}.event-row a{min-height:80px}.live-row{grid-template-columns:repeat(4,minmax(0,1fr))}.footer{flex-direction:column;margin:10px 9px 0;font-size:11px}}
@media(max-width:380px){.mobile-logo{width:81px}.frame-button{min-width:62px}.hero-content strong{font-size:28px}.ranked-card .rank{font-size:35px}.game-row{grid-template-columns:repeat(3,minmax(0,1fr))}.game-row .game-card:nth-child(n+4){display:none}}