.xp-head{padding:11rem var(--gutter) 0;max-width:1600px;margin:0 auto;position:relative;z-index:5}.xp-head .ch-title{font-size:clamp(2.6rem,7.5vw,6.5rem)}.xp-lead{margin-top:1.6rem;font-size:clamp(1rem,1.4vw,1.18rem);color:var(--muted);max-width:560px;line-height:1.7}.xp-grid{max-width:1600px;margin:0 auto;padding:4rem var(--gutter) 7rem;position:relative;z-index:5;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:1.4rem}.xp-card{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;min-height:300px;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(18px);display:flex;flex-direction:column;padding:1.8rem;gap:.9rem;transition:border-color .4s,box-shadow .5s,transform .5s var(--ease)}.xp-card:hover{border-color:rgba(138,92,255,.55);transform:translateY(-6px);box-shadow:0 26px 70px rgba(0,0,0,.55),var(--glow-violet)}.xp-card .glowlayer{position:absolute;inset:0;opacity:.5;transition:opacity .5s;pointer-events:none;background:radial-gradient(120% 90% at 50% 0%,rgba(138,92,255,.22),transparent 60%)}.xp-card:hover .glowlayer{opacity:1}.xp-head-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem}.xp-card .ico{position:static;width:46px;height:46px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-2);background:rgba(255,255,255,.05)}.xp-card .ico svg{width:22px;height:22px;color:var(--violet-soft)}.xp-card .num{position:static;font-family:var(--mono);font-size:.72rem;letter-spacing:.25em;color:var(--violet-soft)}.xp-card .badge{position:static;font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;padding:.35rem .8rem;border-radius:100px;background:rgba(138,92,255,.18);border:1px solid rgba(138,92,255,.4);color:var(--violet-soft);white-space:nowrap}.xp-meta{display:flex;align-items:center;gap:.7rem}.xp-card .xp-title{position:relative;font-family:var(--display);font-weight:600;font-size:1.5rem;letter-spacing:-.02em;color:var(--white);margin-top:auto;line-height:1.15}.xp-card p{position:relative;font-size:1rem;color:var(--muted);line-height:1.6}.xp-card .tags{position:relative;display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.2rem}.xp-card .tags span{font-family:var(--mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;padding:.35rem .7rem;border:1px solid var(--line);border-radius:100px;color:var(--faint)}.xp-card.soon{opacity:.55;cursor:default}.xp-card.soon:hover{transform:none;border-color:var(--line);box-shadow:none}.xp-card.soon .badge{background:rgba(255,255,255,.05);border-color:var(--line);color:var(--faint)}.gm{position:fixed;inset:0;z-index:3000;background:rgba(3,4,8,.97);backdrop-filter:blur(24px);display:none;flex-direction:column}.gm.on{display:flex}.gm-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem var(--gutter);border-bottom:1px solid var(--line);flex-shrink:0}.gm-title{font-family:var(--display);font-weight:600;font-size:1.15rem;color:var(--white)}.gm-sub{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:.15rem}.gm-close{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;background:var(--panel);transition:all .3s;flex-shrink:0}.gm-close:hover{border-color:var(--orange);color:var(--orange);transform:rotate(90deg)}.gm-body{flex:1;overflow:auto;padding:1.5rem var(--gutter) 2rem}.gm-wrap{max-width:1400px;margin:0 auto}.g-bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.g-stat{font-family:var(--mono);font-size:.72rem;letter-spacing:.15em;color:var(--muted)}.g-stat b{color:var(--violet-soft);font-weight:400;font-size:.95rem}.g-btn{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;padding:.7rem 1.4rem;border-radius:100px;border:1px solid var(--line-2);background:var(--panel);color:var(--white);transition:all .3s}.g-btn:hover{border-color:var(--violet);box-shadow:var(--glow-violet)}.g-btn.primary{background:var(--grad-1);border-color:transparent}.g-win{font-family:var(--display);font-size:1.3rem;color:#4caf50;margin-top:1rem;display:none}.g-win.on{display:block}.room-layout{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;align-items:start}@media(max-width:900px){.room-layout{grid-template-columns:1fr}}#roomCanvas{width:100%;aspect-ratio:16/10;border-radius:16px;border:1px solid var(--line);background:#0a0c14;display:block;cursor:grab}#roomCanvas:active{cursor:grabbing}.room-panel{display:flex;flex-direction:column;gap:1.4rem;padding:1.4rem;border:1px solid var(--line);border-radius:16px;background:var(--panel);backdrop-filter:blur(16px)}.rp-group .rp-label{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin-bottom:.7rem}.sw-row{display:flex;flex-wrap:wrap;gap:.5rem}.sw{width:34px;height:34px;border-radius:9px;border:2px solid transparent;transition:all .25s;cursor:pointer}.sw:hover{transform:scale(1.1)}.sw.on{border-color:var(--violet);box-shadow:0 0 14px rgba(138,92,255,.6)}.opt-row{display:flex;flex-wrap:wrap;gap:.45rem}.opt{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:.5rem .85rem;border:1px solid var(--line);border-radius:100px;color:var(--muted);transition:all .25s}.opt:hover{color:var(--white);border-color:var(--line-2)}.opt.on{background:var(--grad-1);border-color:transparent;color:#fff}.fd-wrap{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}@media(max-width:820px){.fd-wrap{grid-template-columns:1fr}}.fd-pane{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line)}.fd-pane canvas{width:100%;display:block}.fd-pane.target canvas{cursor:crosshair}.fd-tag{position:absolute;top:.8rem;left:.8rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;padding:.35rem .8rem;border-radius:100px;background:rgba(4,5,10,.7);backdrop-filter:blur(10px);color:var(--white);z-index:2}.fd-mark{position:absolute;width:44px;height:44px;border-radius:50%;border:2.5px solid #4caf50;background:rgba(76,175,80,.16);transform:translate(-50%,-50%);pointer-events:none;animation:fdPop .35s ease;z-index:3}.fd-miss{position:absolute;width:40px;height:40px;border-radius:50%;border:2px solid #e53935;background:rgba(229,57,53,.15);transform:translate(-50%,-50%);pointer-events:none;animation:fdPop .3s ease;z-index:3}@keyframes fdPop{from{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.bp-stage{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;background:#05070d}.bp-stage canvas,.bp-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bp-stage .reveal{clip-path:inset(0 0 0 var(--rv,50%))}.bp-handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 20px rgba(255,255,255,.7);z-index:4;pointer-events:none}.bp-handle::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;border:2px solid #fff;background:rgba(8,10,17,.6);backdrop-filter:blur(10px)}.bp-stage .lbl{position:absolute;bottom:1rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;padding:.4rem .85rem;border-radius:100px;background:rgba(4,5,10,.65);backdrop-filter:blur(10px);color:#fff;z-index:5}.bp-stage .lbl.l{left:1rem}.bp-stage .lbl.r{right:1rem}.bp-steps{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.2rem}.bp-step{flex:1;min-width:130px;padding:.9rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel);transition:all .35s}.bp-step.on{border-color:var(--violet);background:rgba(138,92,255,.1)}.bp-step .n{font-family:var(--mono);font-size:.55rem;letter-spacing:.2em;color:var(--violet-soft)}.bp-step .t{font-size:.95rem;color:var(--white);margin-top:.3rem}.g-link{font:inherit;color:var(--violet-soft);border-bottom:1px solid rgba(168,123,255,.4);padding:0;transition:color .25s,border-color .25s}.g-link:hover{color:var(--white);border-color:var(--white)}.bp-stage.loading::after{content:'Tracing edges…';position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--blue-soft);background:rgba(5,7,13,.82);backdrop-filter:blur(4px)}.bp-stage.loading .bp-handle{opacity:0}.gm-top{position:sticky;top:0;z-index:10;background:rgba(6,8,14,.92);backdrop-filter:blur(20px)}.gm-body{scroll-behavior:smooth}.gm-wrap{padding-bottom:env(safe-area-inset-bottom,0)}@media(pointer:coarse),(max-width:900px){.sw{width:46px;height:46px;border-radius:12px}.opt{padding:.75rem 1.1rem;min-height:44px;display:inline-flex;align-items:center}.g-btn{min-height:46px;display:inline-flex;align-items:center}.gm-close{width:48px;height:48px}.room-panel{gap:1.6rem}}@media(max-width:900px){.xp-head{padding:8rem 1.5rem 0}.xp-grid{padding:2.5rem 1.5rem 5rem;gap:1rem}.xp-card{min-height:240px;padding:1.5rem}.gm-top{padding:.9rem 1.2rem}.gm-body{padding:1.2rem 1.2rem 2rem}#roomCanvas{aspect-ratio:4/3}.room-panel{padding:1.2rem}.bp-steps{gap:.4rem}.bp-step{min-width:calc(50% - .2rem);padding:.7rem .8rem}}#roomCanvas:focus-visible,.rs-stage:focus-visible,.bp-stage:focus-visible{outline:2px solid var(--violet-soft);outline-offset:3px}#roomCanvas{touch-action:none}