@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Fira+Code:wght@400;500;700&display=swap";:root{--bg-deep: #06060c;--bg: #0a0a14;--bg-card: #12121f;--bg-card-hover: #18182a;--bg-glass: rgba(18,18,31,.75);--border: #1e1e36;--border-light: #2a2a4a;--hair: rgba(255,255,255,.06);--text: #d0d0e0;--text-secondary: #7a7a96;--text-dim: #4a4a60;--accent: #00e5a0;--accent-dim: rgba(0,229,160,.14);--accent-glow: rgba(0,229,160,.25);--danger: #e53e5a;--warning: #e5a03e;--gold: #ffd700;--blue: #3b82f6;--cyan: #22d3ee;--purple: #a855f7;--ch-1: #00e5a0;--ch-2: #e5a03e;--ch-3: #22d3ee;--ch-4: #ff6b9d;--ch-5: #ffd700;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-card: 0 20px 60px rgba(0,0,0,.5);--shadow-lift: 0 14px 34px rgba(0,0,0,.45);--font-mono: "Fira Code", monospace;--font-sans: "Noto Sans SC", sans-serif;--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275)}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg-deep);color:var(--text);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}body{display:flex;align-items:center;justify-content:center;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='0' y='0' width='16' height='16' rx='2' fill='none' stroke='%2300e5a0' stroke-width='1.2' opacity='0.9'/%3E%3Ccircle cx='8' cy='8' r='2' fill='%2300e5a0'/%3E%3Cline x1='0' y1='0' x2='5' y2='5' stroke='%2300e5a0' stroke-width='0.5' opacity='0.3'/%3E%3C/svg%3E") 8 8,crosshair}button,a,.level-tile,.action-btn,.continue-card,.btn,.lobby-back,.game-btn,input,[data-clickable]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='0' y='0' width='16' height='16' rx='2' fill='rgba(0,229,160,0.15)' stroke='%2300e5a0' stroke-width='1.2'/%3E%3Ccircle cx='8' cy='8' r='3' fill='%2300e5a0'/%3E%3C/svg%3E") 8 8,pointer}#app{width:100%;min-height:100vh;display:flex;justify-content:center}.menu{margin:auto;width:100%;display:flex;justify-content:center;padding:clamp(1rem,3vh,2.5rem) clamp(.75rem,3vw,1.5rem)}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse 60% 55% at 50% 45%,#0b1420,#05050b 70%,#030307);animation:fadeIn .5s ease-out;overflow:hidden}.splash:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px)}.splash-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;animation:riseIn .9s var(--ease) both}.splash-sigil{position:relative;width:clamp(72px,11vw,96px);height:clamp(72px,11vw,96px);margin-bottom:clamp(.8rem,2vh,1.4rem)}.splash-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--accent);opacity:.35}.splash-ring-1{transform:rotate(45deg);animation:sigilSpin 14s linear infinite}.splash-ring-2{top:14%;right:14%;bottom:14%;left:14%;border-color:var(--gold);opacity:.5;animation:sigilSpin 9s linear infinite reverse}.splash-core{position:absolute;left:50%;top:50%;width:14%;height:14%;transform:translate(-50%,-50%) rotate(45deg);background:var(--gold);box-shadow:0 0 24px #ffd70073}.splash-cn{font-size:clamp(1.5rem,3.6vw,2.1rem);font-weight:700;letter-spacing:.42em;text-indent:.42em;color:var(--text)}.splash-wordmark{font-family:var(--font-mono);font-size:clamp(.62rem,1.3vw,.78rem);letter-spacing:.62em;text-indent:.62em;color:var(--accent);text-transform:uppercase}.splash-rule{width:clamp(180px,32vw,280px);height:1px;margin:clamp(1rem,2.4vh,1.6rem) 0;background:linear-gradient(90deg,transparent,rgba(0,229,160,.45),transparent)}.splash-lore{max-width:min(30rem,84vw);min-height:2.6em;color:var(--text-secondary);font-size:clamp(.74rem,1.1vw,.85rem);line-height:1.85;text-align:center;font-style:italic}.splash-boot{position:absolute;left:clamp(1rem,3vw,2.2rem);bottom:clamp(3.2rem,7vh,4.4rem);display:flex;flex-direction:column;gap:.28rem;font-family:var(--font-mono);font-size:clamp(.64rem,.88vw,.72rem);color:var(--text-secondary)}.splash-boot-line{opacity:0;animation:bootLine .4s ease-out forwards}.splash-boot-line.ok{color:var(--accent)}.splash-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff0d}.splash-bar-fill{height:100%;width:0;background:linear-gradient(90deg,rgba(0,229,160,.5),var(--accent),var(--gold));box-shadow:0 0 12px var(--accent-glow);animation:splashLoad 1.9s var(--ease) forwards}.splash-enter{position:absolute;left:50%;bottom:clamp(2.4rem,6vh,3.6rem);transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:0 1.7rem;border:1px solid var(--border-light);border-radius:999px;background:#ffffff09;font-family:var(--font-sans);font-size:clamp(.82rem,1.1vw,.9rem);font-weight:600;letter-spacing:.12em;color:var(--text-secondary);cursor:default;transition:color .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease)}.splash-enter svg{width:14px;height:14px}.splash-enter.ready{border-color:var(--accent);background:linear-gradient(180deg,#00e5a029,#00e5a00d);color:var(--text);box-shadow:0 0 28px var(--accent-glow);cursor:pointer}.splash-enter.ready:hover{border-color:var(--accent);background:linear-gradient(180deg,#00e5a042,#00e5a01c);transform:translate(-50%) translateY(-2px);box-shadow:0 0 40px var(--accent-glow)}.splash-enter.ready svg{color:var(--accent)}.splash-enter:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.menu-shell{position:relative;z-index:2;width:min(780px,95vw);display:flex;flex-direction:column;gap:clamp(.7rem,1.5vh,1.15rem)}.menu-hero{text-align:center}.menu-eyebrow{font-family:var(--font-mono);font-size:clamp(.6rem,.9vw,.7rem);letter-spacing:.3em;color:var(--accent);text-transform:uppercase;margin-bottom:clamp(.5rem,1vh,.8rem)}.menu-wordmark{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:.16em;text-indent:.16em;line-height:1.1;background:linear-gradient(180deg,#fff,#b9c4d8 60%,#6f7c93);-webkit-background-clip:text;background-clip:text;color:transparent}.menu-wordmark-en{font-family:var(--font-mono);font-size:clamp(.6rem,1.2vw,.78rem);letter-spacing:.58em;text-indent:.58em;color:var(--accent);margin-top:.35rem;text-transform:uppercase}.menu-premise{max-width:38rem;margin:clamp(.7rem,1.5vh,1.1rem) auto 0;color:var(--text-secondary);font-size:clamp(.78rem,1.1vw,.88rem);line-height:1.85}.menu-guardian{display:flex;gap:.75rem;padding:.85rem 1rem;border:1px solid var(--hair);border-left:2px solid rgba(255,215,0,.5);background:linear-gradient(90deg,#ffd7000d,#ffffff04);border-radius:0 var(--radius) var(--radius) 0}.menu-guardian-mark{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-top:.14rem;color:var(--gold);flex-shrink:0}.menu-guardian-mark svg{width:100%;height:100%;display:block}.menu-guardian p{color:var(--warning);font-size:clamp(.74rem,1.05vw,.84rem);line-height:1.8;font-style:italic}.menu-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}.chapter-node{--ch:var(--accent);--ch-dim:rgba(0,229,160,.14);position:relative;padding:.7rem .65rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff0a,#ffffff03);overflow:hidden;transition:border-color .25s var(--ease),transform .25s var(--ease)}.chapter-node:hover{transform:translateY(-2px);border-color:var(--ch)}.chapter-node.is-current{border-color:var(--ch);background:linear-gradient(180deg,var(--ch-dim),rgba(255,255,255,.012))}.chapter-node.is-cleared{border-color:var(--ch)}.chapter-node-num{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;color:var(--ch)}.chapter-node-name{display:block;margin-top:.28rem;font-size:clamp(.72rem,1vw,.82rem);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-node-count{margin-top:.22rem;font-family:var(--font-mono);font-size:.68rem;color:var(--text-secondary)}.chapter-node-track{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff0d}.chapter-node-fill{height:100%;background:var(--ch);transition:width .6s var(--ease)}.continue-card{--ch:var(--accent);--ch-dim:rgba(0,229,160,.14);position:relative;display:block;width:100%;text-align:left;padding:clamp(.95rem,2vh,1.25rem) clamp(1.05rem,2.2vw,1.5rem);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--ch-dim),rgba(255,255,255,.02) 55%);font-family:var(--font-sans);color:var(--text);overflow:hidden;transition:border-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease)}.continue-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--ch)}.continue-card:hover{border-color:var(--ch);box-shadow:0 0 0 1px var(--ch-dim),var(--shadow-lift);transform:translateY(-2px)}.continue-label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.22em;color:var(--ch);text-transform:uppercase}.continue-title{margin-top:.4rem;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:700}.continue-desc{margin-top:.35rem;font-size:clamp(.75rem,1.05vw,.84rem);line-height:1.75;color:var(--text-secondary);max-width:34rem}.continue-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.7rem}.continue-chip{padding:.2rem .5rem;border-radius:999px;border:1px solid var(--hair);background:#ffffff0a;font-size:.66rem;color:var(--text-secondary)}.continue-play{position:absolute;right:clamp(.9rem,2vw,1.4rem);top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--ch);display:flex;align-items:center;justify-content:center;color:var(--ch);background:var(--ch-dim);transition:all .25s var(--ease)}.continue-card:hover .continue-play{background:var(--ch);color:var(--bg-deep);box-shadow:0 0 22px var(--ch-dim)}.continue-play svg{width:16px;height:16px;margin-left:2px}.menu-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.action-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:54px;padding:.7rem .9rem;border:1px solid var(--border-light);border-radius:var(--radius);background:#ffffff0b;color:var(--text);font-family:var(--font-sans);font-size:clamp(.78rem,1.05vw,.86rem);font-weight:500;letter-spacing:.02em;white-space:nowrap;transition:all .2s var(--ease)}.action-btn:hover{border-color:var(--accent);background:#00e5a017;transform:translateY(-2px);box-shadow:0 0 22px var(--accent-glow)}.action-btn svg{width:16px;height:16px;flex-shrink:0;color:var(--accent);stroke-width:1.7}.action-badge{font-family:var(--font-mono);font-size:.72rem;color:var(--accent);opacity:.85}.menu-foot{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary)}.menu-segbar{display:flex;gap:3px;flex:1;min-width:140px}.menu-seg{flex:1;height:3px;border-radius:2px;background:var(--border)}.menu-seg.done{background:var(--ch,var(--accent));box-shadow:0 0 6px var(--ch,var(--accent))}.menu-foot-spacer{flex:1}.menu-link{background:none;border:none;padding:0;font-family:var(--font-mono);font-size:.66rem;color:var(--text-dim);text-decoration:underline;text-underline-offset:3px;transition:color .2s}.menu-link:hover{color:var(--danger)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1.25rem;border:1px solid var(--border-light);border-radius:var(--radius);background:#ffffff0a;color:var(--text);font-family:var(--font-sans);font-size:.86rem;font-weight:500;letter-spacing:.02em;text-align:center;cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}.btn svg{width:16px;height:16px;flex-shrink:0}.btn:hover{border-color:var(--accent);background:#00e5a014;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{border-color:color-mix(in srgb,var(--ch,var(--accent)) 45%,transparent);background:linear-gradient(180deg,var(--ch-dim,rgba(0,229,160,.16)),rgba(255,255,255,.02));font-weight:600}.btn-primary svg{color:var(--ch,var(--accent))}.btn-primary:hover{border-color:var(--ch,var(--accent));background:linear-gradient(180deg,color-mix(in srgb,var(--ch,var(--accent)) 26%,transparent),#ffffff08);box-shadow:0 0 26px var(--ch-dim,rgba(0,229,160,.14))}.btn-ghost{border-color:transparent;background:transparent;color:var(--text-secondary)}.btn-ghost:hover{border-color:transparent;background:#ffffff0d;color:var(--text);transform:none}.btn-danger{border-color:#e53e5a38;background:#e53e5a0b;color:#c98a97}.btn-danger:hover{border-color:#e53e5a80;background:#e53e5a1a;color:var(--danger);transform:none}.btn-secondary{border-color:var(--border-light);background:#ffffff08;color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--border-light);background:#ffffff13;color:var(--text);transform:translateY(-1px)}.btn-sm{min-height:36px;padding:0 .95rem;font-size:.78rem}.btn-block{width:100%}.btn-stack{display:flex;flex-direction:column;gap:.5rem}.menu-divider{height:1px;background:var(--border);margin:clamp(.15rem,.25vw,.3rem) 0}.lobby{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;overflow:hidden}.lobby-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 75% 55% at 50% 30%,#0a1420,#05080f)}.lobby-scroll{position:relative;z-index:1;width:min(1020px,94vw);height:100%;overflow-y:auto;padding:0 0 clamp(2rem,5vh,3.5rem);display:flex;flex-direction:column;gap:clamp(1rem,2.4vh,1.8rem)}.lobby-scroll::-webkit-scrollbar{width:5px}.lobby-scroll::-webkit-scrollbar-track{background:transparent}.lobby-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.lobby-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.lobby-header{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:clamp(.7rem,1.6vh,1rem) clamp(3rem,5vw,3.2rem);background:linear-gradient(180deg,#06060cf7 55%,#06060cb8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--hair)}.lobby-title{display:flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:clamp(.88rem,1.4vw,1.05rem);color:var(--text);letter-spacing:.16em}.lobby-title-mark{width:22px;height:22px;flex-shrink:0}.lobby-stats{display:flex;gap:1.3rem;font-family:var(--font-mono);font-size:clamp(.62rem,.95vw,.72rem);color:var(--text-dim)}.lobby-stats span{color:var(--accent)}.lobby-back{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:clamp(.28rem,.55vw,.38rem) clamp(.6rem,1vw,.85rem);border-radius:var(--radius-sm);font-size:clamp(.68rem,1vw,.78rem);font-family:var(--font-sans);cursor:pointer;transition:all .2s}.lobby-back:hover{color:var(--text);border-color:var(--border-light);background:#ffffff0a}.lobby-header-actions{display:flex;align-items:center;gap:.5rem}.lobby-overview{display:grid;grid-template-columns:1.1fr .9fr;gap:.7rem}.lobby-panel{padding:.95rem 1.05rem;background:#ffffff09;border:1px solid var(--border);border-radius:var(--radius)}.lobby-panel-highlight{--ch:var(--accent);background:linear-gradient(150deg,var(--ch-dim,rgba(0,229,160,.14)),rgba(255,255,255,.02) 60%);border-color:var(--ch)}.lobby-panel-label{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.2em;color:var(--ch,var(--accent));margin-bottom:.45rem;text-transform:uppercase}.lobby-panel-title{font-size:.98rem;font-weight:700;color:var(--text);margin-bottom:.35rem}.lobby-panel-desc{font-size:.78rem;line-height:1.7;color:var(--text-secondary)}.lobby-panel-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.lobby-panel-meta span{padding:.2rem .5rem;border-radius:999px;background:#ffffff0d;border:1px solid var(--hair);font-size:.66rem;color:var(--text-secondary)}.act-progress-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.4rem}.act-progress-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.6rem;font-size:.72rem;color:var(--text-secondary)}.act-progress-row em{font-style:normal;font-family:var(--font-mono);color:var(--text)}.act-progress-bar{height:2px;margin-top:.28rem;border-radius:2px;background:#ffffff0f;overflow:hidden}.act-progress-fill{height:100%;background:var(--ch,var(--accent));transition:width .6s var(--ease)}.chapter-block{--ch:var(--accent);--ch-dim:rgba(0,229,160,.14);display:flex;flex-direction:column;gap:.7rem}.chapter-head{display:flex;align-items:flex-end;gap:.8rem;padding-bottom:.55rem;border-bottom:1px solid var(--hair)}.chapter-numeral{font-family:var(--font-mono);font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;line-height:1;color:var(--ch);opacity:.85;letter-spacing:.05em}.chapter-head-text{flex:1;min-width:0}.chapter-head-name{font-size:clamp(.85rem,1.3vw,.98rem);font-weight:600;color:var(--text)}.chapter-head-tagline{margin-top:.15rem;font-size:clamp(.66rem,.95vw,.74rem);color:var(--text-dim)}.chapter-head-count{font-family:var(--font-mono);font-size:clamp(.68rem,1vw,.78rem);color:var(--ch)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:clamp(.5rem,.9vw,.7rem)}.level-tile{--ch:var(--accent);--ch-dim:rgba(0,229,160,.14);position:relative;display:flex;flex-direction:column;gap:.5rem;padding:.95rem 1.05rem .9rem;text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff0b,#ffffff03);font-family:var(--font-sans);color:var(--text);overflow:hidden;transition:transform .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease)}.level-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--ch);opacity:.28;transition:opacity .22s}.level-tile:hover{transform:translateY(-3px);border-color:var(--ch);box-shadow:var(--shadow-lift);background:var(--bg-card-hover)}.level-tile:hover:before{opacity:1}.level-tile.done{background:linear-gradient(180deg,var(--ch-dim),rgba(255,255,255,.012));border-color:color-mix(in srgb,var(--ch) 35%,transparent)}.level-tile.active{border-color:var(--ch);box-shadow:0 0 0 1px var(--ch-dim),var(--shadow-card)}.level-tile.locked{opacity:.4;cursor:not-allowed;filter:grayscale(.55)}.level-tile.locked:hover{transform:none;border-color:var(--border);box-shadow:none;background:linear-gradient(180deg,#ffffff0b,#ffffff03)}.level-tile-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.level-tile-num{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;color:var(--text-dim)}.level-tile-badge{padding:.16rem .46rem;border-radius:999px;font-size:.62rem;border:1px solid var(--hair);background:#ffffff0a;color:var(--text-secondary);white-space:nowrap}.level-tile-badge.done{border-color:color-mix(in srgb,var(--ch) 40%,transparent);color:var(--ch);background:var(--ch-dim)}.level-tile-badge.active{border-color:color-mix(in srgb,var(--ch) 45%,transparent);color:var(--ch);background:var(--ch-dim)}.level-tile-body{display:flex;align-items:center;gap:.7rem}.level-tile-icon{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ch);filter:drop-shadow(0 0 8px var(--ch-dim))}.level-tile-icon svg{width:100%;height:100%;display:block}.level-tile-name{font-size:.96rem;font-weight:700}.level-tile-mode{margin-top:.1rem;font-family:var(--font-mono);font-size:.62rem;color:var(--ch);letter-spacing:.06em}.level-tile-desc{font-size:.75rem;line-height:1.7;color:var(--text-secondary);min-height:3.1rem}.level-tile-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.6rem;border-top:1px solid var(--hair);font-family:var(--font-mono);font-size:.62rem;color:var(--text-dim)}.diff-dots{display:inline-flex;gap:3px;align-items:center}.diff-dot{width:5px;height:5px;border-radius:50%;background:#ffffff1f}.diff-dot.on{background:var(--ch,var(--accent))}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:.6rem}.ach-card{display:flex;align-items:center;gap:.85rem;padding:.9rem 1.05rem;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff08;transition:all .22s var(--ease)}.ach-card.unlocked{border-color:#00e5a040;background:linear-gradient(150deg,#00e5a012,#ffffff05)}.ach-card-icon{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--hair);color:var(--text-dim)}.ach-card-icon svg{width:17px;height:17px;display:block}.ach-card.unlocked .ach-card-icon{border-color:#00e5a059;color:var(--accent);background:#00e5a014}.ach-card-name{font-size:.88rem;font-weight:600;color:var(--text-dim)}.ach-card.unlocked .ach-card-name{color:var(--text)}.ach-card-desc{margin-top:.15rem;font-size:.72rem;color:var(--text-dim);line-height:1.6}.game-view{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:clamp(.75rem,2vh,1.5rem) clamp(.6rem,2vw,1.5rem) clamp(.9rem,2.5vh,1.6rem)}.game-topbar{--ch:var(--accent);width:min(900px,100%);display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding-bottom:.6rem;border-bottom:1px solid var(--hair)}.game-topbar-title{display:flex;align-items:center;gap:.5rem;min-width:0}.game-topbar-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ch)}.game-topbar-icon svg{width:100%;height:100%;display:block}.game-topbar-level{font-size:clamp(.82rem,1.3vw,.95rem);font-weight:600;color:var(--text)}.game-topbar-area{font-family:var(--font-mono);font-size:.66rem;color:var(--ch)}.game-topbar-kicker{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;color:var(--text-dim)}.game-topbar-right{display:flex;align-items:center;gap:.5rem}.game-btn{background:#ffffff0d;border:1px solid var(--border);color:var(--text-secondary);padding:.32rem .7rem;border-radius:var(--radius-sm);font-size:.73rem;cursor:pointer;transition:all .2s;font-family:var(--font-sans)}.game-btn:hover{background:#ffffff1a;color:var(--text);border-color:var(--border-light)}.game-btn.is-hint{border-color:color-mix(in srgb,var(--ch) 40%,transparent);color:var(--ch);background:var(--ch-dim)}.game-btn.is-hint:hover{background:color-mix(in srgb,var(--ch) 22%,transparent);border-color:var(--ch)}.game-dots{display:flex;gap:2px;padding:0 .25rem}.game-dot{width:5px;height:5px;border-radius:50%;background:var(--border);transition:all .3s}.game-dot.done{background:var(--accent)}.game-dot.current{background:var(--warning);box-shadow:0 0 4px #e5a33e4d}.scene-wrap{position:relative;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card)}.scene-wrap canvas{display:block;width:100%;height:auto}.hint-panel{position:absolute;right:clamp(.5rem,1.5vw,1rem);bottom:clamp(.5rem,1.5vw,1rem);z-index:6;width:min(330px,78vw);padding:.9rem 1rem;border:1px solid var(--border-light);border-left:2px solid var(--ch,var(--accent));border-radius:var(--radius);background:#0a0a14e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-card);animation:cardIn .32s var(--ease-spring)}.hint-panel-title{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.18em;color:var(--ch,var(--accent));text-transform:uppercase;margin-bottom:.55rem}.hint-panel-close{background:none;border:none;color:var(--text-dim);font-size:.95rem;line-height:1;padding:0;transition:color .2s}.hint-panel-close:hover{color:var(--text)}.hint-panel-list{display:flex;flex-direction:column;gap:.55rem}.hint-item{display:flex;gap:.6rem;font-size:.76rem;line-height:1.75;color:var(--text-secondary)}.hint-item-num{flex-shrink:0;width:16px;font-family:var(--font-mono);font-size:.68rem;color:var(--ch,var(--accent));opacity:.75}.hint-item.is-new{color:var(--text);animation:riseIn .45s var(--ease) both}.hint-panel-foot{margin-top:.7rem;font-size:.66rem;color:var(--text-dim)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:flex-start;justify-content:center;z-index:100;animation:fadeIn .3s ease-out;padding:1rem;overflow-y:auto;overscroll-behavior:contain}.overlay-card{margin:auto;background:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:clamp(1.5rem,2.5vw,2.5rem) clamp(1.2rem,2vw,2rem);max-width:min(480px,88vw);width:88%;text-align:center;animation:cardIn .5s var(--ease-spring);box-shadow:0 20px 60px #0009}.overlay-card.success{border-color:var(--accent);box-shadow:0 0 60px var(--accent-glow)}.overlay-card.gold{border-color:var(--gold);box-shadow:0 0 60px #ffd7004d}.overlay-card,.leaderboard-card{position:relative}.overlay-close{position:absolute;top:clamp(.7rem,1.2vw,.95rem);right:clamp(.7rem,1.2vw,.95rem);z-index:6;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background:#ffffff0a;border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease)}.overlay-close:hover{color:var(--ch,var(--accent));border-color:var(--ch,var(--accent));background:var(--ch-dim,var(--accent-dim))}.overlay-close:focus-visible{outline:2px solid var(--ch,var(--accent));outline-offset:2px}.overlay-close svg{width:16px;height:16px;display:block}.overlay-head{text-align:center;margin-bottom:clamp(1rem,2vh,1.35rem)}.overlay-kicker{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.28em;color:var(--ch,var(--accent));text-transform:uppercase;margin-bottom:.5rem}.overlay-heading{font-size:clamp(1.12rem,2vw,1.38rem);font-weight:700;color:var(--text);letter-spacing:.02em;line-height:1.35}.overlay-version{margin-top:1.1rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;color:var(--text-secondary);text-align:center}.setting-group{display:flex;flex-direction:column;gap:clamp(.7rem,1.5vh,.95rem)}.confirm-overlay{z-index:300}.confirm-card{max-width:min(400px,90vw);--ch:var(--accent);--ch-dim:var(--accent-dim)}.confirm-card.danger{--ch:var(--danger);--ch-dim:rgba(229,62,90,.14);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.confirm-desc{margin:0 auto clamp(1.05rem,2vh,1.35rem);max-width:30rem;color:var(--text-secondary);font-size:clamp(.78rem,1.1vw,.86rem);line-height:1.9}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.setting-row span{color:var(--text-secondary);font-size:clamp(.75rem,1.1vw,.85rem)}.setting-select{background:#ffffff0a;border:1px solid var(--border);color:var(--text);padding:.3rem .6rem;border-radius:var(--radius-sm);font-size:.8rem;font-family:var(--font-sans);cursor:pointer;outline:none;width:104px}.setting-select:hover{border-color:var(--border-light)}.setting-select option{background:var(--bg-card);color:var(--text)}input[type=range]{height:4px;border-radius:2px;background:var(--border);outline:none;cursor:pointer;width:clamp(100px,18vw,140px)}input[type=range]::-webkit-slider-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;box-shadow:0 0 8px var(--accent-glow)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.clear-overlay{z-index:150;--ch:var(--accent);--ch-dim:rgba(0,229,160,.14)}.clear-card{position:relative;max-width:min(520px,92vw);border-color:color-mix(in srgb,var(--ch) 40%,transparent);box-shadow:0 0 70px var(--ch-dim),0 24px 70px #0009;overflow:hidden}.clear-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--ch),transparent)}.achieve-seal{width:52px;height:52px;margin:0 auto clamp(.85rem,1.8vh,1.1rem);display:flex;align-items:center;justify-content:center;border:1px solid var(--ch);border-radius:50%;background:var(--ch-dim);color:var(--ch);box-shadow:0 0 26px var(--ch-dim)}.achieve-seal svg{width:24px;height:24px;display:block}.clear-reveal{margin:0 0 clamp(1rem,2vh,1.3rem);padding:.9rem 1.05rem;border:1px solid var(--hair);border-left:2px solid var(--ch);border-radius:var(--radius);background:#ffffff08;text-align:left;font-size:clamp(.8rem,1.15vw,.9rem);line-height:1.9;color:var(--text-secondary)}.clear-reveal-label{display:block;margin-bottom:.45rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.24em;color:var(--ch);text-transform:uppercase}.clear-rank{display:flex;align-items:center;gap:.85rem;margin:0 0 clamp(.9rem,1.8vh,1.15rem);padding:.7rem .9rem;border:1px solid color-mix(in srgb,var(--ch) 34%,transparent);border-radius:var(--radius);background:linear-gradient(90deg,var(--ch-dim),rgba(255,255,255,.02));text-align:left}.clear-rank-badge{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--ch);border-radius:50%;background:#0808108c;color:var(--ch);font-family:var(--font-mono);font-size:1.4rem;font-weight:700;box-shadow:0 0 22px var(--ch-dim);animation:rankPop .55s var(--ease-spring) both}.clear-rank-body{min-width:0;flex:1}.clear-rank-name{font-size:.92rem;font-weight:700;color:var(--text)}.clear-rank-desc{margin-top:.15rem;font-size:.68rem;line-height:1.6;color:var(--text-secondary)}.clear-rank-chips{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-end}.clear-rank-chips span{padding:.2rem .5rem;border-radius:999px;border:1px solid var(--ch);background:var(--ch-dim);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--ch);white-space:nowrap}@keyframes rankPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.clear-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-bottom:clamp(.9rem,1.8vh,1.15rem)}.clear-stat{padding:.6rem .4rem;border:1px solid var(--hair);border-radius:var(--radius-sm);background:#ffffff08}.clear-stat-value{font-family:var(--font-mono);font-size:clamp(.95rem,1.6vw,1.1rem);font-weight:700;color:var(--ch)}.clear-stat-label{margin-top:.2rem;font-size:.64rem;color:var(--text-secondary)}.clear-par{display:flex;align-items:center;gap:.6rem;margin:-.3rem 0 clamp(.9rem,1.8vh,1.15rem);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.08em}.clear-par-label{color:var(--text-secondary);white-space:nowrap}.clear-par-bar{flex:1;height:3px;border-radius:2px;background:#ffffff14;overflow:hidden}.clear-par-bar i{display:block;height:100%;border-radius:2px;transition:width .7s var(--ease-spring)}.clear-par.is-hit .clear-par-bar i{background:var(--ch);box-shadow:0 0 10px var(--ch-dim)}.clear-par.is-hit .clear-par-state{color:var(--ch)}.clear-par.is-over .clear-par-bar i{background:#e53e5a}.clear-par.is-over .clear-par-state{color:#e53e5a}.clear-par-state{white-space:nowrap}.clear-challenge{display:flex;align-items:center;gap:.55rem;margin:-.3rem 0 clamp(.9rem,1.8vh,1.15rem);padding:.5rem .7rem;border:1px solid var(--hair);border-radius:var(--radius-sm);background:#ffffff08}.clear-challenge-tag{flex-shrink:0;padding:.14rem .45rem;border:1px solid var(--hair);border-radius:999px;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.14em;color:var(--text-secondary);white-space:nowrap}.clear-challenge-label{flex:1;min-width:0;font-size:.7rem;line-height:1.5;color:var(--text-secondary)}.clear-challenge-state{flex-shrink:0;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;color:var(--text-secondary);white-space:nowrap}.clear-challenge.is-met{border-color:color-mix(in srgb,var(--ch) 45%,transparent);background:var(--ch-dim)}.clear-challenge.is-met .clear-challenge-tag{border-color:var(--ch);color:var(--ch)}.clear-challenge.is-met .clear-challenge-label{color:var(--text)}.clear-challenge.is-met .clear-challenge-state{color:var(--ch)}.clear-secondary-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.clear-next{display:flex;align-items:center;gap:.75rem;margin-bottom:clamp(.9rem,1.8vh,1.15rem);padding:.7rem .85rem;border:1px solid var(--hair);border-radius:var(--radius);background:#ffffff08;text-align:left}.clear-next-icon{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ch)}.clear-next-icon svg{width:100%;height:100%;display:block}.clear-next-body{min-width:0}.clear-next-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;color:var(--text-secondary);text-transform:uppercase}.clear-next-title{margin-top:.15rem;font-size:.86rem;font-weight:600;color:var(--text)}.clear-next-meta{margin-top:.12rem;font-size:.68rem;color:var(--text-secondary)}.clear-foot-hint{margin-top:.8rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;color:var(--text-secondary)}.title-card{text-align:left}.title-card-kicker{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);letter-spacing:.3em;margin-bottom:.5rem;text-transform:uppercase}.title-card-title{font-size:1.55rem;font-weight:700;color:var(--text);margin-bottom:.65rem}.title-card-meta,.title-card-tags{display:flex;flex-wrap:wrap;gap:.45rem}.title-card-meta{margin-bottom:.9rem}.title-card-meta span,.title-card-tag{padding:.22rem .52rem;border-radius:999px;background:#ffffff0d;border:1px solid var(--hair);font-size:.68rem;color:var(--text-secondary)}.title-card-quote{color:var(--warning);font-size:.85rem;line-height:1.8;margin-bottom:1rem;font-style:italic}.title-card-fragment{margin-bottom:.9rem;padding:.7rem .8rem;border-radius:var(--radius-sm);background:#ffffff0a;border-left:2px solid rgba(0,229,160,.35);font-size:.76rem;line-height:1.7;color:var(--text-secondary)}.title-card-challenge{display:flex;align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:.74rem;line-height:1.6;color:var(--text-secondary)}.title-card-challenge-tag{flex-shrink:0;padding:.14rem .45rem;border:1px solid var(--ch);border-radius:999px;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.14em;color:var(--ch);white-space:nowrap}.title-card-cta-row{margin-top:clamp(1rem,2vh,1.3rem);text-align:center}.title-card-cta{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:0 1.9rem;border:1px solid var(--ch);border-radius:999px;background:linear-gradient(180deg,var(--ch-dim),rgba(255,255,255,.02));color:var(--text);font-family:var(--font-sans);font-size:.88rem;font-weight:600;letter-spacing:.12em;cursor:pointer;transition:border-color .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease)}.title-card-cta svg{width:14px;height:14px;color:var(--ch)}.title-card-cta:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--ch) 26%,transparent),#ffffff08);box-shadow:0 0 34px var(--ch-dim);transform:translateY(-2px)}.title-card-cta:focus-visible{outline:2px solid var(--ch);outline-offset:3px}.title-card-cta-note{margin-top:.6rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;color:var(--text-secondary)}.chapter-overlay{--ch:var(--accent);--ch-dim:rgba(0,229,160,.14);background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--ch) 12%,transparent),#04040af0 62%)}.chapter-card{position:relative;max-width:min(560px,92vw);text-align:center;border-color:color-mix(in srgb,var(--ch) 34%,transparent);box-shadow:0 0 80px var(--ch-dim),0 24px 70px #000000b3;overflow:hidden}.chapter-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--ch),transparent)}.chapter-card-numeral{font-family:var(--font-mono);font-size:clamp(3.2rem,9vw,5rem);line-height:1;font-weight:700;letter-spacing:.08em;color:color-mix(in srgb,var(--ch) 62%,transparent);text-shadow:0 0 42px var(--ch-dim)}.chapter-card .overlay-kicker{margin-top:.7rem;color:var(--ch)}.chapter-card-title{margin-top:.35rem;font-size:clamp(1.35rem,3.4vw,1.75rem);font-weight:700;letter-spacing:.06em;color:var(--text)}.chapter-card-tagline{margin-top:.4rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.22em;color:var(--ch)}.chapter-card-divider{display:flex;justify-content:center;margin:clamp(1rem,2.2vh,1.4rem) 0}.chapter-card-divider span{width:64px;height:1px;background:linear-gradient(90deg,transparent,var(--ch),transparent)}.chapter-card-intro{font-size:clamp(.84rem,1.3vw,.94rem);line-height:2;color:var(--text-secondary)}.chapter-card-foot{margin-top:clamp(.9rem,2vh,1.2rem);display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.14em;color:var(--text-secondary)}.chapter-card-foot-sep{color:var(--ch)}.panel-card{max-width:min(620px,94vw);text-align:left;display:flex;flex-direction:column;max-height:88vh}.panel-card .overlay-kicker,.panel-card .overlay-heading,.gallery-progress,.panel-card .menu-premise{text-align:center}.gallery-progress{margin:.4rem 0 clamp(.9rem,1.8vh,1.15rem);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;color:var(--text-secondary)}.gallery-progress span{color:var(--accent)}.panel-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:.35rem;display:flex;flex-direction:column;gap:clamp(.9rem,2vh,1.2rem)}.frag-chapter{padding:.85rem .95rem;border:1px solid var(--hair);border-left:2px solid var(--ch);border-radius:var(--radius);background:linear-gradient(90deg,var(--ch-dim),rgba(255,255,255,.015))}.frag-chapter-head{display:flex;align-items:center;gap:.55rem;margin-bottom:.7rem}.frag-chapter-numeral{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--ch);letter-spacing:.1em}.frag-chapter-name{font-size:.84rem;font-weight:600;color:var(--text);letter-spacing:.04em}.frag-level{padding-top:.6rem;margin-top:.6rem;border-top:1px solid var(--hair)}.frag-level:first-of-type{padding-top:0;margin-top:0;border-top:none}.frag-level-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem;font-family:var(--font-mono);font-size:.64rem;color:var(--text-dim)}.frag-level-title{color:var(--text-secondary);letter-spacing:.06em}.frag-level-count{color:var(--ch)}.frag-item{display:flex;align-items:flex-start;gap:.55rem;padding:.3rem 0}.frag-index{flex-shrink:0;padding-top:.1rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--ch)}.frag-text{margin:0;font-size:.76rem;line-height:1.85;color:var(--text-secondary)}.frag-item.is-locked .frag-text{color:var(--text-dim);font-style:italic;letter-spacing:.04em}.howto{display:flex;flex-direction:column;gap:.85rem;margin:1.1rem 0 0;text-align:left}.howto-step{display:flex;gap:.75rem;padding:.75rem .85rem;border:1px solid var(--hair);border-radius:var(--radius);background:#ffffff06}.howto-step-num{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(0,229,160,.35);color:var(--accent);font-family:var(--font-mono);font-size:.68rem}.howto-step-title{font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:.2rem}.howto-step-desc{font-size:.76rem;line-height:1.75;color:var(--text-secondary)}.howto-note{font-family:var(--font-mono);font-size:.66rem;line-height:1.8;color:var(--text-dim);text-align:center}.leaderboard-overlay{z-index:200}.leaderboard-card{margin:auto;background:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-light);border-radius:var(--radius-lg);max-width:min(560px,92vw);width:92%;overflow:hidden;animation:cardIn .5s var(--ease-spring);box-shadow:0 20px 60px #0009}.leaderboard-header{position:relative;padding:clamp(1rem,1.8vw,1.5rem) clamp(1.2rem,2vw,1.8rem);border-bottom:1px solid var(--border);text-align:center}.leaderboard-title{font-size:clamp(1.12rem,2vw,1.38rem);font-weight:700;color:var(--text);letter-spacing:.02em}.leaderboard-subtitle{font-size:clamp(.65rem,1vw,.75rem);color:var(--text-secondary);margin-top:.3rem}.leaderboard-body{padding:clamp(.3rem,.5vw,.5rem) 0;max-height:clamp(300px,50vh,420px);overflow-y:auto}.leaderboard-body::-webkit-scrollbar{width:4px}.leaderboard-body::-webkit-scrollbar-track{background:transparent}.leaderboard-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.leaderboard-body{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.leaderboard-list{min-height:120px}.leaderboard-row{display:grid;grid-template-columns:clamp(36px,5vw,48px) 1fr clamp(72px,10vw,100px) clamp(56px,8vw,80px);align-items:center;gap:clamp(.3rem,.5vw,.5rem);padding:clamp(.5rem,.8vw,.7rem) clamp(1rem,1.8vw,1.8rem);transition:background .2s;border-bottom:1px solid rgba(255,255,255,.03)}.leaderboard-row:hover{background:#ffffff08}.leaderboard-row-current{background:#00e5a00f;border-left:3px solid var(--accent)}.leaderboard-row-current:hover{background:#00e5a01a}.lr-rank{text-align:center;font-size:clamp(.8rem,1.2vw,.95rem);min-width:32px}.lr-rank-medal{font-size:1.1rem}.lr-rank-num{font-family:var(--font-mono);color:var(--text-dim);font-weight:500}.lr-player{display:flex;align-items:center;gap:.4rem;min-width:0;overflow:hidden}.lr-name{font-size:clamp(.78rem,1.1vw,.88rem);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lr-badge{flex-shrink:0;font-size:.6rem;padding:1px 6px;border-radius:4px;background:var(--accent);color:var(--bg-deep);font-weight:700;letter-spacing:.02em}.lr-score{font-family:var(--font-mono);font-size:clamp(.78rem,1.1vw,.88rem);color:var(--accent);font-weight:600;text-align:right}.lr-time{font-family:var(--font-mono);font-size:clamp(.62rem,.85vw,.72rem);color:var(--text-dim);text-align:right}.leaderboard-loading{display:flex;align-items:center;justify-content:center;gap:4px;padding:2.5rem 0}.leaderboard-loading-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:lbBounce 1.2s infinite}.leaderboard-loading-dot:nth-child(2){animation-delay:.2s}.leaderboard-loading-dot:nth-child(3){animation-delay:.4s}.leaderboard-empty,.leaderboard-error{text-align:center;padding:2.5rem 1rem;color:var(--text-secondary);font-size:.85rem;line-height:1.8}.leaderboard-error{color:var(--danger)}.home-button{position:fixed;top:14px;left:14px;z-index:9999;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-glass);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s var(--ease)}.home-button:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow);transform:scale(1.05)}.home-button svg{width:18px;height:18px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes cardIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lbBounce{0%,80%,to{opacity:.3;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}@keyframes sigilSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bootLine{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes splashLoad{0%{width:0}55%{width:62%}to{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:820px){.menu-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-overview{grid-template-columns:1fr}}@media(max-width:640px){.menu-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-stats{display:none}.game-topbar{gap:.4rem}.continue-play{display:none}.clear-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.clear-rank{flex-wrap:wrap}.clear-rank-chips{justify-content:flex-start;width:100%}}@media(min-width:1600px){.menu-shell{width:min(860px,95vw)}.lobby-scroll{width:min(1180px,94vw)}}@media(max-height:700px){.menu-shell{gap:.6rem}.splash-boot{gap:.18rem;font-size:.6rem;bottom:2.6rem}.action-btn{min-height:46px}.menu-guardian{padding:.65rem .85rem}.menu-premise{line-height:1.7}.clear-card{padding-top:clamp(1.1rem,2.6vh,1.6rem);padding-bottom:clamp(1.1rem,2.6vh,1.6rem)}.achieve-seal{width:42px;height:42px;margin-bottom:.7rem}.achieve-seal svg{width:20px;height:20px}.clear-reveal{padding:.7rem .85rem;line-height:1.75}.clear-stats{gap:.4rem}.clear-stat{padding:.5rem .35rem}.clear-rank{padding:.55rem .75rem}.clear-rank-badge{width:40px;height:40px;font-size:1.2rem}.chapter-card-numeral{font-size:clamp(2.6rem,7vw,3.6rem)}.chapter-card-intro{line-height:1.85}}@media(max-height:560px){.splash-boot{display:none}}.user-menu-trigger{position:fixed;top:14px;right:14px;z-index:9999;width:40px;height:40px;border-radius:12px;background:var(--bg-glass, rgba(18,18,31,.75));border:1px solid var(--border, #1e1e36);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.user-menu-trigger:hover{border-color:var(--accent, #00e5a0);box-shadow:0 0 16px var(--accent-glow, rgba(0,229,160,.25));transform:scale(1.05)}.user-menu-icon{width:18px;height:18px;color:var(--text-secondary, #7a7a96);transition:color .2s ease}.user-menu-trigger:hover .user-menu-icon{color:var(--accent, #00e5a0)}.user-menu-panel{position:fixed;top:62px;right:14px;z-index:9999;width:240px;background:var(--bg-card, #12121f);border:1px solid var(--border, #1e1e36);border-radius:12px;box-shadow:0 8px 32px #0009;overflow:hidden;animation:userMenuIn .2s ease}@keyframes userMenuIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.user-menu-card{padding:0}.user-menu-header{text-align:center;padding:20px 16px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.user-menu-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#00e5a0,#7c3aed);display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.user-menu-avatar svg{width:22px;height:22px;color:#fff}.user-menu-name{font-size:.9rem;font-weight:600;color:#e0e0e0;margin:0 0 2px}.user-menu-site{font-size:.7rem;color:#fff6;margin:0;letter-spacing:.05em}.user-menu-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.user-menu-stat{text-align:center}.user-menu-stat-icon{font-size:1rem;margin-bottom:4px;color:var(--accent, #00e5a0)}.user-menu-stat-value{font-size:1.1rem;font-weight:700;color:#e0e0e0;margin:0 0 2px;font-family:var(--font-mono, monospace)}.user-menu-stat-label{font-size:.6rem;color:#ffffff59;margin:0;text-transform:uppercase;letter-spacing:.08em}.user-menu-link{display:block;text-align:center;padding:10px;font-size:.78rem;color:#ffffff80;text-decoration:none;transition:color .2s ease}.user-menu-link:hover{color:#fffc;background:#ffffff08}