.guide{--bg: var(--color-charcoal);--panel: #211d18;--panel-2: #26221b;--soft: #2b2620;--line: rgba(160, 159, 151, .16);--line-strong: rgba(160, 159, 151, .3);--text: var(--color-text-on-dark);--muted: var(--color-stone-soft);--gold: var(--color-gold);--accent: var(--color-gold-soft);--accent-2: var(--color-ember);--blue: #8aa6c8;--blue-2: #a9c0dc;--good: #8fb488;--bad: #c8705c;--warn: #d3a44e;--female: #cf90b2;--male: #82a0c6;--shadow: 0 18px 48px rgba(0, 0, 0, .45);--radius: 14px}.guide{color:var(--text)}.guide a{color:inherit}.guide *{box-sizing:border-box}.guide .page{max-width:1180px;margin:0 auto;padding:40px 20px 96px}.guide .hero{display:grid;grid-template-columns:1.25fr .95fr;gap:20px;align-items:stretch;margin-bottom:24px}.guide .card{background:linear-gradient(180deg,#211d18f5,#14110ef5);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.guide .hero-left{padding:30px 30px 32px}.guide .eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;margin-bottom:14px}.guide h1{font-family:var(--font-serif);font-weight:300;letter-spacing:var(--tracking-display);font-size:clamp(2rem,4vw,3.4rem);line-height:1.06;margin:0 0 16px}.guide .lead{font-size:1.02rem;line-height:1.7;color:var(--text);max-width:65ch;margin:0}.guide .hero-right{padding:22px;display:flex;flex-direction:column;justify-content:center}.guide .summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guide .summary-item{background:#ffffff05;border:1px solid var(--line);border-radius:12px;padding:16px}.guide .summary-item .big{font-family:var(--font-serif);font-weight:300;font-size:1.7rem;margin-bottom:6px;color:var(--accent);letter-spacing:var(--tracking-display)}.guide .summary-item .small{color:var(--muted);line-height:1.45;font-size:.92rem}.guide .tabs{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 22px}.guide .tab-btn{appearance:none;background:var(--panel);color:var(--text);padding:11px 18px;border-radius:999px;font-weight:600;letter-spacing:.02em;cursor:pointer;border:1px solid var(--line-strong);transition:.18s ease}.guide .tab-btn:hover{border-color:var(--accent)}.guide .tab-btn.active{background:var(--accent);color:var(--color-charcoal);border-color:var(--accent);font-weight:700}.guide .tab-panel{display:none}.guide .tab-panel.active{display:block}.guide .section-title{font-family:var(--font-serif);font-size:1.7rem;font-weight:300;letter-spacing:var(--tracking-display);margin:10px 0}.guide .section-sub{color:var(--muted);line-height:1.7;margin-bottom:22px;max-width:78ch}.guide .tour-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.guide .timeline{padding:18px}.guide .timeline-steps{display:grid;gap:14px}.guide .step{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:14px;border-radius:12px;background:#ffffff05;border:1px solid var(--line);cursor:pointer;transition:.2s ease}.guide .step:hover{transform:translateY(-1px);border-color:var(--line-strong)}.guide .step.active{border-color:#b08d3ab3;background:#b08d3a1a}.guide .step-day{display:flex;align-items:center;justify-content:center;border-radius:10px;background:#0f0d0a;color:var(--accent);font-weight:700;font-size:.82rem;letter-spacing:.04em;text-align:center;padding:8px}.guide .step h3{margin:0 0 6px;font-size:1.02rem;font-weight:600;font-family:var(--font-sans);letter-spacing:0}.guide .step p{margin:0;color:var(--muted);line-height:1.45;font-size:.94rem}.guide .explainer{padding:20px;display:flex;flex-direction:column;gap:16px}.guide .visual-box{padding:16px;background:#ffffff05;border:1px solid var(--line);border-radius:12px}.guide .pill-row{display:flex;flex-wrap:wrap;gap:10px}.guide .pill{padding:8px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--line-strong);font-weight:600;color:var(--text);font-size:.88rem}.guide .weekly-card{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px}.guide .slot{height:64px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--panel);border:1px dashed var(--line-strong);color:var(--muted);font-weight:700}.guide .slot.done{background:#8fb4881f;border-style:solid;border-color:#8fb48873;color:#dcecd8}.guide .slot.invalid{background:#c8705c1f;border-style:solid;border-color:#c8705c73;color:#f0d6cf}.guide .slot .mini{font-size:.72rem;color:inherit;opacity:.9;font-weight:500}.guide .gender-qual{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.guide .gender-card{padding:16px;border-radius:12px;border:1px solid var(--line);background:#ffffff05}.guide .gender-card.female{box-shadow:inset 0 0 0 1px #cf90b233}.guide .gender-card.male{box-shadow:inset 0 0 0 1px #82a0c633}.guide .gender-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-weight:700}.guide .token-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.guide .token{height:42px;border-radius:999px;background:var(--panel);border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;font-weight:700}.guide .token.female{background:#cf90b229;border-color:#cf90b266}.guide .token.male{background:#82a0c629;border-color:#82a0c666}.guide .token.empty{opacity:.45}.guide .faq{padding:20px;margin-top:18px}.guide details{background:#ffffff05;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:10px}.guide summary{cursor:pointer;font-weight:600}.guide details p{margin:10px 0 0;color:var(--muted);line-height:1.6}.guide details strong{color:var(--text)}.guide .blitz-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.guide .phone-wrap{padding:18px}.guide .phone{min-height:460px;max-width:420px;margin:0 auto;border-radius:34px;background:#0b0906;border:8px solid #1d1913;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080;display:flex;flex-direction:column}.guide .bg-persona{position:absolute;inset:0;background:radial-gradient(circle at 50% 12%,rgba(217,184,112,.22),transparent 22%),linear-gradient(180deg,#0003,#00000094)}.guide .persona-shape{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;padding-top:60px;pointer-events:none}.guide .persona-head{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,235,205,.16),rgba(255,180,110,.08) 35%,rgba(255,255,255,.01) 62%,transparent 65%);filter:blur(.2px)}.guide .phone-stage{position:relative;z-index:1;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:28px 0 12px}.guide .grid-band{flex:0 0 auto}.guide .decision-band{flex:1 1 auto;padding:0 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:3px}.guide .hud-band{flex:0 0 auto;margin-top:22px;padding:8px 14px}.guide .beam-band{flex:0 0 auto;padding:10px 14px 4px}.guide .forge-grid{width:88%;max-width:320px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:4px 10px 10px;border-radius:16px;background:#0a08062e}.guide .grid-domains{width:88%;max-width:320px;margin:0 auto 1px;padding:0 10px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.guide .grid-domains span{font-size:clamp(.32rem,1.6vw,.5rem);font-weight:700;letter-spacing:-.03em;text-transform:uppercase;color:var(--accent);opacity:.85;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide .cell{aspect-ratio:1/1;border-radius:10px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);position:relative;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text);font-size:.72rem}.guide .cell.neutral{background:#ffffff12}.guide .cell.you{background:#d9b87029;border-color:#d9b8708c}.guide .cell.rival{background:#8aa6c826;border-color:#8aa6c873}.guide .cell.preview-accept{box-shadow:inset 0 0 0 2px #8fb488bf,0 0 18px #8fb48833}.guide .cell.preview-reject{box-shadow:inset 0 0 0 2px #c8705ccc,0 0 18px #c8705c26}.guide .cell.preview-defer{box-shadow:inset 0 0 0 2px #d3a44ed1,0 0 18px #d3a44e29}.guide .cell .cid{position:absolute;left:6px;bottom:4px;font-size:.55rem;opacity:.85;font-weight:500}.guide .cell .symbol{font-size:1rem}.guide .ico-watch{width:1em;height:1em;display:inline-block;vertical-align:middle}.guide .cell.preview-defer .symbol{color:var(--warn)}.guide .decision-text{font-size:.9rem;font-weight:500;line-height:1.32;margin:0;max-width:100%;color:var(--text)}.guide .npc-block{margin:22px 0 2px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:7px}.guide .npc-name{font-size:.7rem;font-weight:500;letter-spacing:.03em;color:var(--muted)}.guide .npc-sep{font-size:.7rem;color:var(--muted);opacity:.5}.guide .npc-role{font-size:.7rem;font-weight:500;letter-spacing:.03em;color:var(--accent)}.guide .action-row{display:flex;gap:12px;margin-top:16px}.guide .action-btn{width:71px;height:71px;border-radius:14px;background:#14110ddb;border:1px solid var(--line-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--text);cursor:pointer;user-select:none;transition:.16s ease}.guide .action-btn:hover{transform:translateY(-1px);border-color:var(--accent)}.guide .action-btn.active{border-color:#d9b870bf;box-shadow:0 0 0 2px #d9b87038}.guide .action-btn .icon{font-size:1.2rem;font-weight:700}.guide .action-btn .label{font-size:.63rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.guide .hud-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:100%}.guide .player-side{display:flex;align-items:center;gap:10px;min-width:0}.guide .player-side.right{justify-content:flex-end}.guide .avatar-wrap{display:flex;align-items:center;gap:13px}.guide .avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(180deg,#494949,#232323);border:2px solid rgba(255,255,255,.14);position:relative;overflow:hidden;flex:0 0 auto;transition:border-color .25s ease,box-shadow .25s ease}.guide .avatar.you{background:linear-gradient(180deg,#6d573c,#2a2319)}.guide .avatar.rival{background:linear-gradient(180deg,#3f4b5c,#1c2029)}.guide .avatar.crack-1:after,.guide .avatar.crack-2:after,.guide .avatar.crack-3:after,.guide .avatar.crack-4:after,.guide .avatar.crack-5:after{content:"";position:absolute;inset:0;background-repeat:no-repeat;opacity:1}.guide .avatar.crack-3{border-color:#d3a44ea6;box-shadow:0 0 8px #d3a44e4d}.guide .avatar.crack-4{border-color:#c8705cb3;box-shadow:0 0 10px #c8705c66}.guide .avatar.crack-5{border-color:#c8705ce6;box-shadow:0 0 14px #c8705c8c}.guide .avatar.shake{animation:guide-shake .4s ease}@keyframes guide-shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-2px) rotate(-3deg)}40%{transform:translate(2px) rotate(3deg)}60%{transform:translate(-1.5px) rotate(-1.5deg)}80%{transform:translate(1.5px) rotate(1.5deg)}}.guide .avatar.crack-1:after{background-image:linear-gradient(115deg,transparent 44%,rgba(255,255,255,.75) 46%,transparent 48%)}.guide .avatar.crack-2:after{background-image:linear-gradient(115deg,transparent 44%,rgba(255,255,255,.85) 46%,transparent 48%),linear-gradient(35deg,transparent 54%,rgba(255,255,255,.75) 56%,transparent 58%)}.guide .avatar.crack-3:after{background-image:linear-gradient(115deg,transparent 44%,rgba(255,255,255,.9) 46%,transparent 48%),linear-gradient(35deg,transparent 54%,rgba(255,255,255,.85) 56%,transparent 58%),linear-gradient(160deg,transparent 38%,rgba(255,255,255,.85) 40%,transparent 42%)}.guide .avatar.crack-4:after{background-image:linear-gradient(115deg,transparent 44%,rgba(255,255,255,.95) 46%,transparent 48%),linear-gradient(35deg,transparent 54%,rgba(255,255,255,.9) 56%,transparent 58%),linear-gradient(160deg,transparent 38%,rgba(255,255,255,.9) 40%,transparent 42%),radial-gradient(circle at 75% 68%,transparent 0 16%,rgba(0,0,0,.8) 18% 23%,transparent 25%)}.guide .avatar.crack-5:after{background-image:linear-gradient(115deg,transparent 44%,rgba(255,255,255,.95) 46%,transparent 48%),linear-gradient(35deg,transparent 54%,rgba(255,255,255,.9) 56%,transparent 58%),linear-gradient(160deg,transparent 38%,rgba(255,255,255,.9) 40%,transparent 42%),radial-gradient(circle at 74% 66%,transparent 0 14%,rgba(0,0,0,.92) 16% 30%,transparent 32%),radial-gradient(circle at 30% 30%,transparent 0 10%,rgba(0,0,0,.86) 12% 18%,transparent 20%)}.guide .meta{min-width:0}.guide .meta .name{font-size:.86rem;font-weight:700;letter-spacing:.02em;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide .rounds{display:flex;gap:9px;margin-top:8px}.guide .round{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.32)}.guide .round.filled.you{background:var(--accent);border-color:var(--accent)}.guide .round.filled.rival{background:var(--blue);border-color:var(--blue)}.guide .avatar-box{position:relative;flex:0 0 auto}.guide .deck{position:absolute;top:-6px;right:-8px;width:20px;height:26px;z-index:3}.guide .avatar-box.right .deck{right:auto;left:-8px}.guide .deck:before,.guide .deck:after{content:"";position:absolute;inset:0;border-radius:4px;background:#1c1710;border:1px solid var(--line-strong);box-shadow:0 1px 3px #00000080;transition:opacity .18s ease}.guide .deck:after{transform:translate(3px,3.5px);opacity:.85}.guide .deck:before{transform:translate(6px,7px);opacity:.5}.guide .deck.s-lo:before{opacity:0}.guide .deck.s-vlo:after{opacity:0}.guide .deck-num{position:absolute;inset:0;z-index:1;border-radius:4px;border:1px solid var(--accent);background:linear-gradient(180deg,#2c2417,#16110b);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.74rem;color:var(--accent);box-shadow:0 2px 6px #00000080;transition:color .18s ease,border-color .18s ease,box-shadow .18s ease}.guide .deck.warn .deck-num{border-color:var(--warn);color:var(--warn)}.guide .deck.crit .deck-num{border-color:var(--bad);color:#f2cabf;background:linear-gradient(180deg,#3a1e17,#1c110c);box-shadow:0 0 10px #c8705c8c}.guide .timer{font-family:var(--font-serif);font-size:1.7rem;font-weight:300;letter-spacing:.04em;padding:0;background:none;border:none;transition:color .2s ease;font-variant-numeric:tabular-nums}.guide .timer.low{color:var(--accent-2);animation:guide-timerpulse 1.1s ease-in-out infinite}@keyframes guide-timerpulse{0%,to{text-shadow:0 0 0 rgba(255,138,48,0)}50%{text-shadow:0 0 14px rgba(255,138,48,.7)}}.guide .beam{height:8px;border-radius:999px;background:#10120f;border:1px solid var(--line);overflow:hidden;position:relative}.guide .beam-fill-left,.guide .beam-fill-right,.guide .beam-clash{position:absolute;top:0;bottom:0}.guide .beam-fill-left{left:0;background:linear-gradient(90deg,#b08d3ad9,#d9b870d9)}.guide .beam-fill-right{right:0;background:linear-gradient(270deg,#8aa6c8d9,#a9c0dcd9)}.guide .beam-clash{width:14px;left:calc(var(--beam-pos, 50%) - 7px);background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,255,255,.1) 70%,transparent 72%);filter:blur(.2px)}.guide .side-panel{padding:20px;display:grid;gap:14px}.guide .note{padding:14px 16px;border-radius:12px;background:#ffffff05;border:1px solid var(--line)}.guide .note h3{margin:0 0 8px;font-size:1rem;font-weight:600;font-family:var(--font-sans);letter-spacing:0}.guide .note p,.guide .note li{color:var(--muted);line-height:1.55}.guide .note ul{margin:8px 0 0 18px;padding:0}.guide .note strong{color:var(--text)}.guide .control-list{display:grid;gap:10px}.guide .mini-action{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--line);cursor:pointer;transition:.16s ease}.guide .mini-action:hover{border-color:var(--line-strong)}.guide .mini-action.active{border-color:#d9b8708c;background:#d9b87014}.guide .mini-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--soft);font-weight:700;flex:0 0 auto}.guide .demo-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:8px}.guide .demo-controls button{appearance:none;background:var(--panel);color:var(--text);border:1px solid var(--line-strong);padding:9px 8px;border-radius:10px;font-size:.8rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:.16s ease}.guide .demo-controls button:hover{border-color:var(--accent)}.guide .legend{display:grid;gap:10px}.guide .legend-item{display:flex;align-items:center;gap:10px;color:var(--text)}.guide .swatch{width:16px;height:16px;border-radius:5px;border:1px solid rgba(255,255,255,.15)}.guide .swatch.you{background:#d9b87052;border-color:#d9b870b3}.guide .swatch.rival{background:#8aa6c847;border-color:#8aa6c8b3}.guide .swatch.previewA{background:#8fb48859;border-color:#8fb488c7}.guide .swatch.previewD{background:#d3a44e59;border-color:#d3a44ec7}.guide .swatch.previewR{background:#c8705c59;border-color:#c8705cc7}.guide .small{font-size:.86rem;color:var(--muted)}.guide .footer-msg{margin-top:28px;color:var(--muted);text-align:center;font-size:.9rem}@media(max-width:1080px){.guide .hero,.guide .tour-grid,.guide .blitz-grid{grid-template-columns:1fr}.guide .phone{max-width:390px}}@media(max-width:640px){.guide .page{padding:24px 12px 64px}.guide .summary-grid,.guide .gender-qual{grid-template-columns:1fr}.guide .weekly-card{grid-template-columns:repeat(3,1fr)}.guide .token-row{grid-template-columns:repeat(5,1fr)}.guide .step{grid-template-columns:58px 1fr}.guide .action-btn{width:65px;height:65px}.guide .forge-grid,.guide .grid-domains{width:92%}.guide .phone{aspect-ratio:auto;height:auto}.guide .phone-stage{padding:20px 0 12px}}