/* U.ZU / premium creative district — restrained ink, limestone and brass. */
:root{--bg:#0b1118;--ink:#f2eee5;--soft:#c6cbd0;--muted:#9ba7b3;--glass:rgba(12,20,28,.88);--glass2:rgba(14,24,33,.91);--line:rgba(210,221,230,.17);--amber:#d3ac72;--gold:#e6c99b;--cyan:#a9c7cf;--rose:#e7a69b;--serif:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif}
body{background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"palt";letter-spacing:.015em}
.w-stage{background:#0b1521}
.w-vignette{background:linear-gradient(90deg,rgba(6,13,20,.94) 0%,rgba(8,16,25,.84) 28%,rgba(9,17,26,.4) 55%,transparent 78%),linear-gradient(0deg,rgba(7,13,20,.6),transparent 35%)}
.w-hud{padding:22px clamp(22px,4vw,64px);gap:20px;background:linear-gradient(#0a131df0,#0a131dc9);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.w-brand{padding:9px 13px;background:#f0eee5;border-radius:2px;box-shadow:none;border:0}
.w-brand img{height:22px}
.w-quest-toggle,.w-online,.w-lang{border-radius:2px;background:transparent;border-color:var(--line);box-shadow:none;min-height:40px}
.w-quest-toggle{font-size:12px;padding:0 16px;letter-spacing:.1em}
.w-quest-list{border-radius:3px;background:#111e2cf5;box-shadow:0 20px 60px #0006;padding:10px}
.w-online{font-size:9px;letter-spacing:.1em;border:0;padding:0 8px}
.w-online b{color:#d9e9e4;font-size:13px}
.w-dot{width:5px;height:5px;background:#b3c9bd;box-shadow:0 0 8px #b3c9bd66;animation:none}
.w-lang{border:0}.w-lang>span{font-size:0}.w-lang>span:after{content:'LANG';font:9px Arial;letter-spacing:.14em;color:var(--muted)}
.w-lang select{font-size:12px;max-width:120px}
.w-xp{height:1px}.w-xp span{box-shadow:none;background:var(--gold)}
.w-ch{padding:clamp(130px,16vh,190px) clamp(24px,6vw,96px) clamp(110px,15vh,170px);gap:32px}
.w-ch>*{max-width:660px}
.w-panel{border-radius:3px;padding:32px 34px;border:1px solid var(--line);background:var(--glass);box-shadow:0 16px 70px #0002;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
.w-title{min-height:100svh;padding-top:165px;padding-bottom:90px;justify-content:center;gap:34px}
.w-title-panel{max-width:770px;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none}
.w-eyebrow,.w-path-tag,.w-chapter-card p{font-family:Arial,sans-serif;letter-spacing:.19em;font-size:10px;color:#c4aa80;font-weight:500}
h1{font-family:var(--serif);font-size:clamp(32px,3.7vw,55px);letter-spacing:-.025em;line-height:1.65;text-shadow:0 3px 20px #0005;text-wrap:balance;font-weight:500}
.w-title-panel .w-lead{max-width:575px;font-size:14px;line-height:2.15;color:#c4cdd4;margin-top:24px;text-shadow:none}
.w-title-panel .w-eyebrow{margin-bottom:22px;text-shadow:none}
.w-title-panel .w-eyebrow:before{content:'';display:inline-block;width:33px;height:1px;background:var(--gold);vertical-align:middle;margin-right:15px}
.w-paths{max-width:820px;gap:0;border-block:1px solid #bfcad02e;background:#09111bc9;backdrop-filter:blur(14px)}
.w-path{padding:24px 28px 26px;border:0;border-radius:0;background:none;backdrop-filter:none;box-shadow:none}
.w-path:first-child{border-right:1px solid var(--line)}.w-path:before{display:none}
.w-path h2{font-size:21px;font-family:var(--sans);font-weight:600;letter-spacing:.025em;color:var(--ink)}
.w-path p:not(.w-path-tag){font-size:12px;color:#b9c3ce;line-height:2;margin-top:12px;min-height:48px}
.w-path .w-path-tag{font-size:8px;margin-bottom:13px;letter-spacing:.17em}
.w-path-links{gap:15px;align-items:center;margin-top:16px}
.w-path .w-btn{min-height:38px;padding:8px 0;border:none;background:none;color:var(--gold);font-size:11px;box-shadow:none;border-radius:0}
.w-path .w-btn.ghost{color:#c7d2da}
.w-path .w-btn:hover{background:none;color:#fff;transform:translateX(3px)}
.w-scroll-hint{font-size:9px;letter-spacing:.12em;color:#a7b5bf;margin-top:6px;text-shadow:none}
.w-scroll-hint>span{font-size:0}.w-scroll-hint>span:after{content:'↓';font-size:18px;margin-right:12px}
.w-chapter-card{border:0;padding:0 0 22px;border-bottom:1px solid var(--line);max-width:760px}
.w-chapter-card h2{font-size:clamp(27px,3vw,42px);font-weight:500;line-height:1.7;letter-spacing:-.025em;text-shadow:0 2px 30px #0006;color:var(--ink);background:none;-webkit-text-fill-color:initial}
.w-chapter-card.gold h2{background:none;color:var(--ink)}
.w-lead{font-size:16px;line-height:2.1}.w-note{font-size:12px;line-height:2;color:#9aabb7}
.w-dialogue{border:0;border-left:1px solid #c4a97a88;border-radius:0;background:linear-gradient(90deg,#0a1421ed,#0a1421ba);box-shadow:none;padding:34px 32px 25px}
.w-dialogue:after{display:none}.w-speaker{top:-15px;left:25px;border:0;background:#111d2b;font:9px Arial;letter-spacing:.22em;padding:6px 12px}
.w-line{font-size:18px;line-height:2.2;font-weight:400}.w-line:last-child{color:#dcc7a2}
.w-btn{min-height:46px;border-radius:2px;font-size:12px;font-weight:600;letter-spacing:.03em;padding:12px 18px;border:1px solid #b8996b77;background:rgba(183,147,94,.12);color:#e5c89c;box-shadow:none;transition:background .2s,transform .2s}
.w-btn.gold{background:#d7be96;color:#172331;border-color:#d7be96;box-shadow:none}
.w-btn.ghost{border-color:#98a9b345;background:none;color:#d6dee4}
.w-btn:hover{background:#d7be962b;transform:translateY(-2px);box-shadow:none}
.w-btn.gold:hover{background:#ead6b7}.w-btn:focus-visible{outline:2px solid #f4e0be;outline-offset:4px}
.w-cards{gap:0;border-top:1px solid var(--line);margin-top:26px}
.w-cards li{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:22px 0;gap:10px}
.w-cards.four{column-gap:26px}.w-cards.three{column-gap:20px}
.w-cards b{font-size:15px;font-weight:500;color:#efe6d6}.w-cards span{font-size:13px;line-height:1.9}.w-cards a{color:#d8bf98;font-size:12px;min-height:38px;display:flex;align-items:center}
.w-works{gap:25px}.w-works figure{border-radius:2px;border:0;background:#0a1420;overflow:hidden}.w-works img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#0b1420;filter:saturate(.82)}
.w-works figcaption{padding:19px 20px;background:#101d2a;border-top:1px solid #a9bac42b;gap:8px;line-height:1.9}.w-works figcaption b{font-size:15px;font-weight:500;color:#e6dfd1}.w-works figcaption span{font-size:12px}
.w-origin{border-left:1px solid #c4a97a66;background:#b4936410;border-radius:0;padding:17px 20px;font-size:12px;line-height:2.1}
.w-loop{gap:0;border-block:1px solid var(--line);margin:28px 0 10px}.w-loop li{border:0;border-radius:0;background:none;padding:18px 14px}.w-loop li+li{border-left:1px solid var(--line)}.w-loop b{font-size:12px}.w-loop em{color:#dbc297;font-size:13px}
.w-register label{font-size:12px;letter-spacing:.04em;margin-bottom:13px}.w-field{gap:10px}.w-field input{border-radius:2px;background:#070e17;border-color:#b2c1cb45;font-size:14px}
.w-terminal{background:#07111d;border:1px solid #a9bac426;border-radius:2px;padding:20px 22px;box-shadow:none}.w-term-head{font-family:Arial,sans-serif;font-size:9px;letter-spacing:.1em;color:#b7c6cd;border-bottom:1px solid var(--line);padding-bottom:13px}
.w-terminal li{font-size:12px;padding-block:12px;line-height:1.9}.w-terminal time{color:#d7bd92}
.w-tech{opacity:.95}.w-telemetry{gap:0;border-block:1px solid var(--line)}.w-telemetry div{border:0;border-radius:0;background:none;padding:16px 12px}.w-telemetry dd{color:#c8d7da}.w-telemetry dt{font-size:10px}
.w-stats{gap:0;border-block:1px solid var(--line)}.w-stats div{border:0;background:none;border-radius:0;padding:20px 12px}.w-stats div+div{border-left:1px solid var(--line)}.w-stats dd{font-family:Georgia,serif;font-size:40px;color:#d6c29f}.w-stats div:first-child dd{color:#d3e5df}
.w-where li{border-radius:2px;border-color:#b4c7cf40;font-size:11px;color:#b4c7cf}.w-traces li{border-radius:0;background:none;border-bottom:1px solid var(--line);padding-block:12px}.w-trace select{border-radius:2px;font-size:13px;background:#08121e}
.contact-box input:not([type=checkbox]),.contact-box select,.contact-box textarea{border-radius:2px;background:#07111c;border-color:#aebfcc3d;font-size:14px;padding:12px 13px;min-height:48px}.contact-box label{font-size:12px;font-weight:400;color:#d5dbde}.contact-box textarea{min-height:170px}.contact-box label .required{font-size:9px;color:#d9b89d}
.contact-box .consent-label{font-size:12px}.contact-box .contact-submit{min-width:260px}.form-status[data-state=success]{color:#d4dfbf}.w-links a{color:#d9c29f}.w-footer{padding-top:20px;border-top:1px solid var(--line);max-width:660px}.w-motion{border-radius:2px;font-size:10px;padding:8px 12px;min-height:38px}
.premium-visual{margin:0;overflow:hidden;position:relative;border-radius:2px;background:#0c1722;max-width:760px;border:1px solid #c2b29435}
.premium-visual img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.85)}
.premium-visual figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 23px 18px;background:linear-gradient(transparent,#07111cd9);font-family:Arial,sans-serif;font-size:8px;letter-spacing:.17em;color:#d0c3ad}
.premium-visual:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #ffffff08}
.w-loading{background:#0b131ee8;backdrop-filter:blur(10px);transition:opacity .5s,visibility .5s}.w-loading-title{font:10px Arial;letter-spacing:.22em}.w-loading-bar{height:1px;max-width:180px}.w-loading-bar span{background:#c4aa80}.w-loading-note{font-size:11px}
html.no-webgl .w-stage{background:url(../assets/premium/city.webp) 60% center/cover,#101e2e}
@media(min-width:1500px){.w-ch>*{max-width:700px}.w-title-panel{max-width:870px}.w-title h1{font-size:58px}.w-title .w-paths{max-width:880px}}
@media(max-width:1000px){.w-title h1{font-size:42px}.w-title-panel{max-width:700px}.w-title .w-paths{grid-template-columns:1fr 1fr;max-width:760px}.w-path{padding:22px}.w-title{padding-top:140px}.w-ch{padding-inline:32px}.w-panel{padding:28px}.w-vignette{background:linear-gradient(90deg,#08121ce8,rgba(8,18,28,.75) 55%,rgba(8,18,28,.2))}}
@media(max-width:640px){
 .w-hud{padding:14px 17px;gap:10px;background:#0b1622f5}.w-brand{padding:7px 8px}.w-brand img{height:17px}.w-quest-toggle{font-size:11px;min-height:34px;padding-inline:10px}.w-hud-right{gap:0}.w-online{display:none}.w-lang{padding-left:3px;min-height:34px}.w-lang select{font-size:11px;max-width:82px}.w-lang>span:after{display:none}
 .w-title{padding-top:128px;padding-bottom:80px;min-height:100svh;gap:30px}.w-ch{padding-inline:22px;padding-block:100px 85px;gap:25px}.w-title h1{font-size:clamp(28px,6.7vw,39px);line-height:1.75;letter-spacing:-.04em}.w-title-panel .w-lead{font-size:13px;line-height:2.15;margin-top:23px}.w-title-panel .w-eyebrow{font-size:8px;margin-bottom:20px}.w-title .w-paths{grid-template-columns:1fr;gap:0}.w-path{padding:22px 20px}.w-path:first-child{border-right:0;border-bottom:1px solid var(--line)}.w-path h2{font-size:19px}.w-path p:not(.w-path-tag){font-size:12px;min-height:0;margin-top:10px}.w-path .w-btn{min-height:44px;font-size:12px}.w-path-links{margin-top:10px}.w-scroll-hint{font-size:8px}.w-vignette{background:linear-gradient(90deg,#08121ce8,#08121ca8),linear-gradient(0deg,#08121cd9,transparent)}
 .w-panel{padding:24px 21px;background:#0c1824ed;backdrop-filter:blur(8px)}.w-chapter-card{padding-bottom:20px}.w-chapter-card h2{font-size:27px;line-height:1.75}.w-eyebrow,.w-chapter-card p{font-size:8px;line-height:1.9}.w-lead{font-size:14px;line-height:2.1}.w-note{font-size:11px}.w-dialogue{padding:28px 23px}.w-line{font-size:16px;line-height:2.15}.w-cards.four{grid-template-columns:1fr}.w-cards.three{grid-template-columns:1fr}.w-cards li{padding-block:18px}.w-cards b{font-size:15px}.w-cards span{font-size:13px}.w-loop{grid-template-columns:1fr 1fr}.w-loop li:nth-child(3){border-left:0;border-top:1px solid var(--line)}.w-loop li:nth-child(4){border-top:1px solid var(--line)}.w-loop li{padding:15px 10px}.w-register .w-field{display:flex;flex-direction:column}.w-register .w-field input{flex:0 0 auto}.w-field .w-btn,.w-register>.w-btn{width:100%;justify-content:center}.w-field input{min-height:48px;font-size:16px}.premium-visual img{aspect-ratio:4/3}.premium-visual figcaption{font-size:7px;padding:26px 16px 13px;letter-spacing:.1em}.w-terminal{padding:18px 16px}.w-terminal li{font-size:11px}.w-stats dt{font-size:9px}.w-stats dd{font-size:29px}.w-stats div{padding:17px 8px}.contact-box input:not([type=checkbox]),.contact-box select,.contact-box textarea{font-size:16px}.contact-box label{font-size:12px}.contact-box .contact-submit{width:100%;min-width:0;justify-content:space-between}.w-footer{font-size:10px;gap:15px}.w-techlist{font-size:12px}.w-company p{font-size:13px;line-height:2.1}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.w-vignette{opacity:calc(1 - var(--vortex-visibility,0)*.48)}
.w-title .w-title-panel{background:none;border:0;backdrop-filter:none;box-shadow:none}
.w-origin h3{font-family:var(--serif);font-size:30px;line-height:1.7;font-weight:500;margin:18px 0}.w-origin .w-lead{margin:0;font-size:15px}
@media(max-width:640px){.w-title{padding-top:280px}.w-title .w-title-panel{padding:0}.w-origin h3{font-size:24px}.w-origin .w-lead{font-size:14px}.w-vignette{opacity:calc(1 - var(--vortex-visibility,0)*.65)}}
/* streamer panel (配信者のためのゲーム) */
.w-streamer .w-cards+.w-h3{margin-top:40px}
@media(min-width:900px){.w-streamer .w-cards.three{grid-template-columns:repeat(3,1fr)}}
/* Gogashare wordmark */
.w-logo-h img{display:block;width:min(260px,100%);height:auto;margin:-6px 0 -4px -8px}
.w-gs-logo{display:block;width:min(380px,90%);height:auto;margin:-6px 0 18px -10px}
.w-path p.w-atena{min-height:0;margin-top:8px;font-family:var(--serif);font-size:14px;letter-spacing:.06em;color:var(--gold)}

.w-path.career{grid-column:1/-1;border-top:1px solid var(--line)}.w-path.career p:not(.w-path-tag){min-height:0}

.gs-shots{margin:0;max-width:760px;display:grid;gap:14px}.gs-shots img{display:block;width:100%;height:auto;border-radius:6px;border:1px solid #c2b29440;background:#0c1722}.gs-desk{display:block}.gs-phones{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gs-phones img{border-radius:10px}.gs-shots figcaption{font-size:11px;color:#a99f8f;letter-spacing:.04em}@media(max-width:640px){.gs-desk{display:none}.gs-phones{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:4px}.gs-phones li{flex:0 0 46%;scroll-snap-align:start}}