.gdemo{width:100%;max-width:380px;display:flex;flex-direction:column;gap:10px;padding:16px;background:#0a0b0ed1;border:1px solid var(--line);backdrop-filter:blur(8px);box-shadow:0 40px 90px -30px #000c,0 0 60px #ffcc2e1f}.gdemo-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.gdemo-title{font-family:var(--font-display);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.gdemo-step{margin-right:auto;font-family:var(--font-mono);font-size:11px;color:var(--ink-faint)}.gdemo-skip{padding:4px 8px;background:transparent;border:none;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);transition:color .2s}.gdemo-skip:hover{color:var(--ink)}.gdemo-skip[hidden]{display:none}.gdemo-hint{margin:0;min-height:32px;font-family:var(--font-mono);font-size:11px;line-height:1.45;color:var(--ink-faint)}.gdemo-status{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:#ffffff0a;border:1px solid var(--line)}.gdemo-score{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:13px;color:var(--ink)}.gdemo-disc{width:16px;height:16px;background-size:contain;background-position:center;background-repeat:no-repeat}.gdemo-disc.is-black{background-image:url(/access/img/disc-black.png)}.gdemo-disc.is-white{background-image:url(/access/img/disc-white.png)}.gdemo-turn{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.gdemo-board-wrap{position:relative}.gdemo-board{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:6px;background:#ffcc2e0f;border:1px solid rgba(255,204,46,.18)}.gdemo-cell{position:relative;aspect-ratio:1;padding:0;background:#0a0b0ebf;border:1px solid rgba(244,241,232,.06);cursor:default;transition:background .18s,border-color .18s}.gdemo-cell:after{content:"";position:absolute;inset:8%;border-radius:50%;background-size:contain;background-position:center;background-repeat:no-repeat;transform:scale(0);transition:transform .18s ease-out}.gdemo-cell.is-black:after{transform:scale(1);background-image:url(/access/img/disc-black.png);filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))}.gdemo-cell.is-white:after{transform:scale(1);background-image:url(/access/img/disc-white.png);filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.gdemo-cell.is-hint{cursor:pointer}.gdemo-cell.is-hint:after{transform:scale(.3);background:var(--accent);box-shadow:0 0 10px #ffcc2e80}.gdemo-cell.is-hint:hover:after{transform:scale(.4)}.gdemo-cell.is-ghost{cursor:not-allowed;background:#060608e6}.gdemo-cell.is-ghost:after{transform:scale(.22);background:#f4f1e838}.gdemo-cell.is-guided{z-index:4;animation:gdemo-guide 1.5s ease-in-out infinite}.is-teaching .gdemo-cell.is-guided{background:#ffcc2e24}.gdemo-cell.is-guided:before{content:"▼";position:absolute;left:50%;bottom:calc(100% + 3px);font-size:13px;line-height:1;color:var(--accent);text-shadow:0 0 8px rgba(255,204,46,.7);animation:gdemo-point 1s ease-in-out infinite}.gdemo-cell.is-guided[data-row="0"]:before{content:"▲";bottom:auto;top:calc(100% + 3px);animation-name:gdemo-point-up}@keyframes gdemo-guide{0%,to{box-shadow:inset 0 0 0 1px #ffcc2e8c,0 0 #ffcc2e00}50%{box-shadow:inset 0 0 0 2px #ffcc2ef2,0 0 14px #ffcc2e73}}@keyframes gdemo-point{0%,to{transform:translate(-50%,-3px);opacity:.75}50%{transform:translate(-50%,2px);opacity:1}}@keyframes gdemo-point-up{0%,to{transform:translate(-50%,3px);opacity:.75}50%{transform:translate(-50%,-2px);opacity:1}}.gdemo-veil{position:absolute;inset:0;z-index:3;background:#040507d1;animation:gdemo-fade .25s ease-out}.gdemo-veil[hidden]{display:none}.gdemo-tip{position:absolute;z-index:5;width:max-content;max-width:230px;transform:translate(-50%);padding:10px 12px;background:#14151a;border:1px solid rgba(255,204,46,.5);box-shadow:0 12px 30px #0009;animation:gdemo-fade .25s ease-out}.gdemo-tip[hidden]{display:none}.gdemo-tip:after{content:"";position:absolute;left:var(--tip-arrow-x, 50%);top:100%;margin-left:-6px;border:6px solid transparent;border-top-color:#ffcc2e80}.gdemo-tip.is-below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#ffcc2e80}.gdemo-tip-text{margin:0 0 8px;font-size:12px;line-height:1.45;color:var(--ink)}.gdemo-tip-ok{padding:4px 10px;background:var(--accent);border:none;color:#161616;font-family:var(--font-display);font-size:10px;letter-spacing:.06em;text-transform:uppercase}@keyframes gdemo-fade{0%{opacity:0}to{opacity:1}}.gdemo-result{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px;text-align:center;background:#06070aed;border:1px solid rgba(255,204,46,.35);animation:gdemo-fade .3s ease-out}.gdemo-result[hidden]{display:none}.gdemo-result-title{margin:0;font-family:var(--font-display);font-size:20px;letter-spacing:.03em;text-transform:uppercase;color:var(--accent)}.gdemo-result-score{margin:0;font-family:var(--font-mono);font-size:26px;color:var(--ink)}.gdemo-result-score[hidden]{display:none}.gdemo-result-body{margin:0 0 6px;max-width:250px;font-size:12px;line-height:1.5;color:var(--ink-dim)}.gdemo-result-action{padding:10px 20px;background:var(--accent);border:none;color:#161616;font-family:var(--font-display);font-size:12px;letter-spacing:.06em;text-transform:uppercase;transition:background .2s}.gdemo-result-action:hover{background:#ffd84e}.gdemo-cell.is-target{cursor:crosshair;border-color:#ff5f5f;box-shadow:inset 0 0 0 1px #ff5f5f99}.gdemo-cell.is-last{border-color:#ffcc2ecc}.gdemo-cell.is-flipped:after{animation:gdemo-flip .4s ease-out}.gdemo-cell.is-doomed:before{content:"";position:absolute;inset:4%;border-radius:50%;border:2px dashed rgba(255,95,95,.85);animation:gdemo-doomed .9s ease-in-out infinite;pointer-events:none}@keyframes gdemo-doomed{0%,to{opacity:.45;transform:scale(.94) rotate(0)}50%{opacity:1;transform:scale(1.04) rotate(8deg)}}.gdemo-cell.is-struck{z-index:2}.gdemo-cell.is-struck:after{animation:gdemo-strike .62s cubic-bezier(.36,.07,.19,.97) forwards}.gdemo-cell.is-struck:before{content:"";position:absolute;inset:-10%;border-radius:50%;border:2px solid rgba(255,95,95,.9);animation:gdemo-strike-ring .62s ease-out forwards;pointer-events:none}@keyframes gdemo-strike{0%{transform:scale(1);filter:none}12%{transform:scale(1.16);filter:brightness(2.4) saturate(.4) drop-shadow(0 0 10px rgba(255,95,95,.9))}28%{transform:scale(1.05) translate(-3px) rotate(-6deg);filter:brightness(1.6)}44%{transform:scale(1.05) translate(3px) rotate(6deg)}60%{transform:scale(1) translate(-2px) rotate(-3deg);opacity:1}to{transform:scale(.2) rotate(12deg);opacity:0}}@keyframes gdemo-strike-ring{0%{transform:scale(.5);opacity:0}25%{transform:scale(1);opacity:1}to{transform:scale(1.7);opacity:0}}@keyframes gdemo-flip{0%{transform:scale(1) rotateY(0)}50%{transform:scale(.55) rotateY(90deg)}to{transform:scale(1) rotateY(180deg)}}.gdemo-message{margin:0;min-height:30px;font-size:12px;line-height:1.4;color:var(--ink-dim)}.gdemo-skills[hidden]{display:none}.gdemo-energy{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.gdemo-energy-track{flex:1;height:6px;background:#f4f1e81a;overflow:hidden}.gdemo-energy-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#7c5cff,var(--accent));transition:width .3s ease-out}.gdemo-skill-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.gdemo-skill{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;background:#ffffff0a;border:1px solid var(--line);color:var(--ink);transition:border-color .2s,background .2s,opacity .2s}.gdemo-skill-art{display:block;width:34px;height:34px;transition:filter .25s,opacity .25s}.gdemo-skill.is-locked{cursor:not-allowed;opacity:.75}.gdemo-skill.is-locked .gdemo-skill-art{filter:grayscale(1) brightness(.55)}.gdemo-skill.is-locked .gdemo-skill-name,.gdemo-skill.is-locked .gdemo-skill-cost{color:var(--ink-faint)}.gdemo-skill:not(:disabled) .gdemo-skill-art{filter:drop-shadow(0 0 6px rgba(255,204,46,.35))}.gdemo-skill:not(:disabled):hover{border-color:#ffcc2e80;background:#ffcc2e14}.gdemo-skill.is-armed{border-color:var(--accent);background:#ffcc2e29}.gdemo-skill.is-guided{border-color:var(--accent);animation:gdemo-guide 1.5s ease-in-out infinite}.gdemo-skill.is-spent{opacity:.35}.gdemo-skill.is-spent .gdemo-skill-art{filter:grayscale(1)}.gdemo-skill.is-spent .gdemo-skill-name{text-decoration:line-through}.gdemo-skill-name{font-family:var(--font-display);font-size:9px;letter-spacing:.02em;text-transform:uppercase;line-height:1}.gdemo-skill-cost{font-family:var(--font-mono);font-size:10px;color:var(--ink-faint)}.gdemo-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.gdemo-restart,.gdemo-cta{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.gdemo-restart{padding:6px 10px;background:transparent;border:1px solid var(--line);color:var(--ink-dim);transition:color .2s,border-color .2s}.gdemo-restart:hover{color:var(--ink);border-color:#f4f1e84d}.gdemo-cta{color:var(--accent);border-bottom:1px solid transparent;transition:border-color .2s}.gdemo-cta:hover{border-bottom-color:var(--accent)}@media(max-width:900px){.gdemo{max-width:340px}}.achievements-section{position:relative;z-index:1;padding:90px 0;background:var(--bg);border-top:1px solid var(--line)}.achievements-section h2{font-family:var(--font-display);font-size:clamp(26px,3.2vw,44px);line-height:1.05;text-transform:uppercase;margin:14px 0 12px}.achievements-section h2 .highlight{color:var(--accent);display:block}.achievements-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.achievements-carousel{margin-top:40px}.achievements-viewport{overflow:hidden}.achievements-track{--per-view: 3;display:flex;gap:22px;margin:0;padding:0;list-style:none;transition:transform .45s cubic-bezier(.22,.61,.36,1)}.achievement-card{flex:0 0 calc((100% - (var(--per-view) - 1) * 22px) / var(--per-view));display:flex;flex-direction:column;background:var(--bg-soft);border:1px solid var(--line);transition:border-color .2s,transform .2s}.achievement-card:hover{border-color:#ffcc2e66;transform:translateY(-3px)}.achievement-thumb{display:block;position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#0a0b0e}.achievement-thumb img,.achievement-thumb video{width:100%;height:100%!important;object-fit:cover;transition:transform .5s ease-out}.achievement-card:hover .achievement-thumb img{transform:scale(1.04)}.achievement-thumb-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#191b21,#0f1116)}.achievement-thumb-badge{position:absolute;left:12px;bottom:12px;padding:4px 9px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#161616;background:var(--accent)}.achievement-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px}.achievement-date{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.achievement-body h3{font-family:var(--font-display);font-size:17px;line-height:1.22;text-transform:uppercase;margin:0}.achievement-body h3 a{color:var(--ink);transition:color .2s}.achievement-body h3 a:hover{color:var(--accent)}.achievement-body p{margin:0;font-size:13px;line-height:1.55;color:var(--muted)}.achievements-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px}.achievements-arrow{width:40px;height:40px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:16px;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.achievements-arrow:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.achievements-arrow:disabled{opacity:.3;cursor:default}.achievements-dots{display:flex;gap:8px}.achievements-dots button{width:22px;height:3px;border:0;padding:0;background:#f4f1e838;cursor:pointer;transition:background .2s}.achievements-dots button.is-active{background:var(--accent)}@media(max-width:1024px){.achievements-track{--per-view: 2}}@media(max-width:700px){.achievements-track{--per-view: 1}.achievements-section{padding:60px 0}}.connect-section{position:relative;z-index:1;padding:90px 0;background:var(--bg-soft);border-top:1px solid var(--line)}.connect-section h2{font-family:var(--font-display);font-size:clamp(26px,3.2vw,44px);line-height:1.05;text-transform:uppercase;margin:14px 0 12px}.connect-section h2 .highlight{color:var(--accent);display:block}.connect-grid{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line);border:1px solid var(--line)}.connect-card{height:100%;display:flex;align-items:center;gap:14px;padding:22px 20px;background:var(--bg);transition:background .2s}.connect-card:hover{background:#ffcc2e12}.connect-icon{flex:none;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);color:var(--ink);transition:color .2s,border-color .2s}.connect-card:hover .connect-icon{color:var(--accent);border-color:#ffcc2e80}.connect-text{display:flex;flex-direction:column;gap:3px;min-width:0}.connect-name{font-family:var(--font-display);font-size:15px;letter-spacing:.02em;text-transform:uppercase;color:var(--ink)}.connect-blurb{font-size:13px;line-height:1.4;color:var(--ink-dim)}.connect-handle{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-faint)}.connect-arrow{margin-left:auto;font-family:var(--font-mono);color:var(--ink-faint);transition:color .2s,transform .2s}.connect-card:hover .connect-arrow{color:var(--accent);transform:translate(3px)}@media(max-width:900px){.connect-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.connect-section{padding:60px 0}.connect-grid{grid-template-columns:1fr}}
