
:root{--bg:#050505;--panel:#0e0e0e;--panel2:#111;--gold:#c9a45b;--gold2:#f0d58c;--gold3:#fff0bd;--line:#5c4928;--muted:#aaa59b;--white:#f7f5ef;--green:#69d69b}
*{box-sizing:border-box;min-width:0}html{background:#050505;color:var(--white);overflow-x:hidden}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 8%,#3b32201c 0,transparent 34%),linear-gradient(180deg,#050505,#0b0b0b 55%,#030303);font-family:Arial,"Noto Sans KR",sans-serif;padding-bottom:env(safe-area-inset-bottom)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.3;background:linear-gradient(90deg,transparent 0 7%,#c9a45b08 7.1% 7.2%,transparent 7.3% 92.7%,#c9a45b08 92.8% 92.9%,transparent 93%);z-index:-1}a{color:inherit;text-decoration:none}.hidden{display:none!important}
.homeHeader{height:58px;position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto minmax(260px,1fr) auto auto;align-items:center;gap:28px;padding:0 18px;background:#050505f5;border-bottom:1px solid #6f5a31;box-shadow:0 8px 28px #000b;padding-top:env(safe-area-inset-top)}.brand{font:23px Georgia,serif;letter-spacing:4px;white-space:nowrap;color:#fff}.brand small{display:block;text-align:center;font:6px Arial;letter-spacing:2.6px;color:#b9aa88;margin-top:2px}.topNav{display:flex;align-items:center;gap:27px;color:#9d9a92;font-size:12px}.topNav a{padding:21px 0 17px;border-bottom:2px solid transparent}.topNav a:hover,.topNav a.active{color:#f1d48b;border-bottom-color:#d4b15e}.accountArea{display:flex;align-items:center;gap:8px;font-size:12px}.avatar{width:38px;height:38px;border-radius:50%;border:1px solid #d9b66a;display:grid;place-items:center;overflow:hidden;background:#17140e;font-weight:900}.avatar img{width:100%;height:100%;object-fit:cover}.accountName small{display:block;color:#777;font-size:9px;margin-top:2px}.logoutBtn,.soundButton,.goldButton{border:1px solid #876b35;background:linear-gradient(180deg,#181713,#0e0e0d);color:#efd58f;padding:8px 11px;border-radius:7px;cursor:pointer}.soundButton{width:39px;height:36px;padding:0;font-size:15px}.panel{background:linear-gradient(180deg,#111,#090909);border:1px solid #544322;border-radius:10px;box-shadow:0 22px 60px #000d}.homeShell{max-width:1540px;margin:0 auto;padding:14px;display:grid;grid-template-columns:220px minmax(0,1fr) 300px;gap:14px}.homeSide,.homeRight{padding:12px}.homeMain{display:flex;flex-direction:column;gap:14px;min-width:0}.memberBox{padding:13px;border:1px solid #514225;border-radius:8px;background:linear-gradient(180deg,#151515,#0b0b0b)}.memberTop{display:flex;align-items:center;gap:9px}.memberTop .avatar{width:42px;height:42px}.memberText b{display:block;font-size:13px}.memberText span{display:inline-block;margin-top:4px;font-size:9px;color:#c9bd9f;border:1px solid #625638;border-radius:10px;padding:3px 6px}.loginLink{display:block;margin-top:10px;text-align:center;border:1px solid #806633;border-radius:6px;padding:9px;color:#eed48e;font-size:11px}.balanceCard{margin-top:10px;padding:12px;border:1px solid #9b7c3c;border-radius:8px;background:linear-gradient(145deg,#1c1913,#0d0d0d)}.balanceRow{display:flex;justify-content:space-between;align-items:center;padding:5px 0;color:#aaa39a;font-size:10px}.balanceRow strong{color:#fff0b7;font-size:18px}.goldButton{display:inline-block;text-align:center;margin-top:9px;font-size:10px}.goldButton.full{display:block;width:100%}.sideHeading{margin:17px 3px 7px;color:#d9bc78;font:11px Georgia;letter-spacing:2px}.powerLinks{border-top:1px solid #2b2925}.powerLink{display:block;padding:11px 6px;border-bottom:1px solid #292929;color:#b9b5ad;font-size:11px;line-height:1.25}.powerLink strong{display:block;color:#eee4cc;font-size:12px;margin-bottom:2px}.powerLink:hover{color:#f4dc9b;background:#c9a45b0a}.emptyLink{font-size:10px;color:#6f6b64;padding:10px 5px}
.hero{padding:25px 24px 23px;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,#d4ad5e14,transparent 45%),linear-gradient(180deg,#111,#090909)}.hero:after{content:"✦";position:absolute;right:28px;bottom:17px;color:#d8bb78;opacity:.28;font-size:24px}.templeLine{display:flex;justify-content:center;align-items:center;gap:9px;color:#e8ce8d;font-size:12px}.templeLine i{width:68px;height:1px;background:linear-gradient(90deg,transparent,#b99752,transparent)}.eyebrow{margin-top:12px;color:#c9ab69;font:9px Arial;letter-spacing:5px}.hero h1{font:700 clamp(34px,4.4vw,58px) Georgia,serif;letter-spacing:4px;color:#f6dfaa;margin:8px 0 6px;text-shadow:0 2px 18px #fff0b833}.hero p{margin:0;color:#9e988d;font-size:12px}.heroAuth{width:min(720px,100%);margin:17px auto 0}.heroLoginBox{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #6e572d;border-radius:9px;background:linear-gradient(100deg,#17140f,#0b0b0b);text-align:left;box-shadow:inset 0 0 25px #c9a45b08}.heroLoginBox>div{min-width:0}.heroLoginBox strong{display:block;color:#f0d58f;font-size:12px;letter-spacing:.5px}.heroLoginBox small{display:block;color:#89847b;font-size:9px;margin-top:4px;line-height:1.45}.heroLoginBtn,.heroLogoutBtn{flex:0 0 auto;border:1px solid #c6a157;border-radius:7px;background:linear-gradient(180deg,#e9d49b,#c9ad68);color:#14110b;padding:10px 14px;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}.heroLoginBox.logged{border-color:#3f5b48;background:linear-gradient(100deg,#101711,#0b0b0b)}.heroLoginBox.logged strong{color:#8be1aa}.heroLogoutBtn{background:#111;color:#e8cf8c;border-color:#735a2e}.heroActions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:21px}.heroPlay{min-width:150px;padding:13px 18px;border-radius:8px;background:linear-gradient(180deg,#f9f3df,#d7cdb4);color:#111;font-weight:900;letter-spacing:1px;border:1px solid #f1d58c;box-shadow:0 0 25px #d5b76a1f}.heroPlay.secondary{background:#11100d;color:#e7cc89;border-color:#765c2f}.heroBalance{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:16px;color:#8e897e;font-size:10px}.heroBalance b{color:#f2d994;font-size:14px}
.sectionBlock{min-width:0}.sectionTitle{display:flex;justify-content:space-between;align-items:end;margin-bottom:9px}.sectionTitle>div>span{color:#b99752;font:8px Arial;letter-spacing:3px}.sectionTitle h2{margin:2px 0 0;color:#efe2c3;font:22px Georgia,serif}.sectionTitle>a{font-size:9px;color:#b99752}.gameGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gameCard{min-height:155px;padding:16px;border:1px solid #544322;border-radius:9px;background:linear-gradient(145deg,#15130f,#090909);display:flex;flex-direction:column;justify-content:space-between;transition:.18s}.gameCard:hover{transform:translateY(-2px);border-color:#aa8849;box-shadow:0 12px 30px #000}.gameIcon{font-size:34px;margin-bottom:9px}.gameCard small{font:8px Arial;letter-spacing:2px;color:#b99752}.gameCard h3{font:19px Georgia,serif;color:#eee0bb;margin:3px 0}.gameCard p{font-size:10px;line-height:1.5;color:#8e8980;margin:0}.gameCard>b{align-self:flex-end;font-size:9px;color:#d9b86e;letter-spacing:1px}.diceGame{opacity:.78}.twoCol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.innerPanel{padding:17px}.eventCopy,.noticeCopy{min-height:100px;color:#aaa59b;font-size:11px;line-height:1.8;white-space:pre-wrap}.noticeCopy a{color:#e5c87e;text-decoration:underline}.livePanel{padding:17px}.sectionTitle em{font-style:normal;font-size:9px;color:var(--green)}.liveGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.liveItem{padding:10px 11px;border:1px solid #2b2a27;border-radius:7px;background:#0b0b0b;font-size:10px;line-height:1.5}.liveItem .who{color:#e9dfca;font-weight:800}.liveItem .prize{color:#d7b86d;font-weight:900}.liveItem.lose .prize{color:#9f737b}.rightHeader{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #2d2d2b}.rightHeader b{font-size:13px;color:#efe4cf}.rightHeader span{font-size:9px;color:#e1d3b0}.rightHeader .green{color:var(--green)}.rightNotice{padding:11px 0;min-height:150px;color:#bdb8af;font-size:10px;line-height:1.7;white-space:pre-wrap}.rightNotice a{color:#e8cb82;text-decoration:underline}.rightDivider{height:1px;background:#292929;margin:2px 0 13px}.rightFeed{max-height:510px;overflow:auto}.rightFeed .liveItem{border:0;border-bottom:1px solid #292929;border-radius:0;padding:9px 0;background:transparent}.maintenance{position:fixed;top:0;left:0;right:0;z-index:200;padding:9px;text-align:center;background:#5b151d;color:#ffe7e7;font-size:11px}.mobileNav{display:none}.soundPanel{position:fixed;right:16px;top:66px;z-index:100;width:260px;padding:14px;border:1px solid #765d31;border-radius:9px;background:#0d0d0def;box-shadow:0 18px 45px #000d;backdrop-filter:blur(10px)}.soundPanelTitle{font:14px Georgia;color:#f1d48b;margin-bottom:12px}.soundPanel label{display:grid;grid-template-columns:80px 1fr;gap:8px;align-items:center;font-size:10px;color:#bdb7aa;margin:10px 0}.soundPanel input{width:100%;accent-color:#c9a45b}.soundPanel button{width:100%;border:1px solid #5d4928;background:#111;color:#d9bd7b;padding:8px;border-radius:6px}.soundPanel small{display:block;color:#666;font-size:8px;margin-top:9px}.toastWrap{position:fixed;right:16px;bottom:16px;width:310px;z-index:120;display:flex;flex-direction:column;gap:7px;pointer-events:none}.toast{padding:11px 13px;border:1px solid #765d31;border-left:3px solid #e0c277;border-radius:8px;background:#0e0e0eee;box-shadow:0 8px 30px #000c;font-size:11px}.toast strong{color:#f5dda2}
@media (max-width:1050px){.homeShell{grid-template-columns:190px minmax(0,1fr);}.homeRight{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.homeRight .rightDivider{display:none}.rightFeed{max-height:260px}.gameGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.homeHeader{gap:18px}.topNav{gap:17px}}
@media (max-width:760px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.homeHeader{height:58px;padding:0 8px;padding-top:env(safe-area-inset-top);grid-template-columns:minmax(0,1fr) auto auto;gap:6px}.brand{font-size:16px;letter-spacing:2px;overflow:hidden;text-overflow:ellipsis}.brand small{display:none}.topNav{display:none}.accountArea .accountName{display:none}.accountArea .logoutBtn{display:inline-block;padding:7px 8px;font-size:9px}.accountArea{margin-left:auto}.headerLogin{padding:7px 8px;font-size:9px;white-space:nowrap}.avatar{width:32px;height:32px}.soundButton{width:32px;height:32px;font-size:13px}.homeShell{display:flex;flex-direction:column;padding:7px;gap:9px;width:100%;max-width:none}.homeMain{order:1;gap:10px}.homeSide{order:2;padding:9px}.homeRight{order:3;padding:9px;display:block}.hero{padding:19px 12px 17px;border-radius:11px}.hero h1{font-size:clamp(27px,8.5vw,39px);letter-spacing:2px;line-height:1.05}.hero p{font-size:10px}.templeLine{gap:4px}.templeLine i{width:34px}.eyebrow{font-size:7px;letter-spacing:3px}.heroAuth{margin-top:14px}.heroLoginBox{padding:10px 11px;gap:8px}.heroLoginBox strong{font-size:10px}.heroLoginBox small{font-size:8px}.heroLoginBtn,.heroLogoutBtn{padding:9px 9px;font-size:8px}.heroActions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}.heroPlay{min-width:0;padding:11px 7px;font-size:10px}.heroPlay:first-child{grid-column:1/-1}.heroBalance{margin-top:12px}.gameGrid{grid-template-columns:1fr;gap:7px}.gameCard{min-height:112px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.gameIcon{font-size:28px;margin:0}.gameCard h3{font-size:16px}.gameCard p{font-size:9px}.gameCard>b{font-size:8px}.twoCol{grid-template-columns:1fr;gap:9px}.innerPanel,.livePanel{padding:13px}.sectionTitle h2{font-size:19px}.eventCopy,.noticeCopy{min-height:0;font-size:10px}.liveGrid{grid-template-columns:1fr}.memberBox{padding:10px}.balanceCard{margin-top:8px}.powerLinks{display:grid;grid-template-columns:1fr 1fr}.powerLink{padding:9px 6px;font-size:9px}.powerLink strong{font-size:10px}.homeRight{border-radius:10px}.rightNotice{min-height:0;font-size:10px}.rightFeed{max-height:300px}.soundPanel{top:auto;bottom:70px;right:7px;left:7px;width:auto;padding:13px}.toastWrap{left:8px;right:8px;bottom:76px;width:auto}.mobileNav{display:grid;position:fixed;left:6px;right:6px;bottom:calc(5px + env(safe-area-inset-bottom));height:58px;grid-template-columns:repeat(8,1fr);z-index:110;border:1px solid #6a542c;border-radius:14px;background:linear-gradient(180deg,#15130fef,#080808f5);box-shadow:0 12px 40px #000e,0 0 0 1px #fff1bd0a;backdrop-filter:blur(10px);padding:4px}.mobileNav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#8f8b82;font-size:16px;border-radius:10px}.mobileNav a span{font-size:8px;letter-spacing:1px}.mobileNav a.active{color:#f0d58c;background:#c9a45b12}.homeSide .sideHeading{margin-top:12px}.homeSide .balanceRow strong{font-size:16px}}
@media (max-width:390px){.brand{font-size:15px}.hero h1{font-size:27px}.heroLoginBox{align-items:flex-start}.heroLoginBox small{max-width:170px}.heroLoginBtn,.heroLogoutBtn{padding:8px 7px}.heroActions{grid-template-columns:1fr}.heroPlay:first-child{grid-column:auto}.homeShell{padding:6px}.mobileNav{left:5px;right:5px}}
@media (min-width:761px) and (max-width:1100px){.homeSide{grid-column:1}.homeMain{grid-column:2}.homeRight{grid-column:1/-1}}
@media (min-width:761px) and (max-width:1400px){.homeShell{grid-template-columns:205px minmax(0,1fr) 275px}}
@media (min-width:1800px){.homeShell{max-width:1600px}}


/* V2.1: LIVE is kept only in the right rail; replace the duplicated bottom feed with a wide POINT SHOP CTA. */
.pointShopBanner{display:flex;align-items:center;gap:18px;padding:18px 20px;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 50%,#d5b86a12,transparent 34%),linear-gradient(110deg,#17140e,#0b0b0b 55%,#14110b);border-color:#72592d;transition:.18s;min-height:92px}
.pointShopBanner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#f0d58c0b 48%,transparent);pointer-events:none}
.pointShopBanner:hover{transform:translateY(-2px);border-color:#c09a52;box-shadow:0 16px 35px #000,0 0 30px #c9a45b12}
.shopBannerIcon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #8b6d36;border-radius:12px;background:#0b0a08;font-size:27px;flex:0 0 auto;box-shadow:inset 0 0 20px #c9a45b0a}
.shopBannerCopy{min-width:0}
.shopBannerCopy>span{display:block;color:#b99752;font:8px Arial;letter-spacing:3px;margin-bottom:4px}
.shopBannerCopy h2{margin:0;color:#f0dfb9;font:22px Georgia,serif}
.shopBannerCopy p{margin:5px 0 0;color:#8f8a81;font-size:10px}
.shopBannerAction{margin-left:auto;flex:0 0 auto;color:#e7ca83;font-size:10px;letter-spacing:1.5px;border:1px solid #806332;border-radius:7px;padding:11px 14px;background:#0d0c0a}
.shopBannerAction b{font-size:14px;margin-left:6px}
@media (max-width:760px){.pointShopBanner{padding:14px;gap:11px;min-height:78px;border-radius:10px}.shopBannerIcon{width:42px;height:42px;font-size:21px;border-radius:9px}.shopBannerCopy>span{font-size:7px;letter-spacing:2px}.shopBannerCopy h2{font-size:16px;line-height:1.25}.shopBannerCopy p{font-size:8px;line-height:1.4;margin-top:3px}.shopBannerAction{font-size:8px;padding:9px 8px;letter-spacing:.8px}.shopBannerAction b{font-size:12px;margin-left:3px}}
@media (max-width:390px){.pointShopBanner{gap:8px}.shopBannerIcon{display:none}.shopBannerCopy h2{font-size:15px}.shopBannerAction{padding:8px 7px}}
