/* KoshiNet Play v6 — intentional game portal composition. */
:root{--play-cyan:#35d6e5;--play-cyan-2:#18aabd;--play-coral:#ff663c;--play-panel:rgba(8,22,34,.86)}
body.play-v5::before{display:none}
body.play-v5{background:#07121c;background-image:radial-gradient(circle at 75% 7%,rgba(39,100,144,.12),transparent 30%)}
html[data-theme="light"] body.play-v5{background:#eef4fb;background-image:radial-gradient(circle at 75% 7%,rgba(101,119,235,.12),transparent 32%)}
.network-strip[hidden]{display:none!important}

/* Header */
.site-header{height:86px;top:0;padding:0 max(28px,calc((100vw - 1500px)/2));gap:54px;background:rgba(5,15,24,.94);border-bottom:1px solid rgba(114,182,210,.15);backdrop-filter:blur(22px)}
.brand{gap:14px}.brand-cube{width:46px;height:46px;border:0;border-radius:12px;background:linear-gradient(145deg,#4be4ef,#21b7cc);box-shadow:0 9px 25px rgba(32,202,220,.22),inset -9px -9px 0 rgba(0,90,115,.15);font-size:25px}.brand b{font:850 20px/1 "Segoe UI",Arial,sans-serif;letter-spacing:-.035em;text-transform:uppercase}.brand small{margin-top:6px;color:#9db1c0;font:750 8px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.12em}
.desktop-nav{gap:30px}.desktop-nav a{font:750 11px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.03em;text-transform:uppercase}.desktop-nav a::after{height:3px;border-radius:3px 3px 0 0;background:var(--play-cyan)}.desktop-nav a:hover,.desktop-nav a.active{color:var(--play-cyan)}
.header-actions{gap:12px}.header-network{display:flex;align-items:center;gap:10px;margin-right:4px}.header-network>i{width:10px;height:10px;border:2px solid #20ef8c;border-radius:50%;background:#0aba61;box-shadow:0 0 0 5px rgba(32,239,140,.1),0 0 18px rgba(32,239,140,.35)}.header-network>span{display:grid;gap:4px}.header-network b{color:#bcecf2;font-size:10px;letter-spacing:.06em}.header-network small{color:#6f8595;font-size:8px}.header-network em{color:#8eeab2;font-style:normal}.icon-button,.account-button,.header-play{height:46px;border-radius:12px;font:750 10px "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em}.icon-button{width:42px;padding:0;color:#7891a2}.account-button{padding:0 18px;background:rgba(9,24,36,.7)}.header-play{display:inline-flex;align-items:center;padding:0 21px;background:linear-gradient(180deg,#42ddea,#1ab9cb);color:#04141d;box-shadow:0 10px 28px rgba(25,190,208,.22)}.header-play:hover{filter:brightness(1.08)}
html[data-theme="light"] .site-header{background:rgba(249,251,255,.94);border-bottom-color:#dce3f1}html[data-theme="light"] .header-network b{color:#234559}html[data-theme="light"] .header-network small{color:#728496}

/* Hero */
.welcome-hero{position:relative;isolation:isolate;min-height:720px;overflow:hidden;border-bottom:1px solid rgba(65,139,170,.16);background:#06111b;color:#f5fbff}
.welcome-hero::before{content:"";position:absolute;z-index:-2;inset:0 0 0 32%;background:url('/assets/koshinet-hero.webp') center/cover no-repeat;filter:saturate(1.08) contrast(1.06)}
.welcome-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#06111b 0%,#06111b 35%,rgba(6,17,27,.91) 44%,rgba(6,17,27,.28) 68%,rgba(6,17,27,.04) 100%),linear-gradient(0deg,rgba(4,13,21,.82),transparent 42%)}
.welcome-inner{min-height:720px;display:flex;align-items:center}.welcome-copy{width:min(690px,54%);padding:54px 0 48px}
.network-pill{width:max-content;display:flex;align-items:center;gap:9px;margin-bottom:24px;padding:9px 14px;border:1px solid rgba(53,214,229,.3);border-radius:999px;background:rgba(5,20,31,.65);color:#a9c1d0;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.network-pill>i{width:9px;height:9px;border-radius:50%;background:#d5a93a;box-shadow:0 0 0 4px rgba(213,169,58,.12)}.network-pill>i.online{background:#19db77;box-shadow:0 0 0 4px rgba(25,219,119,.12),0 0 13px rgba(25,219,119,.35)}.network-pill b{color:#5a7181}.network-pill strong{font-weight:750}.network-pill em{color:#f1f7fa;font-style:normal}
.welcome-copy h1{margin:0;font:850 clamp(54px,5vw,76px)/.94 "Segoe UI",Arial,sans-serif;letter-spacing:-.055em}.welcome-copy h1 span,.welcome-copy h1 em,.welcome-copy h1 strong{display:block;font-style:normal}.welcome-copy h1 em{color:var(--play-cyan)}.welcome-copy h1 strong{color:var(--play-coral)}
.welcome-copy>p{max-width:570px;margin:22px 0 0;color:#a9bac6;font-size:15px;line-height:1.72}
.welcome-address{width:min(680px,100%);margin-top:24px;padding:13px 14px;border:1px solid rgba(67,164,195,.32);border-radius:17px;background:rgba(6,21,32,.8);color:#eaf9fc;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;text-align:left;cursor:pointer;box-shadow:0 18px 45px rgba(0,0,0,.18);backdrop-filter:blur(12px)}.welcome-address:hover{border-color:var(--play-cyan);background:rgba(8,28,42,.92)}.welcome-address>span:nth-child(2){display:grid;gap:4px}.welcome-address small{color:#728d9e;font-size:8px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.welcome-address>span>b{color:#62e5ef;font:850 clamp(17px,1.6vw,23px) ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.03em}.welcome-address>strong{height:42px;padding:0 15px;border-radius:11px;background:var(--play-cyan);color:#04151d;display:flex;align-items:center;gap:8px;font-size:9px;text-transform:uppercase}.server-block{width:43px;height:43px;border-radius:10px;background:linear-gradient(180deg,#63cf4a 0 29%,#77502e 30% 100%);box-shadow:inset 0 -8px rgba(52,27,15,.18),inset 7px 0 rgba(255,255,255,.08);transform:rotate(-4deg)}.server-block i{display:block;height:14px;background:repeating-linear-gradient(135deg,#9de85f 0 5px,#55bd3c 5px 10px);border-radius:10px 10px 2px 2px}
.home-icon{width:22px;height:22px;flex:none}
.welcome-actions{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:10px;margin-top:13px}.welcome-action{min-width:0;min-height:68px;padding:12px 14px;border:1px solid rgba(83,136,162,.25);border-radius:14px;background:rgba(7,21,33,.78);color:#9fd7e1;display:flex;align-items:center;gap:11px;backdrop-filter:blur(10px)}.welcome-action:hover{border-color:rgba(53,214,229,.55);background:rgba(11,31,46,.94)}.welcome-action.primary{border-color:#37cedd;background:linear-gradient(180deg,#42dce8,#20b9ca);color:#04151d;box-shadow:0 13px 30px rgba(31,190,207,.18)}.welcome-action span{min-width:0}.welcome-action b,.welcome-action small{display:block}.welcome-action b{color:#eef9fb;font-size:10px;text-transform:uppercase}.welcome-action.primary b{color:#04151d}.welcome-action small{margin-top:4px;color:#718b9b;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome-action.primary small{color:#176476}
.welcome-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:16px;border:1px solid rgba(75,131,157,.24);border-radius:15px;background:rgba(7,20,31,.76);overflow:hidden;backdrop-filter:blur(10px)}.welcome-stats>div{min-width:0;padding:13px 12px;border-right:1px solid rgba(75,131,157,.2);display:flex;align-items:center;gap:10px}.welcome-stats>div:last-child{border-right:0}.welcome-stats .home-icon{color:var(--play-cyan)}.welcome-stats span{min-width:0}.welcome-stats b,.welcome-stats small{display:block}.welcome-stats b{font-size:16px;color:#f0f7fa}.welcome-stats small{margin-top:2px;color:#6f8797;font-size:7px;white-space:nowrap;text-transform:uppercase}

/* Content below hero */
.home-v6 .resume-banner{margin-top:22px}.welcome-benefits{position:relative;z-index:3;margin-top:20px;padding:0 6px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;background:rgba(12,28,41,.96);box-shadow:0 18px 48px rgba(0,0,0,.2);overflow:hidden}.welcome-benefits>div{min-width:0;padding:19px 22px;border-right:1px solid var(--line-soft);display:flex;align-items:center;gap:14px}.welcome-benefits>div:last-child{border-right:0}.welcome-benefits .home-icon{width:25px;height:25px;color:var(--play-cyan)}.welcome-benefits b,.welcome-benefits small{display:block}.welcome-benefits b{font-size:11px;color:#c6edf2}.welcome-benefits small{margin-top:4px;color:var(--muted);font-size:9px}
.home-v6 .modes-section{padding-top:68px}.home-v6 .section-heading{margin-bottom:24px}.home-v6 .section-heading h2{font-size:clamp(34px,3.7vw,52px)}
.home-v6 .service-grid{padding-bottom:10px}

/* Inner pages keep the same component language without imitating the developer site. */
.sub-hero{background:radial-gradient(circle at 85% 0,rgba(62,207,226,.12),transparent 32%),radial-gradient(circle at 58% 100%,rgba(130,102,238,.09),transparent 36%),var(--bg)}
.filter-panel,.content-panel,.guide-steps article,.store-closed,.resume-banner{box-shadow:0 14px 38px rgba(0,5,12,.13)}

@media(max-width:1260px){
  .site-header{gap:30px}.desktop-nav{gap:18px}.header-network{display:none}.welcome-copy{width:min(650px,57%)}
}
@media(max-width:980px){
  .site-header{height:74px;padding:0 18px}.desktop-nav{display:none}.header-play{display:none}.welcome-hero,.welcome-inner{min-height:700px}.welcome-hero::before{inset:0;background-position:62% center;opacity:.62}.welcome-shade{background:linear-gradient(90deg,#06111b 0%,rgba(6,17,27,.96) 48%,rgba(6,17,27,.45)),linear-gradient(0deg,rgba(4,13,21,.85),transparent)}.welcome-copy{width:min(650px,78%)}.welcome-benefits{grid-template-columns:1fr 1fr}.welcome-benefits>div:nth-child(2){border-right:0}.welcome-benefits>div:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}
}
@media(max-width:700px){
  .site-header{height:66px;padding:0 12px}.brand{gap:10px}.brand-cube{width:38px;height:38px;border-radius:10px;font-size:21px}.brand b{font-size:16px}.brand small{font-size:6px}.header-actions{gap:7px}.icon-button{display:none}.account-button{height:38px;padding:0 12px;border-radius:10px}.account-button .account-pixel{display:none}
  .welcome-hero{min-height:0}.welcome-inner{min-height:0;display:block}.welcome-hero::before{inset:auto 0 0;height:310px;background-position:center;opacity:.9}.welcome-shade{background:linear-gradient(180deg,#06111b 0%,#06111b 55%,rgba(6,17,27,.83) 75%,rgba(6,17,27,.2) 100%)}.welcome-copy{width:100%;padding:38px 0 318px}.network-pill{margin-bottom:19px;padding:8px 11px;font-size:8px}.network-pill strong{display:none}.welcome-copy h1{font-size:clamp(40px,12.2vw,50px);line-height:.98}.welcome-copy>p{margin-top:18px;font-size:13px;line-height:1.6}.welcome-address{grid-template-columns:38px 1fr;padding:11px;margin-top:20px;border-radius:14px}.welcome-address>strong{grid-column:1/-1;height:41px;justify-content:center}.server-block{width:36px;height:36px;border-radius:8px}.welcome-address>span>b{font-size:15px}.welcome-actions{grid-template-columns:1fr 1fr}.welcome-action.primary{grid-column:1/-1}.welcome-action{min-height:62px;border-radius:13px}.welcome-stats{grid-template-columns:1fr 1fr;border-radius:14px}.welcome-stats>div{border-bottom:1px solid rgba(75,131,157,.2)}.welcome-stats>div:nth-child(2){border-right:0}.welcome-stats>div:nth-child(n+3){border-bottom:0}.welcome-stats small{font-size:7px}
  .welcome-benefits{grid-template-columns:1fr;margin-top:12px;border-radius:16px}.welcome-benefits>div{padding:15px 17px;border-right:0;border-bottom:1px solid var(--line-soft)}.welcome-benefits>div:last-child{border-bottom:0}.home-v6 .modes-section{padding-top:52px}
}