*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-width:1180px;background:#dedbd3;color:#111;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;font-weight:700}a{color:inherit;text-decoration:none}img{display:block}
.page-shell{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(rgba(255,255,255,.34),rgba(255,255,255,.34)),#ddd9d0}
.top-nav{position:relative;z-index:30;height:120px;display:flex;align-items:center;padding:0 48px 0 54px}.nav-left-key,.nav-right-key{width:28px;height:18px;border-radius:4px;background:#151515;color:#fff;font-size:11px;line-height:18px;text-align:center;flex:none}.nav-tabs{display:flex;align-items:center;gap:42px;margin-left:18px}.nav-tabs a{position:relative;padding:10px 9px 11px;font-size:20px}.nav-tabs a.active{padding-left:22px;padding-right:22px;color:#fff;border-radius:28px;background:#ca633f}.nav-tabs a:not(.active)::after{content:"";position:absolute;top:5px;right:-7px;width:8px;height:8px;border-radius:50%;background:#cb684b}.nav-right-key{margin-left:28px}
.player-panel{position:absolute;top:35px;right:48px;width:330px;height:96px;padding:12px 15px 28px 18px;border-radius:16px;background:rgba(222,220,214,.82);box-shadow:0 3px 14px rgba(0,0,0,.06)}.player-card{position:absolute;left:17px;right:17px;top:10px;height:50px;border-radius:12px;background:linear-gradient(120deg,#315a7f 0 22%,#d0aa50 22% 36%,#183f70 36% 76%,#091948 76% 100%);border:1px solid rgba(255,255,255,.55)}.player-mark,.player-name,.player-level{position:absolute;z-index:2;color:#f3f3f3}.player-mark{left:32px;top:23px;width:38px;font-size:24px;text-align:center}.player-name{left:82px;top:24px;font-size:17px;font-weight:500}.player-level{right:26px;top:21px;font-size:18px}.player-sub{position:absolute;left:19px;bottom:6px;font-size:14px;font-weight:600}
.menu-layout{position:relative;min-height:calc(100vh - 120px);padding:34px 0 110px 48px}.menu-grid{position:relative;z-index:20;width:1230px;height:650px}.menu-card{position:absolute;overflow:hidden;border:2px solid rgba(255,255,255,.85);border-radius:7px;background:#bbb;box-shadow:0 12px 25px rgba(0,0,0,.18),inset 0 0 0 1px rgba(0,0,0,.05);transition:.16s ease}.menu-card:hover{transform:translateY(-4px);box-shadow:0 17px 30px rgba(0,0,0,.22),0 0 0 3px rgba(255,255,255,.55)}.menu-card img{width:100%;height:100%;object-fit:cover}.card-overlay{position:absolute;inset:0;pointer-events:none}.card-title{position:absolute;left:24px;bottom:22px;z-index:3;color:#f1f2ed;font-size:31px;line-height:1.08;font-weight:900;letter-spacing:-.03em;text-shadow:0 2px 0 rgba(0,0,0,.14)}.card-title.big{font-size:43px;left:27px;bottom:20px}.card-mini{position:absolute;left:26px;bottom:112px;z-index:3;padding:6px 12px;border-radius:13px;color:#111;background:#d7b44e;font-size:16px;line-height:1}
.campaign-card{left:0;top:0;width:505px;height:650px}.campaign-card .card-overlay{background:linear-gradient(to top,rgba(8,44,64,.94) 0 24%,rgba(6,27,39,.22) 48%,transparent 67%),linear-gradient(90deg,rgba(10,49,72,.28),transparent 60%)}.campaign-card::after{content:"";position:absolute;left:-45px;right:-10px;bottom:164px;height:64px;transform:skewX(-16deg);background:linear-gradient(to bottom,rgba(231,238,220,.92) 0 12px,transparent 12px 18px,rgba(15,67,92,.88) 18px 32px,transparent 32px 38px,rgba(231,238,220,.9) 38px 47px,transparent 47px);opacity:.9}
.collector-card{left:520px;top:14px;width:378px;height:300px}.collector-card .card-overlay{background:linear-gradient(90deg,rgba(204,162,67,.12),rgba(189,96,60,.12)),linear-gradient(to top,rgba(176,129,42,.14),transparent 65%)}.collector-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 70%,rgba(178,79,53,.82) 70% 78%,rgba(215,172,60,.8) 78% 84%,rgba(39,72,85,.92) 84% 100%);mix-blend-mode:multiply;opacity:.62}.collector-card .card-title{color:#f1f2ed;font-size:27px}
.tgs-card{left:520px;top:330px;width:378px;height:320px}.tgs-card .card-overlay{background:linear-gradient(135deg,rgba(218,93,55,.55),rgba(25,37,40,.42)),linear-gradient(to top,rgba(131,40,27,.58),transparent 55%)}.tgs-card::after{content:"";position:absolute;inset:45px 0 auto;height:60px;background:linear-gradient(to bottom,transparent 0 8px,rgba(34,31,29,.78) 8px 18px,transparent 18px 28px,rgba(216,107,63,.62) 28px 38px,transparent 38px);transform:skewY(-3deg)}.tgs-card .card-title{font-size:31px}
.game-top-card{left:915px;top:438px;width:315px;height:212px;z-index:24}.game-top-card .card-overlay{background:linear-gradient(to top,rgba(27,42,56,.88),rgba(27,42,56,.16) 55%,transparent 75%)}.game-top-card .card-title{font-size:25px;left:20px;bottom:18px}
.display-area{position:absolute;top:0;right:0;width:52%;height:100%;min-height:720px;overflow:hidden;pointer-events:none}.display-area::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 104px,rgba(90,105,113,.13) 104px 106px,transparent 106px 208px),repeating-linear-gradient(0deg,transparent 0 78px,rgba(90,105,113,.11) 78px 80px,transparent 80px 156px);opacity:.32}.back-circle{position:absolute;border:2px solid rgba(88,101,110,.35);border-radius:50%;opacity:.55}.c1{width:560px;height:560px;left:-110px;top:40px}.c2{width:340px;height:340px;left:150px;top:190px}.back-line{position:absolute;height:2px;background:rgba(86,98,105,.35);transform-origin:left center;opacity:.55}.l1{width:670px;left:-100px;top:135px;transform:rotate(18deg)}.l2{width:620px;left:-55px;top:470px;transform:rotate(-9deg)}
.bottom-bar{position:absolute;left:0;right:0;bottom:0;height:68px;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 44px 0 55px;background:rgba(236,233,225,.82);border-top:1px solid rgba(0,0,0,.03)}.build-info{font-size:12px;font-style:italic}.controls{display:flex;gap:25px;font-size:15px;font-weight:600}
@media(max-width:1350px){body{min-width:980px}.player-panel{transform:scale(.88);transform-origin:top right}.menu-grid{transform:scale(.88);transform-origin:top left}.display-area{width:48%}}