.platform-article{--tw-accent: var(--accent-rgb);background:var(--surface-primary);min-height:100dvh}.article-content{padding-bottom:clamp(3rem,6vw,5.5rem)}.article-body{min-width:0}.article-body>p,.article-body>.space-y-5{max-width:72ch}.article-with-toc{display:grid;grid-template-columns:210px 1fr;gap:3rem}.article-with-toc aside nav{position:sticky;top:calc(var(--chrome-header-h) + 1.5rem);padding:1.1rem;border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-secondary);box-shadow:var(--shadow-card)}.article-with-toc aside a{display:block;padding-block:.5rem;font-size:.8rem;color:var(--text-secondary)}.platform-article .text-ink{color:var(--text-primary)}.platform-article .text-ink-dim{color:var(--text-secondary)}.platform-article .text-accent{color:var(--accent)}.platform-article .panel,.platform-article .panel-glass{background:linear-gradient(145deg,var(--surface-secondary),color-mix(in srgb,var(--accent-soft) 25%,var(--surface-secondary)));border-color:var(--border-subtle);box-shadow:var(--shadow-card);border-radius:var(--radius-surface)}.article-game-shelf{display:flex;gap:1rem;overflow-x:auto;padding:.4rem .25rem 1rem;scroll-snap-type:x mandatory}.article-game-shelf li{flex:0 0 265px;scroll-snap-align:start}.article-game-shelf a{height:100%;border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-secondary);box-shadow:var(--shadow-card)}.article-game-shelf a>span{padding:.85rem;font-size:.85rem}.article-game-shelf img{width:100%;height:auto;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover}.article-with-toc aside a{border-radius:var(--radius-control)}.article-with-toc aside a:hover{color:var(--accent)}@media(max-width:1023px){.article-with-toc{grid-template-columns:180px minmax(0,1fr);gap:1.5rem}.article-game-shelf li{flex-basis:30vw}}@media(max-width:767px){.article-game-shelf{gap:.75rem}.article-game-shelf li{flex-basis:65vw}.article-body .text-3xl{font-size:1.5rem}.article-with-toc{display:block}.article-with-toc aside{display:none}}.article-intro.has-illustration{display:grid;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.help-illustration,.privacy-illustration{display:block;width:min(100%,360px);height:auto;justify-self:center;filter:drop-shadow(0 16px 20px color-mix(in srgb,var(--text-primary) 8%,transparent))}.about-story{display:grid;align-items:center;gap:2.5rem}.about-photo-wall{min-width:0}.about-photo-wall .page-artwork{height:auto}.about-photo-wall .page-artwork-card{transform:none!important;aspect-ratio:16 / 9}.about-photo-wall .page-artwork-card:first-child{grid-column:1 / -1}.about-benefits{display:grid;gap:1.5rem 3rem;align-items:center}.about-benefits-heading{grid-column:1 / -1}.about-benefits-art{width:100%;max-width:620px;justify-self:center;height:auto;filter:drop-shadow(0 18px 24px color-mix(in srgb,var(--text-primary) 8%,transparent))}.about-benefit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 2.5rem}.about-benefit-list li{min-width:0}.about-benefit-list li:last-child{grid-column:1 / -1}.about-benefit-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:1rem;border-radius:50%;color:var(--accent);background:radial-gradient(circle at 25% 25%,var(--surface-elevated),var(--accent-soft));box-shadow:0 7px color-mix(in srgb,var(--accent-purple) 10%,transparent);transform:rotate(-8deg)}.about-benefit-icon svg{width:28px;height:28px}.about-benefit-list h3{margin-bottom:.6rem;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.about-benefit-list p{font-size:.9rem;color:var(--text-secondary);line-height:1.65;max-width:55ch}@media(min-width:768px){.article-intro.has-illustration{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.about-story{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.about-benefits{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}@media(max-width:767px){.article-intro.has-illustration{gap:0}.help-illustration,.privacy-illustration{width:min(100%,260px);margin-bottom:1.25rem}.about-benefit-list{grid-template-columns:minmax(0,1fr);gap:1.75rem}.about-benefit-list li{display:grid;grid-template-columns:54px minmax(0,1fr);-moz-column-gap:1.2rem;column-gap:1.2rem}.about-benefit-icon{grid-row:span 2}.about-benefit-list h3{align-self:end}}.guide-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;font-weight:700;color:var(--accent)}.guide-text-link:hover{color:var(--text-primary)}.guide-number{display:block;color:var(--accent);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.2em;margin-bottom:.75rem}.guide-reference{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem 4rem;padding:3.5rem 0 1rem}.guide-reference>.guide-text-link{justify-self:start;align-self:end;grid-column:1;grid-row:2}.guide-facts{grid-column:2;grid-row:span 2;display:grid}.guide-facts li{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:1rem;padding:1.1rem 0;border-top:1px solid var(--border-subtle)}.guide-facts li:first-child{border-top:0;padding-top:0}.guide-facts svg{width:22px;height:22px;color:var(--accent)}.guide-facts p{line-height:1.75;font-size:.9rem;color:var(--text-secondary)}@media(max-width:767px){.guide-reference{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-top:2.5rem}.guide-facts,.guide-reference>.guide-text-link{grid-column:auto;grid-row:auto}}.guide-mode-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0 3.5rem}.guide-mode-index a{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-secondary);color:var(--text-primary);transition:border-color .2s}.guide-mode-index a:hover{border-color:var(--accent)}.guide-mode-index a>div{flex:1}.guide-mode-index b{font-size:1.3rem}.guide-mode-index p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-top:.4rem}.guide-mode-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;flex-shrink:0;color:var(--accent);border:1px solid var(--border-subtle);border-radius:1rem;background:var(--surface-elevated)}.guide-mode-section{scroll-margin-top:calc(var(--chrome-header-h) + 2rem);margin-bottom:4rem}.guide-state-art{margin:0}.guide-state-scene{position:relative;height:clamp(12rem,20vw,17rem);background:#080d1a;overflow:hidden}.guide-state-art .page-artwork[data-layout]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;gap:0;border:0;border-radius:0}.guide-state-art .page-artwork[data-layout] .page-artwork-card{flex:1;min-width:0;width:auto;height:100%;transform:none;border:0;border-radius:0;box-shadow:none}.guide-state-art .page-artwork-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:0}.guide-state-art.is-choose .page-artwork{align-items:center;gap:.7rem;padding:1.5rem}.guide-state-art.is-choose .page-artwork-card{height:75%;border-radius:.65rem;overflow:hidden;box-shadow:0 .8rem 2rem #0008}.guide-state-art.is-choose .page-artwork-card:nth-child(2){height:90%}.guide-scene-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(0deg,#070b18b3,#070b181a);color:#fff}.guide-state-art.is-choose .guide-scene-overlay{align-items:flex-end;justify-content:flex-end;background:none}.guide-scene-symbol,.guide-scene-vs{display:grid;place-items:center;height:3.8rem;width:3.8rem;background:#0a1021dd;border:1px solid #ffffff50;border-radius:50%;box-shadow:0 .5rem 2rem #0005}.guide-scene-symbol svg{width:1.5rem;height:1.5rem}.guide-scene-vs{font-weight:900;font-size:1.2rem;letter-spacing:.1em}.guide-scene-panel{width:min(90%,19rem);padding:1.25rem;border:1px solid #ffffff30;border-radius:1rem;background:#090f20ed;box-shadow:0 1rem 3rem #0006}.guide-scene-panel b{display:block;font-size:.85rem}.guide-scene-progress{display:block;height:.4rem;margin:1rem 0;overflow:hidden;background:#ffffff20;border-radius:1rem}.guide-scene-progress i{display:block;width:72%;height:100%;background:linear-gradient(90deg,#23cdec,#8664ff)}.guide-scene-inputs{display:flex;gap:1rem;color:#a8b7d4}.guide-scene-countdown{position:absolute;bottom:.7rem;right:1rem;font-family:var(--font-mono);font-size:.8rem;color:#fff;letter-spacing:.15em}.guide-scene-players{display:grid;grid-template-columns:1fr 1fr;gap:1rem;text-align:center}.guide-avatar{display:grid;place-items:center;width:2.5rem;height:2.5rem;margin:0 auto .5rem;background:#314273;border-radius:50%;font-family:var(--font-mono)}.guide-scene-players>div:nth-child(2) .guide-avatar{background:#644282}.guide-player-state{display:block;margin-top:.5rem;font-size:.7rem;color:#a9bad5}.is-ready .guide-player-state{color:#7ce4bf}.guide-scene-score{display:flex;align-items:center;gap:.7rem}.guide-scene-score>svg{width:1.5rem;height:1.5rem;color:#51d8ef;flex-shrink:0}.guide-scene-score>span{margin-left:auto;font-family:var(--font-mono);font-size:1.1rem}.guide-state-art figcaption{padding:.7rem 1.5rem;color:var(--text-tertiary);font-size:.7rem;border-bottom:1px solid var(--border-subtle)}.guide-state-copy{padding:1.5rem}.guide-state-copy .guide-number{margin-bottom:.6rem}.guide-state-copy h3{font-size:1.35rem;font-weight:800;letter-spacing:-.025em;line-height:1.25;color:var(--text-primary)}.guide-state-copy p,.guide-other-modes p{margin-top:.75rem;color:var(--text-secondary);line-height:1.75;font-size:.95rem}.guide-mode-section>.guide-text-link{margin-top:1.5rem}.guide-other-modes{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.guide-other-modes .guide-text-link{margin-top:1rem}.guide-other-modes h2{margin-top:1rem;font-weight:800;font-size:1.3rem;color:var(--text-primary)}.guide-other-mode{min-width:0}.guide-other-visual{margin:0}.guide-other-visual figcaption{margin-top:.7rem;color:var(--text-tertiary);font-size:.65rem;line-height:1.6}.guide-other-scene{position:relative;display:flex;align-items:center;justify-content:center;height:16.5rem;padding:1rem;border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:radial-gradient(ellipse at 50% 100%,var(--accent-soft),transparent 80%),var(--surface-elevated)}.guide-local-scene{flex-direction:column;gap:1.5rem}.guide-local-display{position:relative;width:min(78%,18rem);aspect-ratio:16/9;padding:.3rem;border:1px solid var(--border-strong);border-radius:.75rem;background:var(--surface-sunken);box-shadow:var(--shadow-card)}.guide-local-display:before,.guide-local-display:after{content:"";position:absolute;left:50%;transform:translate(-50%);background:var(--border-strong)}.guide-local-display:before{bottom:-.75rem;width:1.5rem;height:.75rem}.guide-local-display:after{bottom:-.9rem;width:4rem;height:.2rem;border-radius:.2rem}.guide-local-display .page-artwork[data-layout]{display:block}.guide-local-display .page-artwork[data-layout] .page-artwork-card{height:100%;border:0;border-radius:.45rem;transform:none;box-shadow:none}.guide-local-controllers{position:relative;display:flex;justify-content:space-between;gap:1.5rem;width:min(90%,22rem)}.guide-local-controllers>span{position:relative;display:flex;align-items:center;gap:.35rem;color:var(--accent-blue);font-size:.75rem}.guide-local-controllers>span:nth-child(2){color:var(--accent-purple)}.guide-local-controllers .i{width:2.25rem;height:1.75rem}.guide-local-controllers>span:before{content:"";position:absolute;bottom:100%;width:1px;height:1.4rem;left:1.1rem;border-left:1px dashed currentColor;opacity:.6}.guide-local-controllers b{font-family:var(--font-mono)}.guide-local-controllers>span>span{color:var(--text-secondary)}.guide-quest-scene{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem}.guide-quest-path{min-width:0}.guide-quest-path .page-artwork{height:9rem}.guide-quest-path .page-artwork[data-layout] .page-artwork-card{width:27%;border-width:2px}.guide-quest-stops{display:flex;justify-content:space-between;color:var(--text-secondary);font:.65rem var(--font-mono)}.guide-quest-stops span{width:27%;text-align:center}.guide-quest-island{width:min(100%,15rem);height:auto;justify-self:center}@media(max-width:767px){.guide-mode-index,.guide-other-modes{grid-template-columns:1fr}.guide-mode-index{margin-bottom:2.5rem}.guide-mode-index a{padding:1.25rem;gap:1rem}.guide-state-scene{height:13rem}.guide-state-copy{padding:1.25rem}.guide-mode-section{margin-bottom:3rem}}.guide-account-note{display:flex;align-items:flex-start;gap:1.25rem;margin-top:1.5rem;padding:1.5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--accent-soft)}.guide-account-note h3{font-size:1.2rem;font-weight:800;color:var(--text-primary)}.guide-account-note p{margin-top:.7rem;line-height:1.75;font-size:.95rem;color:var(--text-secondary);max-width:85ch}.guide-account-note .guide-account-local{font-size:.85rem}.guide-account-note .guide-text-link{margin-top:1rem}.guide-account-note .guide-mode-icon svg{width:1.4rem;height:1.4rem}@media(max-width:767px){.guide-account-note{padding:1.25rem;gap:1rem}}.guide-sequence{border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-secondary);overflow:hidden}.guide-sequence-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:1.25rem 1.5rem;gap:.6rem;border-bottom:1px solid var(--border-subtle)}.guide-sequence-tabs button{position:relative;display:flex;align-items:center;gap:.65rem;min-width:0;text-align:left;color:var(--text-tertiary);font-size:.8rem;line-height:1.35;padding:.35rem;border-radius:.7rem}.guide-sequence-tabs button:not(:last-child):after{content:"";position:absolute;height:1px;background:var(--border-subtle);left:2.35rem;right:-.5rem;top:1.4rem;z-index:0}.guide-sequence-tabs b{position:relative;z-index:1;background:var(--surface-secondary);padding:.25rem}.guide-sequence-stop{position:relative;z-index:1;display:grid;place-items:center;flex-shrink:0;width:2rem;height:2rem;border:1px solid var(--border-subtle);border-radius:50%;background:var(--surface-secondary);font-family:var(--font-mono);transition:background .2s,color .2s}.guide-sequence-tabs [aria-selected=true]{color:var(--text-primary)}.guide-sequence-tabs [aria-selected=true] .guide-sequence-stop{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 0 0 .3rem var(--accent-soft)}.guide-sequence button:focus-visible,.guide-sequence-scene:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.guide-sequence-scene:not([hidden]){display:grid;grid-template-columns:1.1fr 1fr;animation:guide-scene-in .4s ease both}.guide-sequence-scene[hidden]{display:none}.guide-sequence .guide-state-scene{height:16rem}.guide-sequence .guide-state-art figcaption{padding:.65rem 1.25rem;border-bottom:0;font-size:.65rem}.guide-sequence .guide-state-copy{display:flex;flex-direction:column;justify-content:center;padding:2rem}.guide-sequence-controls{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-top:1px solid var(--border-subtle)}.guide-sequence-controls button{display:grid;place-items:center;width:2.1rem;height:2.1rem;border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-secondary);font-size:1rem}.guide-sequence-controls button:hover{color:var(--accent);background:var(--accent-soft)}.guide-sequence-meter{height:3px;margin-right:auto;width:min(50%,20rem);overflow:hidden;background:var(--border-subtle);border-radius:1rem}.guide-sequence-meter i{display:block;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}.guide-sequence[data-running=true] .guide-sequence-meter i{animation:guide-clock 6s linear forwards}.guide-sequence[data-running=true] .is-load .guide-scene-progress i{animation:guide-load 4s ease-in-out infinite}.guide-sequence[data-running=true] .is-play .guide-scene-symbol,.guide-sequence[data-running=true] .is-match .guide-scene-vs{animation:guide-breathe 2s ease-in-out infinite}@keyframes guide-scene-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}@keyframes guide-clock{to{transform:scaleX(1)}}@keyframes guide-load{0%{width:12%}to{width:100%}}@keyframes guide-breathe{50%{box-shadow:0 0 0 .55rem #51d8ef24}}.guide-account-note{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;padding:1.75rem}.guide-account-copy{min-width:0}.guide-account-note .guide-number{margin-bottom:.65rem;font-size:.65rem}.guide-account-note p{font-size:.85rem;line-height:1.7}.guide-account-note .guide-account-local{font-size:.75rem}.guide-profile-shot{min-width:0;margin:0}.guide-profile-shot img{display:block;width:100%;height:auto;border:1px solid var(--border-subtle);border-radius:.75rem;box-shadow:0 .6rem 2rem #00000012}.guide-profile-shot .guide-shot-dark{display:none}:root.dark .guide-profile-shot .guide-shot-dark{display:block}:root.dark .guide-profile-shot .guide-shot-light{display:none}.guide-profile-shot figcaption{margin-top:.7rem;text-align:center;color:var(--text-tertiary);font-size:.65rem;line-height:1.5}.guide-ranks{margin:3rem 0}.guide-rank-rule{max-width:75ch;margin:0 0 1.5rem;color:var(--text-secondary);line-height:1.75;font-size:.9rem}.guide-rank-table{overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-surface)}.guide-rank-table table{width:100%;border-collapse:collapse;font-size:.85rem;color:var(--text-primary)}.guide-rank-table caption{text-align:left;padding:1rem 1.25rem;font-weight:700;background:var(--surface-secondary)}.guide-rank-table th,.guide-rank-table td{padding:.9rem 1.25rem;border-top:1px solid var(--border-subtle);text-align:left}.guide-rank-table td{font-variant-numeric:tabular-nums}.guide-rank-table thead{color:var(--text-secondary);background:var(--surface-secondary)}.guide-rank-table tbody tr:nth-child(2n){background:var(--surface-secondary)}.guide-rank-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;margin-right:.75rem}.guide-rank-unavailable{color:var(--text-tertiary);font-size:.85rem}@media(max-width:767px){.guide-sequence-tabs{gap:.3rem;padding:1rem .75rem}.guide-sequence-tabs button{flex-direction:column;text-align:center;padding:.15rem;gap:.5rem;font-size:.65rem}.guide-sequence-tabs button:not(:last-child):after{top:1.15rem;left:calc(50% + 1rem);right:calc(-50% + .8rem)}.guide-sequence-tabs b{padding:0;background:none}.guide-sequence-scene:not([hidden]){grid-template-columns:1fr}.guide-sequence .guide-state-scene{height:12.5rem}.guide-sequence .guide-state-copy{padding:1.25rem;min-height:13rem}.guide-sequence .guide-state-copy h3{font-size:1.15rem}.guide-sequence .guide-state-copy p{font-size:.85rem}.guide-account-note{grid-template-columns:1fr;gap:1.25rem;padding:1.25rem}.guide-rank-table th,.guide-rank-table td{padding:.75rem .65rem;font-size:.75rem}.guide-rank-dot{margin-right:.4rem}}@media(prefers-reduced-motion:reduce){.guide-sequence *,.guide-sequence-scene:not([hidden]){animation:none!important;transition:none!important}}.guide-sequence .guide-state-art figcaption{min-height:3rem;display:flex;align-items:center}.guide-sequence-scene:not([hidden]){min-height:19rem}