.agc-main{width:min(1240px,calc(100% - 64px));margin:0 auto;padding:30px 0 60px}.agc-breadcrumb{font-size:.85rem;margin-bottom:24px;color:var(--muted)}.agc-breadcrumb a,.agc-back a{color:var(--green)}.agc-hero{position:relative;overflow:hidden;padding:48px 52px;background:#263f32;color:#fffaf2;border-radius:16px;box-shadow:0 12px 0 #d6a33d;background-image:radial-gradient(#fffaf214 1px,transparent 1px);background-size:20px 20px}.agc-open{color:#ffe09a;font-size:.75rem;font-weight:800;letter-spacing:.12em}.agc-hero h1{margin:26px 0 24px;font-size:clamp(3.4rem,7.5vw,6.7rem);line-height:.98;letter-spacing:-.04em;max-width:850px}.agc-hero h1 span{display:block;font-size:1rem;letter-spacing:.08em;font-weight:500;margin-top:18px}.agc-catch{font-size:clamp(1.2rem,2.3vw,1.9rem);font-weight:800;line-height:1.65}.agc-intro{line-height:1.9;color:#e7e9de}.agc-hero-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.agc-hero-links a{padding:14px 20px;border:1px solid #b7c6b9;border-radius:6px;color:#fffaf2;font-weight:700;text-decoration:none}.agc-hero-links a:first-child{background:#ffe09a;border-color:#ffe09a;color:#263f32}.agc-ticket{position:absolute;right:40px;top:65px;transform:rotate(10deg);padding:24px;border:2px dashed #d6a33d;color:#ffe09a;font:700 .8rem/2 monospace;text-align:center;letter-spacing:.1em}.agc-section{margin-top:64px;scroll-margin-top:110px}.agc-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.agc-heading h2,.agc-guide h2,.agc-future h2{font-size:clamp(1.5rem,2.5vw,2.1rem);margin:8px 0 0}.agc-heading>p{color:var(--muted);font-size:.85rem}.agc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.agc-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #d9ccb9;border-radius:14px;overflow:hidden;box-shadow:0 6px 0 #e6dbca}.agc-cabinet{padding:26px 24px 20px;background:#253743;color:#fffaf2;border-bottom:6px solid #d6a33d}.agc-signal .agc-cabinet{background:#51426d}.agc-field .agc-cabinet{background:#29574a}.agc-cabinet>span{font:.68rem monospace;letter-spacing:.12em;color:#eee8da}.agc-cabinet p{font-size:1.4rem;font-weight:800;margin:30px 0}.agc-controls{display:flex;gap:9px}.agc-controls i{width:12px;height:12px;border-radius:50%;background:#ffe09a}.agc-controls i:nth-child(2){background:#a7c8c2}.agc-controls i:last-child{background:#d68c70}.agc-card-body{padding:24px;display:flex;flex:1;flex-direction:column}.agc-genre{font-size:.75rem;color:var(--muted);margin:0 0 12px}.agc-card h3{font-size:1.45rem;line-height:1.25;letter-spacing:0;margin:0 0 18px;overflow-wrap:anywhere}.agc-card-body>p{line-height:1.8}.agc-status{padding:0;list-style:none;border-block:1px solid #e6dbca;margin:12px 0 16px}.agc-status li{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 0;font-size:.75rem}.agc-status strong{color:#29574a}.agc-status [data-support=planned] strong,.agc-status [data-support=experimental] strong{color:#805021}.agc-note,.agc-card details{font-size:.82rem;color:var(--muted);line-height:1.8}.agc-card details{margin:10px 0 24px}.agc-card summary{cursor:pointer;color:#263f32}.agc-actions{margin-top:auto;display:flex;flex-direction:column;gap:16px}.agc-actions a{font-size:.85rem;color:var(--green);font-weight:700;line-height:1.6}.agc-actions .agc-play{padding:13px 16px;background:var(--green);color:white;border-radius:6px;text-decoration:none}.agc-legend{margin-top:26px;font-size:.82rem;line-height:1.8;color:var(--muted)}.agc-guide{padding:36px 40px;background:#f1e7d7;border:1px solid #d9ccb9;border-radius:12px}.agc-guide>p,.agc-guide li{max-width:850px;line-height:1.9}.agc-guide ol{padding-left:24px}.agc-guide li{padding:8px 0 8px 8px}.agc-future{border-block:1px solid #d9ccb9;padding:30px 0;display:grid;grid-template-columns:1fr 1.3fr;gap:40px}.agc-future>p{line-height:1.9;color:var(--muted);margin:0}.agc-back{margin-top:32px}.agc-mobile-break{display:none}.agc-page a:focus-visible,.agc-page summary:focus-visible{outline:3px solid #b96527;outline-offset:5px}.agc-skip{position:absolute;top:-100px;left:16px;z-index:1000;background:white;padding:12px;color:var(--green)}.agc-skip:focus{top:12px}
@media(max-width:1050px){.agc-ticket{display:none}.agc-grid{gap:16px}.agc-card-body{padding:20px}.agc-card h3{font-size:1.2rem}}
@media(max-width:800px){.agc-main{width:calc(100% - 32px);padding-top:22px}.agc-hero{padding:32px 24px}.agc-grid{grid-template-columns:1fr}.agc-cabinet p{margin:22px 0}.agc-card h3{font-size:1.5rem}.agc-heading{display:block}.agc-guide{padding:26px 24px}.agc-future{grid-template-columns:1fr;gap:20px}.agc-section{margin-top:44px}.agc-mobile-break{display:block}.agc-hero-links{flex-direction:column;align-items:start}.agc-hero h1{font-size:clamp(3rem,12vw,5.5rem)}}

/* Illustrated entrance: artwork first, readable live HTML below. */
.agc-hero{padding:0;background:#142b27;background-image:none}
.agc-hero-visual{position:relative;isolation:isolate;background:#102321}
.agc-hero-art{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}
.agc-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,17,.55),transparent 50%);z-index:1;pointer-events:none}
.agc-hero .agc-hero-visual h1{position:absolute;z-index:2;left:4.2%;top:12%;margin:0;font-size:clamp(2.6rem,6.4vw,5.7rem);text-shadow:0 3px 28px #0009}
.agc-hero-visual h1 span{font-size:.9rem}
.agc-hero-copy{padding:28px 44px 34px;display:grid;grid-template-columns:1fr 1fr;column-gap:36px;align-items:center}
.agc-hero-copy .agc-open{grid-column:1/-1;margin:0 0 12px}
.agc-hero-copy .agc-catch{margin:0;font-size:clamp(1.2rem,2vw,1.6rem)}
.agc-hero-copy .agc-intro{margin:0;font-size:.95rem}
.agc-hero-copy .agc-hero-links{grid-column:1/-1;margin-top:22px}
@media(max-width:800px){
 .agc-hero .agc-hero-visual h1{top:auto;bottom:20px;left:22px;font-size:clamp(2.5rem,9vw,4rem)}
 .agc-hero-visual::after{background:linear-gradient(0deg,rgba(5,18,17,.85),transparent 65%)}
 .agc-hero-art{aspect-ratio:4/3;object-position:68% center}
 .agc-hero-copy{display:block;padding:24px}
 .agc-hero-copy .agc-catch{margin:14px 0}
 .agc-hero-copy .agc-intro{font-size:.85rem}
 .agc-hero-visual h1 span{font-size:.75rem;margin-top:10px}
}