:root{
  --bg:#08111c;
  --panel:rgba(10,18,28,0.76);
  --panel-soft:rgba(12,23,35,0.58);
  --stroke:rgba(255,255,255,0.1);
  --text:#f2fbff;
  --muted:rgba(242,251,255,0.72);
  --accent:#63d9ff;
  --accent-2:#ffd86b;
  --accent-3:#8effb5;
  --accent-4:#ff9dd8;
  --danger:#ff7d90;
  --radius:24px;
  --shadow:0 28px 70px rgba(0,0,0,0.42);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--text);background:var(--bg);font-family:Inter,"Segoe UI",sans-serif}
a{color:inherit}
button{font:inherit}
.page-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 15% 15%, rgba(99,217,255,0.18), transparent 32%),radial-gradient(circle at 85% 10%, rgba(255,216,107,0.14), transparent 28%),radial-gradient(circle at 50% 120%, rgba(142,255,181,0.12), transparent 32%),linear-gradient(180deg, #08111c 0%, #0b1420 45%, #101925 100%)}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1380px, calc(100% - 32px));margin:0 auto;padding:18px 0;backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:14px;color:var(--text);text-decoration:none}.brand img{width:42px;height:42px;object-fit:contain}.brand strong,.brand span{display:block}.brand span{color:var(--muted);font-size:13px}
.topnav{display:flex;flex-wrap:wrap;gap:10px}.topnav a,.btn,.path-card,.next-card{border:1px solid var(--stroke);background:rgba(10,18,28,0.55);color:var(--text);text-decoration:none;padding:10px 14px;border-radius:999px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.topnav a:hover,.btn:hover,.path-card:hover,.next-card:hover{transform:translateY(-1px);border-color:rgba(99,217,255,0.34);background:rgba(10,18,28,0.82)}
.btn{cursor:pointer}.btn.primary{background:linear-gradient(180deg, rgba(99,217,255,0.24), rgba(99,217,255,0.1));border-color:rgba(99,217,255,0.36)}.btn.subtle{padding:9px 12px;font-size:14px}
.shell{width:min(1380px, calc(100% - 32px));margin:0 auto;padding:18px 0 70px;display:grid;gap:18px}
.hero,.intro-grid,.playground-layout,.workspace,.architecture-strip,.template-grid,.path-grid,.play-next-grid{display:grid;gap:18px}
.hero{grid-template-columns:1.2fr .8fr;align-items:stretch;margin-top:12px}
.hero-copy,.hero-panel,.panel,.templates,.arch-card,.intro-card,.path-card,.next-card{border:1px solid var(--stroke);border-radius:var(--radius);background:radial-gradient(circle at top left, rgba(99,217,255,0.12), transparent 26%),linear-gradient(180deg, rgba(10,18,28,0.84), rgba(10,18,28,0.62));box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.hero-copy,.hero-panel,.templates,.panel,.arch-card,.intro-card{padding:24px}
.eyebrow{display:inline-block;margin-bottom:12px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,0.1);color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:12px}
.hero h1,.section-head h2{margin:0;letter-spacing:-0.04em}.hero h1{font-size:clamp(2.7rem, 5vw, 5.2rem);line-height:0.94;max-width:11ch}
.hero p,.section-head p,.arch-card p,.feature-list,.step-card p,.preview-card p,.catalog-card p,.cast-card p,.scene-card p,.intro-card p,.guide-card p,.section-copy,.path-card p,.next-card p,.memory-copy{color:var(--muted);line-height:1.7}
.hero-actions,.row-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-panel{display:grid;gap:14px;align-content:start}.metric{padding:16px;border-radius:18px;background:var(--panel-soft);border:1px solid rgba(255,255,255,0.08)}.metric span{display:block;color:var(--muted);font-size:13px;margin-bottom:5px}.metric strong{font-size:1.2rem}
.intro-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-card h2,.guide-card h3,.side-panel h3{margin:0 0 8px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.wide-head{align-items:flex-start}.templates,.playground-main,.playground-side,.paths-section,.playground-section,.play-next-section{display:grid;gap:18px}.template-grid,.architecture-strip,.path-grid{grid-template-columns:repeat(4, minmax(0,1fr))}.play-next-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.template-card,.step-card,.preview-card,.stat-tile,.catalog-card,.arch-card,.cast-card,.scene-card,.contract-card,.play-card,.path-card,.next-card,.memory-pad{border-radius:20px;border:1px solid rgba(255,255,255,0.08);background:rgba(10,18,28,0.58)}
.template-card,.catalog-card,.path-card,.next-card{padding:18px;cursor:pointer;transition:transform .18s ease,border-color .18s ease}.template-card:hover,.catalog-card:hover,.step-card:hover,.cast-card:hover,.path-card:hover,.next-card:hover{transform:translateY(-2px);border-color:rgba(99,217,255,0.32)}
.template-card h3,.arch-card h3,.panel-head h2,.step-card h3,.preview-card h3,.catalog-card h3,.cast-card h3,.scene-card h3,.contract-card h3,.play-card h3,.path-card h3,.next-card h3,.memory-card h3{margin:0 0 8px}.template-card small,.step-meta,.pill,.catalog-badge,.cast-badge,.play-card small,.path-card small,.next-card small{color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.arch-card span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;margin-bottom:10px;border-radius:12px;background:rgba(99,217,255,0.12);color:var(--accent);font-weight:700}
.playground-layout{grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr)}.playground-side{align-content:start}.workspace{grid-template-columns:minmax(0,1.08fr) minmax(280px,.52fr);align-items:start}.editor-column,.guide-column{display:grid;gap:18px}.guide-card{padding:22px}.section-panel{gap:12px}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.pill{padding:7px 10px;border-radius:999px;background:rgba(99,217,255,0.12);border:1px solid rgba(99,217,255,0.18)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:grid;gap:8px;color:var(--muted);font-size:14px}label.wide{grid-column:1 / -1}input,select,textarea{width:100%;border:none;border-radius:16px;background:rgba(255,255,255,0.06);color:var(--text);padding:12px 14px;font:inherit;resize:vertical;outline:none;border:1px solid transparent}input:focus,select:focus,textarea:focus{border-color:rgba(99,217,255,0.35)}
.module-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-badge{display:inline-block;margin-bottom:6px}.cast-list,.steps{display:grid;gap:12px}.cast-card,.step-card,.play-card,.contract-card,.scene-card,.memory-card{padding:18px}.step-header,.cast-header{display:flex;justify-content:space-between;gap:12px;align-items:start}.step-controls,.cast-controls{display:flex;gap:8px;flex-wrap:wrap}.mini-btn{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.05);color:var(--text);cursor:pointer}.mini-btn.danger{color:#ffd6dc;border-color:rgba(255,125,144,0.18)}.step-body,.cast-body{display:grid;gap:10px;margin-top:14px}.json-output{min-height:260px;font-family:Consolas,"SFMono-Regular",monospace;font-size:13px}
.preview-shell{display:grid;gap:16px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat-tile{padding:14px}.stat-tile strong{display:block;margin-top:4px;font-size:20px}.feature-list{margin:0;padding-left:18px}.compact-list{padding-left:18px}
.scene-layers{position:relative;min-height:280px;border-radius:20px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,#86d9ff 0%, #bcecff 34%, #6dd38c 35%, #4ea96f 100%);overflow:hidden;margin-top:14px}.layer-sun{position:absolute;top:18px;right:24px;width:66px;height:66px;border-radius:50%;background:rgba(255,220,117,0.95);box-shadow:0 0 0 10px rgba(255,220,117,0.12)}.layer-hills{position:absolute;left:-5%;right:-5%;bottom:84px;height:88px;background:radial-gradient(circle at 20% 80%, #78bc89 0 35%, transparent 36%),radial-gradient(circle at 50% 80%, #6cb17d 0 38%, transparent 39%),radial-gradient(circle at 82% 80%, #5ba46f 0 35%, transparent 36%)}.layer-ground{position:absolute;left:0;right:0;bottom:0;height:96px;background:linear-gradient(180deg,#56a36e 0%, #2f6f48 100%)}.scene-track{position:absolute;left:10%;right:10%;bottom:40px;height:18px;border-radius:999px;background:rgba(245,226,171,0.92);box-shadow:0 6px 20px rgba(0,0,0,0.12)}.scene-depth{position:absolute;left:18%;right:18%;bottom:126px;height:12px;border-radius:999px;background:rgba(255,255,255,0.25)}.graph-node{position:absolute;padding:8px 10px;border-radius:14px;background:rgba(8,18,28,0.72);border:1px solid rgba(255,255,255,0.12);font-size:11px;color:#fff}.actor{position:absolute;bottom:60px;width:62px;height:90px;border-radius:18px 18px 14px 14px;border:2px solid rgba(255,255,255,0.35);box-shadow:0 14px 24px rgba(0,0,0,0.18);display:flex;align-items:end;justify-content:center;padding-bottom:8px;font-size:11px;font-weight:700;color:#0b1a27;background:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.6))}.actor.hero{background:linear-gradient(180deg, #b8f0ff, #79d2ff)}.actor.guide{background:linear-gradient(180deg, #ffe5a8, #ffc96c)}.actor.npc{background:linear-gradient(180deg, #ffd0e8, #ff9ed3)}.actor.reward{background:linear-gradient(180deg, #d7ffd7, #8effb5)}.scene-ui,.contract-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.ui-pill{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08)}.ui-pill strong{display:block;font-size:13px;margin-bottom:4px;color:#fff}.state-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.state-chip{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);font-size:12px;color:var(--muted)}
.play-card{background:linear-gradient(180deg, rgba(13,24,38,0.97), rgba(8,16,27,0.88))}.play-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}.play-meta{display:flex;gap:8px;flex-wrap:wrap}.play-chip{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);font-size:12px;color:var(--muted)}
.platform-shell{display:grid;gap:14px}.platform-stage{position:relative;height:360px;border-radius:26px;border:1px solid rgba(255,255,255,0.08);overflow:hidden;background:linear-gradient(180deg,#8be0ff 0%, #c8f3ff 40%, #7fdc98 41%, #58b870 100%)}
.platform-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 22%, rgba(255,255,255,0.36), transparent 12%),radial-gradient(circle at 72% 18%, rgba(255,255,255,0.28), transparent 16%),linear-gradient(180deg, rgba(255,255,255,0.08), transparent 34%)}
.parallax-layer{position:absolute;inset:0}.cloud{position:absolute;width:112px;height:36px;border-radius:999px;background:rgba(255,255,255,0.9);box-shadow:30px 8px 0 4px rgba(255,255,255,0.86),-24px 10px 0 2px rgba(255,255,255,0.78)}.cloud.a{top:48px;left:14%}.cloud.b{top:86px;left:58%;transform:scale(.84)}.cloud.c{top:28px;left:74%;transform:scale(.62)}.hill-band{position:absolute;left:-5%;right:-5%;bottom:94px;height:104px;background:radial-gradient(circle at 18% 80%, #78c68e 0 34%, transparent 35%),radial-gradient(circle at 48% 80%, #6ab882 0 36%, transparent 37%),radial-gradient(circle at 78% 82%, #5daf76 0 33%, transparent 34%)}
.platform-ground{position:absolute;left:0;right:0;bottom:0;height:92px;background:linear-gradient(180deg,#5ab36f 0%, #2e6f48 100%)}.platform-ground::before{content:"";position:absolute;left:0;right:0;top:0;height:18px;background:repeating-linear-gradient(90deg,#d8bd75 0 22px,#c8a960 22px 44px)}
.platform-block{position:absolute;width:104px;height:18px;border-radius:14px;background:linear-gradient(180deg,#ffe7a4,#e7b761);box-shadow:0 8px 16px rgba(0,0,0,0.16)}.platform-block.block-1{left:22%;bottom:108px}.platform-block.block-2{left:45%;bottom:162px}.platform-block.block-3{left:72%;bottom:126px}.platform-block.block-4{left:58%;bottom:232px;width:82px}
.platform-star{position:absolute;width:28px;height:28px;clip-path:polygon(50% 0%,61% 36%,98% 36%,68% 58%,79% 94%,50% 72%,21% 94%,32% 58%,2% 36%,39% 36%);background:linear-gradient(180deg,#fff6a4,#ffd54f);filter:drop-shadow(0 8px 12px rgba(0,0,0,0.16));transition:transform .12s ease,opacity .12s ease}.platform-star.collected{opacity:0;transform:scale(.3)}
.platform-enemy{position:absolute;width:38px;height:30px;border-radius:16px;background:linear-gradient(180deg,#8c5df7,#5940bf);border:2px solid rgba(255,255,255,0.5);box-shadow:0 8px 14px rgba(0,0,0,0.18)}.platform-enemy::before,.platform-enemy::after{content:"";position:absolute;top:-10px;width:10px;height:14px;border-radius:10px;background:#ffda73}.platform-enemy::before{left:6px}.platform-enemy::after{right:6px}.platform-enemy.defeated{opacity:.18;filter:grayscale(1)}
.platform-spring{position:absolute;left:33%;bottom:92px;width:38px;height:22px;border-radius:10px;background:linear-gradient(180deg,#ff9dd8,#ff5fa6);box-shadow:0 8px 14px rgba(0,0,0,0.18)}.platform-spring::before{content:"";position:absolute;left:10px;right:10px;top:-12px;height:14px;border-radius:8px;background:#fff4f9}
.platform-player{position:absolute;left:48px;bottom:92px;width:46px;height:66px;border-radius:18px 18px 12px 12px;background:linear-gradient(180deg,#ffb356,#ff7f50);border:2px solid rgba(255,255,255,0.62);box-shadow:0 14px 20px rgba(0,0,0,0.18);transition:filter .12s ease}.platform-player::before{content:"";position:absolute;left:8px;top:-18px;width:24px;height:24px;border-radius:50%;background:#fff2dc;border:2px solid rgba(255,255,255,0.62)}.platform-player::after{content:"";position:absolute;left:12px;top:-10px;width:16px;height:6px;border-radius:999px;background:#2f3f55}.platform-player.running{filter:saturate(1.12)}.platform-player.hit{box-shadow:0 0 0 8px rgba(255,125,144,0.22),0 14px 20px rgba(0,0,0,0.18)}.platform-player.win{box-shadow:0 0 0 8px rgba(255,216,107,0.22),0 14px 20px rgba(0,0,0,0.18)}
.goal-flag{position:absolute;right:36px;bottom:92px;width:14px;height:142px;background:linear-gradient(180deg,#f8f4ef,#cbc6bf)}.goal-flag::after{content:"";position:absolute;left:12px;top:12px;width:58px;height:32px;border-radius:0 12px 12px 0;background:linear-gradient(180deg,#63d9ff,#2da7d6)}.checkpoint-flag{position:absolute;left:46%;bottom:92px;width:10px;height:110px;background:linear-gradient(180deg,#f8f4ef,#cbc6bf)}.checkpoint-flag::after{content:"";position:absolute;left:8px;top:10px;width:36px;height:22px;border-radius:0 10px 10px 0;background:linear-gradient(180deg,#ffd86b,#ffad4e)}.checkpoint-flag.active::after{background:linear-gradient(180deg,#8effb5,#38c97d)}
.platform-hud{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.hud-pill{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08)}.hud-pill strong{display:block;color:#fff;margin-top:4px}
.controls-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.touch-controls{display:flex;gap:10px;flex-wrap:wrap}.touch-btn{min-width:54px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.06);color:var(--text);cursor:pointer}.touch-btn.primary{background:rgba(99,217,255,0.12);border-color:rgba(99,217,255,0.24)}.play-tip{color:var(--muted);font-size:14px}.preview-feedback{min-height:24px;color:var(--muted)}
.memory-card{background:linear-gradient(180deg, rgba(14,22,40,0.96), rgba(8,16,28,0.88));display:grid;gap:14px}.memory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.memory-pad{padding:20px 14px;min-height:92px;cursor:pointer;color:var(--text);text-align:center;display:grid;place-items:center;background:linear-gradient(180deg, rgba(99,217,255,0.12), rgba(255,255,255,0.04));transition:transform .16s ease,border-color .16s ease,background .16s ease}.memory-pad:hover{transform:translateY(-2px);border-color:rgba(99,217,255,0.36)}.memory-pad.active{background:linear-gradient(180deg, rgba(255,216,107,0.3), rgba(255,216,107,0.14));border-color:rgba(255,216,107,0.44)}.memory-pad.done{background:linear-gradient(180deg, rgba(142,255,181,0.28), rgba(142,255,181,0.12));border-color:rgba(142,255,181,0.4)}.memory-pad.wrong{background:linear-gradient(180deg, rgba(255,125,144,0.3), rgba(255,125,144,0.12));border-color:rgba(255,125,144,0.4)}.memory-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.memory-sequence{display:flex;gap:8px;flex-wrap:wrap}.memory-chip{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);font-size:12px;color:var(--muted)}.memory-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width: 1180px){.hero,.playground-layout,.workspace,.template-grid,.architecture-strip,.path-grid,.intro-grid,.play-next-grid{grid-template-columns:1fr 1fr}.hero-copy{grid-column:1 / -1}.playground-main{grid-column:1 / -1}.play-next-grid .next-card:last-child{grid-column:1 / -1}}
@media (max-width: 760px){.topbar,.shell{width:min(1380px, calc(100% - 20px))}.hero,.intro-grid,.playground-layout,.workspace,.template-grid,.architecture-strip,.path-grid,.play-next-grid,.form-grid,.stat-grid,.module-catalog,.scene-ui,.contract-grid,.platform-hud,.memory-hud,.memory-grid{grid-template-columns:1fr}.panel,.templates,.hero-copy,.hero-panel,.arch-card,.intro-card{padding:18px}.section-head,.panel-head,.step-header,.cast-header,.play-head,.controls-row,.memory-top{flex-direction:column;align-items:start}.platform-stage{height:300px}.touch-controls{width:100%}.touch-btn{flex:1}.topnav{gap:8px}}

.lang-switcher{display:inline-flex;gap:6px;padding:6px;border-radius:999px;border:1px solid rgba(255,255,255,0.10);background:rgba(10,18,28,0.40)}
.lang-button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;font:inherit;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.lang-button .flag{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;border-radius:999px;background:rgba(255,255,255,0.08);font-size:10px;letter-spacing:.08em}
.lang-button.is-active{background:rgba(99,217,255,0.18);border-color:rgba(99,217,255,0.28)}
.tab-link.active{border-color:rgba(99,217,255,0.4);background:rgba(99,217,255,0.12)}
.tab-panel{display:none}
.tab-panel.active{display:grid;gap:18px}
.arcade-page{display:grid;gap:18px}
.arcade-layout{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:18px;align-items:start}
.arcade-shelf,.arcade-player{min-height:100%}
#arcadeShelf{display:grid;gap:12px}
.shelf-card{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04);display:grid;gap:10px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.shelf-card:hover,.shelf-card.active{transform:translateY(-2px);border-color:rgba(99,217,255,0.34);background:rgba(99,217,255,0.08)}
.shelf-card h3{margin:0}
.shelf-meta{display:flex;gap:8px;flex-wrap:wrap}
.shelf-chip{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.compact-head{margin-bottom:12px}
@media (max-width: 1180px){.arcade-layout{grid-template-columns:1fr}.arcade-info{display:grid;gap:18px}}

.arcade-player .eyebrow{margin-bottom:8px}
.arcade-info{display:grid;gap:18px}
.arcade-player{display:grid;gap:16px}
.shelf-card{position:relative;overflow:hidden;text-align:left}
.shelf-card::before{content:"";position:absolute;inset:0 0 auto 0;height:88px;background:linear-gradient(135deg, rgba(99,217,255,0.2), rgba(255,216,107,0.12));opacity:.9;pointer-events:none}
.shelf-card > *{position:relative}
.shelf-card h3{margin-top:20px}
.shelf-card p{margin:0;color:var(--muted);line-height:1.55}
.shelf-cover{height:62px;border-radius:14px;background:linear-gradient(135deg, rgba(99,217,255,0.28), rgba(142,255,181,0.18));border:1px solid rgba(255,255,255,0.08);display:flex;align-items:end;padding:10px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(242,251,255,0.82)}
.shelf-cover.playable{background:linear-gradient(135deg, rgba(99,217,255,0.32), rgba(255,216,107,0.22))}
.shelf-cover.story{background:linear-gradient(135deg, rgba(255,157,216,0.26), rgba(99,217,255,0.16))}
.shelf-cover.logic{background:linear-gradient(135deg, rgba(142,255,181,0.24), rgba(99,217,255,0.14))}
.arcade-detail{display:grid;gap:14px}
.arcade-detail p{margin:0;color:var(--muted);line-height:1.65}
.arcade-detail-head{display:grid;gap:6px}
.arcade-detail-head h4{margin:0;font-size:1.2rem}
.arcade-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.arcade-mini{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08)}
.arcade-mini span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.08em}
.arcade-mini strong{display:block;font-size:15px}
.arcade-tags{display:flex;gap:8px;flex-wrap:wrap}
.arcade-tag{padding:8px 10px;border-radius:999px;background:rgba(99,217,255,0.08);border:1px solid rgba(99,217,255,0.18);font-size:12px;color:var(--text)}
.arcade-note{padding:14px 16px;border-radius:16px;background:rgba(255,216,107,0.08);border:1px solid rgba(255,216,107,0.18);color:var(--muted)}
.scene-switch{display:grid;gap:10px}
.scene-switch-btn{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04);color:var(--text);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.scene-switch-btn:hover,.scene-switch-btn.active{transform:translateY(-1px);border-color:rgba(99,217,255,0.34);background:rgba(99,217,255,0.08)}
.scene-switch-btn strong{display:block;margin-bottom:5px}
.scene-switch-btn span{display:block;color:var(--muted);font-size:13px;line-height:1.5}
@media (max-width: 760px){.arcade-detail-grid{grid-template-columns:1fr}}