.home{--plum-hi:#7d7398;--plum:#564d6e;--plum-lo:#3a3350;--plum-sil:#241f33;--navy:#0f1a3a;--navy-deep:#08102a;--navy-hi:#22346b;--gold:#fc3;--gold-hi:#fff0a6;--gold-lo:#b8830f;--cyan:#38e0ff;--violet:#8a5cff;--violet-hi:#c9a8ff;--emerald:#37d67a;--coral:#ff5c5c;--ivory:#fff6dd;pointer-events:auto;font-family:var(--font-ui);background:radial-gradient(80% 60% at 30% 45%,#0000 40%,oklch(8% .03 262/.22) 100%),linear-gradient(oklch(8% .03 262/.3) 0%,#0000 16% 84%,oklch(7% .03 262/.4) 100%);position:absolute;inset:0}.gbtn{border:3px solid var(--navy-deep);color:var(--ivory);font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:linear-gradient(180deg, var(--navy-hi) 0%, var(--navy) 55%, #0c1531 100%);box-shadow:inset 0 2px 0 #ffffff29, inset 0 -4px 0 #00000059, 0 6px 0 var(--navy-deep), 0 12px 22px -8px #000000d9;transform-origin:50% 60%;will-change:transform;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1.05rem;font-size:.82rem;font-weight:800;display:inline-flex;position:relative}.gbtn:disabled{cursor:default;filter:saturate(.4)brightness(.72)}.gbtn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.gbtn img,.gbtn svg{filter:drop-shadow(0 2px 2px #00000080);width:1.3em;height:1.3em}.gbtn-secondary{color:#d8dcf0;box-shadow:inset 0 2px 0 #ffffff1f, inset 0 -3px 0 #00000059, 0 4px 0 var(--navy-deep), 0 8px 16px -8px #000c;border-width:2px;padding:.42rem .8rem;font-size:.72rem}.gbtn-icon{border-radius:13px;width:3.1rem;height:3.1rem;padding:0}.gbtn-icon img{width:1.8rem;height:1.8rem}.home-side{flex-direction:column;gap:.55rem;display:flex;position:absolute;top:.8rem;right:1rem}.gbtn-icon .seal-badge{position:absolute;top:-8px;right:-8px}.gbtn-play{color:#3a2400;background:linear-gradient(180deg, #fff1b0 0%, var(--gold) 38%, #f0ad1c 62%, #d98d10 100%);width:100%;box-shadow:inset 0 3px 0 #ffffff8c, inset 0 -6px 0 #78460059, 0 8px 0 #8a5d10, 0 10px 0 var(--navy-deep), 0 22px 40px -12px #ffbe288c, 0 16px 30px -10px #000000d9;border-width:4px;border-radius:16px;flex-direction:column;gap:.05rem;padding:.85rem 1.4rem .9rem;overflow:hidden}.gbtn-play .play-word{font-family:var(--font-display);letter-spacing:.22em;text-shadow:0 1px #ffffff80;margin-left:.22em;font-size:2rem;font-weight:700;line-height:1}.gbtn-play .play-sub{letter-spacing:.24em;color:#6a4300;font-size:.66rem}.gbtn-play .play-sheen{pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:30%;position:absolute;inset:-20% auto -20% 0;transform:translate(-140%)skew(-12deg)}.seal-badge{background:radial-gradient(circle at 40% 35%, #ff8a8a, var(--coral) 55%, #9c1d1d 100%);width:1.25rem;height:1.25rem;box-shadow:inset 0 0 0 2px #fff3, 0 0 0 2px var(--navy-deep), 0 3px 6px #0009;color:#fff;border-radius:50%;place-items:center;font-size:.72rem;font-style:normal;font-weight:900;line-height:1;display:inline-grid}.home-top{align-items:center;gap:.6rem;display:flex;position:absolute;top:.8rem;left:1rem;right:1rem}.home-top .spacer{flex:1}.chip{border:3px solid var(--navy-deep);height:2.5rem;box-shadow:inset 0 2px 0 #ffffff1f, inset 0 -3px 0 #00000059, 0 4px 0 var(--navy-deep), 0 8px 16px -8px #000c;color:var(--ivory);font-variant-numeric:tabular-nums;background:linear-gradient(#1c2b5c,#0e1735);border-radius:999px;align-items:center;gap:.45rem;padding:0 .85rem 0 .4rem;font-size:1.02rem;font-weight:800;display:inline-flex}.chip img,.chip svg{filter:drop-shadow(0 2px 3px #0009);width:1.7rem;height:1.7rem}.chip.is-souls{color:var(--violet-hi);box-shadow:inset 0 2px 0 #ffffff1f, inset 0 -3px 0 #00000059, 0 4px 0 var(--navy-deep), 0 0 18px -4px var(--violet), 0 8px 16px -8px #000c}.chip.is-relics{color:var(--gold-hi)}.level-plate{border:3px solid var(--navy-deep);height:2.9rem;box-shadow:inset 0 2px 0 #ffffff1f, inset 0 -3px 0 #00000059, 0 4px 0 var(--navy-deep), 0 8px 16px -8px #000c;background:linear-gradient(#1c2b5c,#0e1735);border-radius:14px;align-items:center;gap:.55rem;padding:0 .9rem 0 .35rem;display:flex}.level-plate .shield{clip-path:polygon(50% 0,100% 14%,96% 62%,50% 100%,4% 62%,0 14%);color:#fff;text-shadow:0 1px #00000080;background:linear-gradient(#4b7dff,#1d3a9a);place-items:center;width:2.3rem;height:2.5rem;font-size:1.05rem;font-weight:900;display:grid}.level-plate .xp{flex-direction:column;gap:.2rem;min-width:7.5rem;display:flex}.level-plate .xp b{letter-spacing:.12em;text-transform:uppercase;color:#b9c1e6;font-size:.62rem}.level-plate .xp i{background:#06102c;border-radius:4px;height:8px;display:block;overflow:hidden;box-shadow:inset 0 2px 3px #000c}.level-plate .xp i em{background:linear-gradient(90deg,#37d67a,#38e0ff);border-radius:4px;height:100%;display:block;box-shadow:inset 0 1px #ffffff80}.home-logo{filter:drop-shadow(0 12px 22px #000000b3);justify-content:center;width:min(21rem,44vw);display:flex;position:absolute;top:3.6rem;right:1.25rem}.home-region{flex-direction:column;gap:.75rem;width:min(21rem,44vw);display:flex;position:absolute;top:50%;right:1.25rem;transform:translateY(-46%)}.region-card{border:3px solid var(--navy-deep);background:var(--noise), linear-gradient(180deg, #1c2b5c 0%, #101c40 60%, #0c1533 100%);background-blend-mode:overlay, normal;box-shadow:inset 0 2px 0 #ffffff1f, inset 0 -4px 0 #00000059, 0 6px 0 var(--navy-deep), 0 16px 30px -10px #000000d9;color:var(--ivory);border-radius:18px;padding:.9rem 1rem .95rem;position:relative}.region-card .arrows{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:.75rem .6rem auto}.region-card .arrows .gbtn{pointer-events:auto;border-radius:10px;width:2.1rem;height:2.1rem;padding:0}.region-card .biome{filter:drop-shadow(0 6px 10px #000000b3);width:5.2rem;height:5.2rem;margin:0 auto;display:block}.region-card .region-name{text-align:center;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-hi);text-shadow:0 2px #0009;margin-top:.5rem;font-size:1.15rem;font-weight:700}.region-card .region-tier{text-align:center;letter-spacing:.24em;text-transform:uppercase;color:#b9c1e6;font-size:.66rem}.region-card .stats{grid-template-columns:1fr 1fr;gap:.35rem .8rem;margin-top:.7rem;display:grid}.region-card .stats div{letter-spacing:.08em;text-transform:uppercase;color:#b9c1e6;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:baseline;padding:.25rem 0;font-size:.68rem;display:flex}.region-card .stats b{letter-spacing:0;color:var(--ivory);font-variant-numeric:tabular-nums;font-size:.98rem}.region-card .stats b.is-soul{color:var(--violet-hi)}.region-card .next{letter-spacing:.06em;color:#9fb0e8;margin-top:.6rem;font-size:.66rem}.region-card .next b{color:var(--cyan)}.region-card .ledger{gap:2px;margin-top:.45rem;display:flex}.region-card .ledger i{background:#223262;border-radius:2px;flex:1;height:4px}.region-card .ledger i.on{background:var(--violet);box-shadow:0 0 6px var(--violet)}.hub-label{clip-path:polygon(0 50%,7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%);background:linear-gradient(180deg, #ffe58a 0%, var(--gold) 48%, #e2a017 100%);color:#3a2400;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px #ffffff59;white-space:nowrap;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 4px #6b4308)drop-shadow(0 8px 10px #0009);border:2px solid #5a3a06;border-radius:6px;align-items:center;gap:.35rem;padding:.22rem .85rem .22rem .4rem;font-size:.66rem;font-weight:900;transition:opacity .2s;display:inline-flex;position:absolute;top:0;left:0;box-shadow:inset 0 2px #ffffff8c,inset 0 -3px #78460059}.hub-label img{filter:drop-shadow(0 1px 1px #0006);width:1.5rem;height:1.5rem}.hub-label:hover{background:linear-gradient(#fff2b8 0%,#ffd856 48%,#efab1d 100%)}.hub-label .seal-badge{position:absolute;top:-8px;right:-6px}.home-panel{border:3px solid var(--navy-deep);background:var(--noise), linear-gradient(180deg, #1a2a58 0%, #0f1b3f 40%, #0b1330 100%);background-blend-mode:overlay, normal;width:min(46rem,94vw);max-height:calc(100vh - 11rem);box-shadow:inset 0 2px 0 #ffffff1f, 0 8px 0 var(--navy-deep), 0 30px 60px -20px #000000e6;color:var(--ivory);border-radius:20px;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.home-panel header{border-bottom:2px solid #ffffff14;align-items:center;gap:.6rem;padding:.8rem 1rem .6rem;display:flex}.home-panel header h2{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);flex:1;margin:0;font-size:1.05rem;font-weight:700}.home-panel .body{padding:.8rem 1rem 1rem;overflow-y:auto}.panel-row{background:#ffffff0a;border-radius:12px;align-items:center;gap:.7rem;padding:.5rem .6rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.panel-row+.panel-row{margin-top:.4rem}.panel-row.is-locked{opacity:.55}.panel-row .name{font-size:.86rem;font-weight:800}.panel-row .desc{color:#b9c1e6;font-size:.7rem}.codex{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.6rem;display:grid}.codex .kind{background:#ffffff0a;border-radius:14px;padding:.6rem;box-shadow:inset 0 0 0 1px #ffffff0f}.codex .tiers{justify-content:center;gap:.35rem;display:flex}.codex .tiers img{width:3.4rem;height:3.4rem;box-shadow:0 0 0 2px var(--navy-deep), 0 4px 8px #0009;border-radius:50%}.relic-grid{grid-template-columns:repeat(auto-fill,minmax(8.4rem,1fr));gap:.6rem;display:grid}.relic{text-align:center;color:#b9c1e6;background:#ffffff0a;border-radius:14px;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .4rem;font-size:.66rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.relic img{filter:grayscale()brightness(.55);width:3.6rem;height:3.6rem}.relic.is-claimed img{filter:none;box-shadow:0 0 22px -4px var(--gold);border-radius:50%}.relic b{color:var(--ivory);font-size:.72rem}.reward-toast{border:3px solid var(--navy-deep);box-shadow:0 6px 0 var(--navy-deep), 0 0 40px -6px var(--violet), 0 20px 40px -14px #000000e6;color:var(--violet-hi);pointer-events:none;background:linear-gradient(#2a1c5c,#140f33);border-radius:18px;flex-direction:column;align-items:center;gap:.2rem;padding:.9rem 1.6rem;font-size:1.4rem;font-weight:800;display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.reward-toast small{letter-spacing:.2em;text-transform:uppercase;color:#b9c1e6;font-size:.66rem}@media (width<=900px){.home-logo{width:auto;top:3.6rem;left:0;right:0}.home-region{gap:.5rem;width:auto;inset:auto .6rem 6.2rem;transform:none}.region-card{padding:.55rem .8rem .6rem}.region-card .biome{width:3.4rem;height:3.4rem}.region-card .region-name{font-size:.95rem}.region-card .stats{margin-top:.4rem}.gbtn-play{padding:.6rem 1rem .65rem}.gbtn-play .play-word{font-size:1.5rem}.level-plate .xp{min-width:5rem}}@media (prefers-reduced-motion:reduce){.gbtn,.hub-label{transition:none}}@keyframes gbtn-icon-hop{0%{transform:translateY(0)scale(1)rotate(0)}35%{transform:translateY(-4px)scale(1.14)rotate(-6deg)}70%{transform:translateY(-1px)scale(1.08)rotate(5deg)}to{transform:translateY(-2px)scale(1.1)rotate(0)}}.gbtn:not(.gbtn-tab):hover img,.gbtn:not(.gbtn-tab):hover svg,.hub-label:hover img,.chip:hover img,.chip:hover svg{filter:drop-shadow(0 4px 4px #0000008c)brightness(1.12)saturate(1.15);animation:.45s cubic-bezier(.34,1.56,.64,1) forwards gbtn-icon-hop}@media (prefers-reduced-motion:reduce){.gbtn:not(.gbtn-tab):hover img,.gbtn:not(.gbtn-tab):hover svg,.hub-label:hover img,.chip:hover img,.chip:hover svg{animation:none}}.gbtn[data-tip]{position:relative}.gbtn[data-tip]:after{content:attr(data-tip);border:2px solid var(--navy-deep);background:linear-gradient(180deg, #223468, var(--navy));color:var(--ivory);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;padding:.35rem .6rem;font-size:.66rem;font-weight:800;transition:opacity .15s,transform .15s;position:absolute;top:50%;right:calc(100% + .6rem);transform:translateY(-50%)translate(6px);box-shadow:0 6px 14px -6px #000c}.gbtn[data-tip]:hover:after,.gbtn[data-tip]:focus-visible:after{opacity:1;transform:translateY(-50%)translate(0)}.home-tabs{align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.gbtn-tab{border:3px solid var(--plum-sil);color:#fff;letter-spacing:.06em;width:9.6rem;height:4.4rem;text-shadow:0 2px 0 var(--plum-sil), 0 0 6px #0009;background:linear-gradient(90deg,#ffffff1a,#0000 22% 78%,#00000038),linear-gradient(#8a80a6 0%,#6a6088 12%,#564d6e 55%,#443c5c 80%,#2f2941 100%);border-top-color:#8c82a8;border-bottom:0;border-radius:16px 16px 4px 4px;flex-direction:column;justify-content:flex-end;align-items:center;padding:0;font-size:.82rem;display:flex;position:relative;overflow:visible;box-shadow:inset 0 2px #ffffff38,inset 0 -.55rem #2a2438,inset 0 -.62rem #ffffff0f,0 10px 16px -6px #000000d9,0 2px #00000059}.gbtn-tab:before{content:"";pointer-events:none;background:linear-gradient(#ffffff52,#fff0);border-radius:0 0 6px 6px;height:6px;position:absolute;top:0;left:6px;right:6px}.gbtn-tab img,.gbtn-tab svg{filter:drop-shadow(0 5px #14101e80)drop-shadow(0 8px 6px #00000059);width:3.9rem;height:3.9rem;transition:transform .18s;position:absolute;top:-.9rem;left:50%;transform:translate(-50%)}.gbtn-tab .tab-word{margin-bottom:.85rem;line-height:1;display:none}.gbtn-tab:hover{transform:translateY(-3px)}.gbtn-tab:hover img,.gbtn-tab:hover svg{filter:drop-shadow(0 7px #14101e73)drop-shadow(0 10px 8px #00000059)brightness(1.08);transform:translate(-50%)translateY(-5px)scale(1.12)}.gbtn-tab.is-active{color:#fff;text-shadow:0 2px #7a4a08,0 0 6px #00000073;background:linear-gradient(90deg,#ffffff2e,#0000 22% 78%,#783c0038),linear-gradient(#ffe27a 0%,#fbcd45 14%,#f2b52c 55%,#e19a1e 80%,#c47c12 100%);border-color:#ffe9a0 #6b3d05 #6b3d05;height:5.3rem;box-shadow:inset 0 2px #ffffff80,inset 0 -.6rem #a55f0c,inset 0 -.68rem #ffe69659,0 12px 18px -6px #000000d9,0 0 22px -4px #ffbe3c73,0 2px #00000059}.gbtn-tab.is-active:before{background:linear-gradient(#ffffff8c,#fff0)}.gbtn-tab.is-active img,.gbtn-tab.is-active svg{width:4.5rem;height:4.5rem;top:-1.4rem}.gbtn-tab.is-active .tab-word{display:block}.gbtn-tab .seal-badge{border:3px solid var(--ivory);width:1.45rem;height:1.45rem;box-shadow:0 0 0 2px var(--plum-sil), 0 3px 0 2px var(--plum-sil);font-size:.8rem;position:absolute;top:-.7rem;right:.35rem}.gbtn-tab .tab-lock{border:2px solid var(--plum-sil);width:1.5rem;height:1.5rem;box-shadow:0 3px 0 var(--plum-sil);background:linear-gradient(#4a4262,#2f2941);border-radius:7px;place-items:center;display:grid;position:absolute;top:-.7rem;right:.35rem}.gbtn-tab .tab-lock svg{filter:none;width:.85rem;height:.85rem;position:static;transform:none}.gbtn-tab:disabled{filter:saturate(.5)brightness(.8)}@media (width<=900px){.home-tabs{gap:4px}.gbtn-tab{width:4.6rem;height:3.8rem}.gbtn-tab.is-active{height:4.5rem;font-size:.6rem}}.home-panel.is-wide{width:min(66rem,96vw)}.guide{gap:1rem;min-height:0;display:flex}.guide-nav{flex-direction:column;flex:0 0 12rem;gap:.5rem;width:12rem;display:flex}.g-nav{letter-spacing:.06em;color:var(--ivory);background:linear-gradient(180deg, var(--plum-hi) 0%, var(--plum) 45%, var(--plum-lo) 100%);border-color:var(--plum-sil);box-shadow:inset 0 2px 0 #ffffff29, inset 0 -4px 0 #0000004d, 0 5px 0 var(--plum-sil), 0 8px 12px -6px #000c;justify-content:flex-start;gap:.6rem;padding:.45rem .6rem;font-size:.7rem}.g-nav img{filter:drop-shadow(0 3px #0006);width:2rem;height:2rem}.g-nav.is-active{color:#4a2a00;background:linear-gradient(#ffe27a 0%,#f4b52a 55%,#d78a17 100%);border-color:#6b3d05;box-shadow:inset 0 2px #ffffff80,inset 0 -4px #7846004d,0 5px #8a5d10,0 8px 12px -6px #000c}.guide-body{flex:1;min-width:0;max-height:calc(100vh - 15rem);padding-right:.4rem;overflow-y:auto}.g-title{font-family:var(--font-display);letter-spacing:.08em;color:var(--gold-hi);margin:0 0 .35rem;font-size:1.3rem}.g-lead{color:#e6ddcf;margin:0 0 .75rem;font-size:.82rem;line-height:1.45}.g-tip{border:2px solid var(--plum-sil);border-left:6px solid var(--gold);color:#e6ddcf;background:#241f338c;border-radius:10px;margin-top:.85rem;padding:.6rem .8rem;font-size:.72rem;line-height:1.45}.g-key{background:var(--ivory);border:2px solid var(--plum-sil);min-width:1.4rem;height:1.3rem;box-shadow:0 2px 0 var(--plum-sil);font-family:var(--font-num);color:#1f1a2e;vertical-align:middle;border-radius:6px;place-items:center;margin:0 .1rem;padding:0 .35rem;font-size:.62rem;font-weight:800;display:inline-grid}.g-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.75rem;display:grid}.g-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-card{border:2px solid var(--plum-sil);background:linear-gradient(#7d739847,#3a335080);border-radius:12px;gap:.6rem;padding:.6rem .7rem;display:flex;box-shadow:inset 0 2px #ffffff14}.g-card-icon img{filter:drop-shadow(0 4px #0006);width:3.2rem;height:3.2rem}.g-card-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--gold-hi);font-size:.74rem}.g-card-body{color:#ddd3c6;margin-top:.2rem;font-size:.7rem;line-height:1.4}.g-codex{margin-top:.75rem}.g-demo{border:3px solid var(--plum-sil);background:radial-gradient(60% 70% at 50% 100%,#3fcf6e2e,#0000),linear-gradient(#2c3d62,#1b2a48);border-radius:14px;height:9.5rem;position:relative;overflow:hidden;box-shadow:inset 0 3px #ffffff14,inset 0 -6px #0000004d}.g-demo-cap{color:#e6ddcf;letter-spacing:.02em;background:#241f33bf;padding:.35rem .7rem;font-size:.66rem;position:absolute;bottom:0;left:0;right:0}.g-castle{filter:drop-shadow(0 6px #00000059);width:6.4rem;height:6.4rem;position:absolute;bottom:2.2rem;left:6%}.g-castle.small{width:4.8rem;height:4.8rem;left:8%}.g-demo .beam{transform-origin:0;opacity:0;background:linear-gradient(90deg,#c9a8ff,#fff);border-radius:2px;height:4px;position:absolute;top:46%;left:18%;right:22%;box-shadow:0 0 12px #c9a8ff}.g-demo .foes{position:absolute;inset:0}.g-demo .foe{width:1.6rem;height:1.6rem;position:absolute;top:40%}.g-demo .foe i{border:2px solid var(--plum-sil);background:radial-gradient(circle at 40% 35%,#f2f2f2,#b8bcc9 70%,#7c86a3);border-radius:50% 50% 40% 40%;width:100%;height:100%;display:block;box-shadow:0 4px #00000059}.g-demo-merge{place-items:center;display:grid}.g-demo-merge .mimg{filter:drop-shadow(0 6px #00000059);width:5.6rem;height:5.6rem;position:absolute;top:1.1rem}.g-demo-merge .burst{opacity:0;background:radial-gradient(circle,#fff,#c9a8ff 40%,#0000 70%);border-radius:50%;width:3rem;height:3rem;position:absolute;top:3.4rem}.g-demo-ward .dome{clip-path:inset(0 0 50%);transform-origin:50% 100%;background:radial-gradient(circle at 50% 60%,#8a5cff0d,#8a5cff40);border:3px solid #c9a8ffe6;border-radius:50%;width:9.6rem;height:9.6rem;position:absolute;bottom:2.1rem;left:2%}.g-demo-ward .seg{border:2px solid var(--plum-sil);background:linear-gradient(#b7bdd0,#7c86a3);border-radius:4px;width:1.2rem;height:3.4rem;position:absolute;bottom:2.3rem;left:30%}.g-demo-ward .wisp{background:radial-gradient(circle,#fff,#59e7ff 60%);border-radius:50%;width:1.2rem;height:1.2rem;position:absolute;top:44%;left:36%;box-shadow:0 0 10px #59e7ff}.g-demo-ward .ram{border:2px solid var(--plum-sil);background:linear-gradient(#a86a3c,#6b3f1f);border-radius:4px;width:2.2rem;height:1.4rem;position:absolute;bottom:2.4rem;left:34%}.g-strip{border:3px solid var(--plum-sil);background:#241f3380;border-radius:12px;margin:.4rem 0 .2rem;padding:.6rem}.g-strip .w-row{grid-template-columns:repeat(10,1fr);gap:4px;display:grid;position:relative}.g-strip .w{border:2px solid var(--plum-sil);background:var(--plum-lo);font-family:var(--font-num);color:var(--ivory);border-radius:8px;flex-direction:column;align-items:center;padding:.35rem 0;display:flex}.g-strip .w b{font-size:.9rem}.g-strip .w small{letter-spacing:.06em;text-transform:uppercase;opacity:.8;font-size:.5rem}.g-strip .w.is-spike{background:#6b3350}.g-strip .w.is-breather{background:#2f5a48}.g-strip .w.is-champion{background:#7a5a12}.g-strip .w.is-boss{background:#8a2a2a}.g-strip .mark{background:var(--gold);width:10%;height:6px;box-shadow:0 0 8px var(--gold);border-radius:3px;position:absolute;top:-6px;left:0}.g-demo-xp{align-items:center;gap:1rem;padding:0 1.2rem;display:flex}.g-demo-xp .lv{position:relative}.g-demo-xp .shield{clip-path:polygon(50% 0,100% 14%,96% 62%,50% 100%,4% 62%,0 14%);width:3.6rem;height:4rem;font-family:var(--font-num);color:var(--gold-hi);background:linear-gradient(#7d7398,#3a3350);place-items:center;font-size:1.4rem;font-weight:800;display:grid}.g-demo-xp .sparkle{color:var(--gold-hi);opacity:0;position:absolute;top:-.4rem;right:-.6rem}.g-demo-xp .track{background:var(--plum-sil);border-radius:.5rem;flex:1;height:1rem;overflow:hidden;box-shadow:inset 0 3px #00000073}.g-demo-xp .fill{background:linear-gradient(90deg,#37d67a,#38e0ff);border-radius:.5rem;height:100%;display:block;box-shadow:inset 0 3px #fff6}.g-ladder{flex-direction:column;gap:.35rem;margin-top:.5rem;display:flex}.g-rung{border:2px solid var(--plum-sil);color:#b9b0c9;background:#3a335073;border-radius:10px;grid-template-columns:2rem 1fr auto auto;align-items:center;gap:.6rem;padding:.4rem .6rem;font-size:.7rem;display:grid}.g-rung.is-open{color:var(--ivory);background:linear-gradient(#7d739859,#3a33508c)}.g-rung-n{background:var(--plum-lo);border:2px solid var(--plum-sil);width:1.7rem;height:1.7rem;font-family:var(--font-num);border-radius:50%;place-items:center;font-weight:800;display:grid}.g-rung.is-open .g-rung-n{background:var(--gold);color:#4a2a00;border-color:#6b3d05}.g-rung-name{font-family:var(--font-display);letter-spacing:.06em}.g-rung-req,.g-rung-best{opacity:.85;font-size:.62rem}@media (width<=900px){.guide{flex-direction:column}.guide-nav{flex-flow:wrap;flex:none;width:auto}.g-grid,.g-grid-3{grid-template-columns:1fr}}.home{--font-game:"Bricolage Grotesque", "Arial Black", sans-serif;--font-game-body:"Nunito Sans", "Manrope Variable", sans-serif;--gold-sil:#6b3d05;--gold-text:#7a3b57;--cream:#f4ecdf;--cream-lo:#cdbfb0}.hb-top{font-family:var(--font-game);align-items:center;gap:1rem;display:flex;position:absolute;top:1rem;left:1.1rem}.hb-level{align-items:center;display:flex;position:relative}.hb-shield{z-index:2;isolation:isolate;clip-path:polygon(50% 0,100% 14%,96% 62%,50% 100%,4% 62%,0 14%);background:linear-gradient(#8c82a8 0%,#564d6e 50%,#3a3350 100%);flex:none;place-items:center;width:3.4rem;height:3.8rem;display:grid;position:relative}.hb-shield:before{content:"";clip-path:polygon(50% 0,100% 14%,96% 62%,50% 100%,4% 62%,0 14%);background:linear-gradient(#6e6588,#3f3856);position:absolute;inset:4px}.hb-shield b{z-index:1;text-align:center;width:100%;color:var(--cream);text-shadow:0 3px 0 var(--plum-sil);padding-top:.15rem;font-size:1.5rem;position:relative}.hb-pill{background:linear-gradient(180deg, var(--plum-hi), var(--plum) 45%, var(--plum-lo));border:3px solid var(--plum-sil);height:2.5rem;box-shadow:inset 0 2px 0 #ffffff29, 0 5px 0 var(--plum-sil), 0 9px 12px -6px #000c;color:var(--cream);text-shadow:0 2px 0 var(--plum-sil);font-variant-numeric:tabular-nums;border-radius:1.25rem;align-items:center;padding:0 1rem 0 2.6rem;font-size:1.15rem;display:inline-flex;position:relative}.hb-pill img{filter:drop-shadow(0 4px #241f338c);width:3.6rem;height:3.6rem;position:absolute;top:-.75rem;left:-.9rem}.hb-plus{border:2px solid var(--plum-sil);color:#10321c;width:1.5rem;height:1.5rem;font-family:var(--font-game);box-shadow:0 2px 0 var(--plum-sil);cursor:pointer;background:linear-gradient(#7cf0a4,#3fcf6e 60%,#23964a);border-radius:50%;place-items:center;margin-left:.7rem;font-size:1rem;line-height:1;display:grid}.hb-side{flex-direction:column;gap:.8rem;display:flex;position:absolute;top:1rem;right:1.1rem}.hb-sq{border:3px solid var(--plum-sil);background:linear-gradient(180deg, var(--plum-hi), var(--plum) 45%, var(--plum-lo));width:3.7rem;height:3.7rem;box-shadow:inset 0 2px 0 #ffffff29, 0 5px 0 var(--plum-sil), 0 9px 12px -6px #000c;cursor:pointer;color:var(--cream);border-radius:1rem;place-items:center;display:grid;position:relative}.hb-sq svg{filter:drop-shadow(0 3px #00000059);width:2rem;height:2rem}.hb-sq .seal-badge{position:absolute;top:-.5rem;right:-.5rem}.hb-sq[data-tip]:after{content:attr(data-tip);border:2px solid var(--plum-sil);background:var(--plum-lo);color:var(--cream);font-family:var(--font-game);letter-spacing:.06em;white-space:nowrap;box-shadow:0 4px 0 var(--plum-sil);opacity:0;pointer-events:none;border-radius:8px;padding:.35rem .6rem;font-size:.66rem;transition:opacity .15s,transform .15s;position:absolute;top:50%;right:calc(100% + .6rem);transform:translateY(-50%)translate(6px)}.hb-sq[data-tip]:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.hb-logo{pointer-events:none;flex-direction:column;align-items:center;width:15.5rem;display:flex;position:absolute;top:1.6rem;right:6.4rem}.hb-emblem{z-index:2;width:3.6rem;height:3.6rem;filter:drop-shadow(0 4px 0 var(--plum-sil));margin-bottom:-.35rem;position:relative}.hb-word{font-family:var(--font-game);letter-spacing:-.005em;color:var(--gold);-webkit-text-stroke:2.5px var(--plum-sil);paint-order:stroke fill;text-shadow:0 3px 0 var(--gold-lo), 0 6px 0 var(--plum-lo), 0 9px 0 var(--plum-lo), 0 12px 0 var(--plum-sil), 0 15px 0 var(--plum-sil), 0 22px 16px #241f3399;font-size:3.6rem;font-weight:800;line-height:.84}.hb-word.is-heart{color:var(--cream);text-shadow:0 3px 0 var(--cream-lo), 0 6px 0 var(--plum-lo), 0 9px 0 var(--plum-lo), 0 12px 0 var(--plum-sil), 0 15px 0 var(--plum-sil), 0 22px 16px #241f3399;font-size:3rem}.hb-card{border:4px solid var(--plum-sil);width:21.5rem;box-shadow:inset 0 3px 0 var(--plum-hi), inset 0 -4px 0 var(--plum-lo), 0 8px 0 var(--plum-lo), 0 8px 0 4px var(--plum-sil), 0 20px 30px -12px #000000e6;font-family:var(--font-game-body);background:#4a4262db;border-radius:1.4rem;padding:1.9rem 1rem 1rem;position:absolute;top:15.6rem;right:2.6rem}.hb-ribbon{align-items:center;gap:.6rem;display:flex;position:absolute;top:-1.4rem;left:50%;transform:translate(-50%)}.hb-name{background:linear-gradient(180deg, var(--gold-hi) 0%, var(--gold) 45%, var(--gold-lo) 100%);border:3px solid var(--gold-sil);font-family:var(--font-game);letter-spacing:.02em;text-transform:uppercase;color:var(--gold-text);white-space:nowrap;clip-path:polygon(0 50%,10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%);box-shadow:inset 0 3px 0 #ffffff73, inset 0 -3px 0 var(--gold-lo);padding:.5rem 1.4rem .45rem;font-size:1.15rem}.hb-arr{border:3px solid var(--plum-sil);background:linear-gradient(180deg, var(--plum-hi), var(--plum) 45%, var(--plum-lo));width:2.1rem;height:2.2rem;box-shadow:inset 0 2px 0 #ffffff29, 0 4px 0 var(--plum-sil);color:var(--cream);font-family:var(--font-game);cursor:pointer;border-radius:.6rem;font-size:1rem}.hb-arr:disabled{opacity:.45;cursor:default}.hb-tier{text-align:center;font-family:var(--font-game);letter-spacing:.14em;text-transform:uppercase;color:var(--cream-lo);font-size:.72rem}.hb-tiles{gap:.8rem;margin-top:.7rem;display:flex}.hb-tile{border:3px solid var(--plum-sil);background:linear-gradient(#3a3350,#2c2740);border-radius:1rem;flex-direction:column;flex:1;justify-content:space-between;align-items:center;height:7.6rem;padding:.5rem .4rem;display:flex;box-shadow:inset 0 3px #ffffff14,inset 0 -4px #00000059}.hb-cap{font-family:var(--font-game);letter-spacing:.08em;text-transform:uppercase;color:var(--cream);font-size:.68rem}.hb-tile img{filter:drop-shadow(0 4px #0006);width:3.6rem;height:3.6rem}.hb-val{font-family:var(--font-game);color:#fff;text-shadow:0 2px 0 var(--plum-sil);font-size:1.3rem}.hb-ledger{background:var(--plum-sil);border-radius:.45rem;height:.85rem;margin:.8rem .2rem 0;overflow:hidden;box-shadow:inset 0 3px #00000073}.hb-ledger i{background:linear-gradient(#d3b3ff,#ab72ff 50%,#7d47d6);border-radius:.45rem;height:100%;display:block}.hb-next{text-align:center;color:var(--cream-lo);margin-top:.45rem;font-size:.72rem;font-weight:800}.hb-next b{color:#d3b3ff}.hb-play{border:3px solid var(--gold-sil);cursor:pointer;transform-origin:50% 60%;will-change:transform;background:linear-gradient(#ffe27a 0%,#fbcd45 16%,#f2b52c 60%,#e19a1e 85%,#c47c12 100%);border-radius:1.2rem;justify-content:center;align-items:center;gap:.9rem;width:100%;height:5.2rem;margin-top:.8rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 3px #ffffff80,inset 0 -7px #a55f0c,0 7px #7a4a08,0 12px 18px -6px #000000d9,0 0 26px -4px #ffbe3c73}.hb-play img{filter:drop-shadow(0 3px #78460080);width:3.4rem;height:3.4rem}.hb-play-word{font-family:var(--font-game);letter-spacing:.04em;color:var(--gold-text);text-shadow:0 2px #ffffff73;padding-bottom:.3rem;font-size:2.6rem;line-height:1}.hb-play:disabled{filter:saturate(.6)brightness(.85)}.hb-hint{text-align:center;letter-spacing:.05em;color:var(--cream-lo);margin-top:.6rem;font-size:.66rem;font-weight:800}@media (width<=900px){.hb-logo{display:none}.hb-card{width:auto;inset:auto .6rem 6.6rem}.hb-top{gap:.5rem}.hb-xp{width:8rem}}.home-panel{border:4px solid var(--plum-sil);box-shadow:inset 0 3px 0 var(--plum-hi), inset 0 -4px 0 var(--plum-lo), 0 8px 0 var(--plum-lo), 0 8px 0 4px var(--plum-sil), 0 24px 40px -14px #000000e6;font-family:var(--font-game-body);background:#4a4262f0;border-radius:1.4rem}.home-panel header{border-bottom:3px solid var(--plum-sil)}.home-panel header h2,.g-title,.g-card-title,.g-nav,.panel-row .name{font-family:var(--font-game);letter-spacing:.04em}.home-panel header h2{color:var(--gold-hi);text-shadow:0 2px 0 var(--plum-sil)}.home-panel header img,.home-panel header svg{width:2.6rem;height:2.6rem}.home-panel header .gbtn-secondary{background:linear-gradient(180deg, var(--plum-hi), var(--plum) 45%, var(--plum-lo));border-color:var(--plum-sil);color:var(--cream);box-shadow:inset 0 2px 0 #ffffff29, 0 4px 0 var(--plum-sil);font-family:var(--font-game)}.g-card{align-items:center}.g-card-icon{flex:0 0 3.6rem}.g-card-icon img{width:3.6rem;max-width:none;height:3.6rem}.g-lead,.g-card-body,.g-tip,.hb-next,.hb-hint{font-family:var(--font-game-body)}.panel-row{border:2px solid var(--plum-sil);background:linear-gradient(#7d739847,#3a335080)}@media (width<=900px){.gbtn-tab img,.gbtn-tab svg{width:2.7rem;height:2.7rem;top:-.7rem}.gbtn-tab.is-active img,.gbtn-tab.is-active svg{width:3.1rem;height:3.1rem;top:-1rem}.gbtn-tab .tab-word{margin-bottom:.7rem;font-size:.6rem}.hb-top{flex-wrap:wrap;gap:.7rem;top:.6rem;left:.6rem;right:5rem}.hb-shield{width:2.6rem;height:2.9rem}.hb-shield b{font-size:1.1rem}.hb-xp{width:7.5rem;height:2rem;padding-left:1.2rem}.hb-pill{height:2.1rem;padding:0 .7rem 0 2rem;font-size:.95rem}.hb-pill img{width:2.7rem;height:2.7rem;top:-.5rem;left:-.7rem}.hb-plus{width:1.2rem;height:1.2rem;margin-left:.4rem;font-size:.8rem}.hb-side{gap:.5rem;top:.6rem;right:.6rem}.hb-sq{width:2.8rem;height:2.8rem}.hb-sq svg{width:1.5rem;height:1.5rem}.hb-card{padding-top:1.7rem}.hb-tile{height:6.2rem}.hb-play{height:4.2rem}.hb-play-word{font-size:2rem}}.hb-crest{z-index:2;width:3.6rem;height:4rem;filter:drop-shadow(0 4px 0 var(--plum-sil)) drop-shadow(0 8px 10px #00000080);flex:none;display:block;position:relative}.hb-crest svg{width:100%;height:100%;display:block}.hb-crest b{font-family:var(--font-game);color:#fff;text-shadow:0 2px #1a2a52,0 0 6px #0009;place-items:center;padding-bottom:.2rem;font-size:1.6rem;display:grid;position:absolute;inset:0}.hb-pill img[src$=\.svg]{width:3.2rem;height:3.2rem;top:-.5rem;left:-.8rem}.hb-tile img[src$=\.svg]{width:3.4rem;height:3.4rem}.hb-xp{z-index:1;background:linear-gradient(180deg, var(--plum-hi), var(--plum) 45%, var(--plum-lo));border:3px solid var(--plum-sil);width:14rem;height:2.6rem;box-shadow:inset 0 2px 0 #ffffff29, 0 5px 0 var(--plum-sil), 0 9px 12px -6px #000c;border-radius:1.3rem;margin-left:-.7rem;padding:.3rem .6rem .3rem 1.3rem;position:relative}.hb-xp-track{background:var(--plum-sil);border-radius:.7rem;position:absolute;inset:.4rem .5rem .4rem 1.2rem;overflow:hidden;box-shadow:inset 0 3px #00000073}.hb-xp-track i{background:linear-gradient(#a6ecff 0%,#4fb6ef 55%,#2a7fd0 100%);border-radius:.7rem;height:100%;transition:width .4s;display:block;box-shadow:inset 0 3px #ffffff8c,inset 0 -3px #0003}.hb-xp em{font-style:normal;font-family:var(--font-game);letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 2px #0000008c,0 0 4px #00000080;justify-content:space-between;align-items:center;padding:0 .7rem 0 .8rem;font-size:.66rem;display:flex;position:absolute;inset:0 .5rem 0 1.2rem}.hb-crest b{padding-top:.55rem;padding-bottom:0;font-size:1.55rem}@media (width<=900px){.hb-xp{width:9rem;height:2.2rem}.hb-xp em{font-size:.55rem}}.hb-road{background:var(--plum-sil);border-radius:.65rem;height:1.25rem;margin:.8rem .2rem 0;position:relative;overflow:hidden;box-shadow:inset 0 3px #00000073}.hb-road i{background:linear-gradient(#ffe58a 0%,#f6c945 55%,#e0913c 100%);border-radius:.65rem;height:100%;display:block;box-shadow:inset 0 3px #ffffff73}.hb-road span{font-family:var(--font-game);letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 2px #0000008c;z-index:1;place-items:center;font-size:.6rem;display:grid;position:absolute;inset:0}.hb-daily{border:3px solid var(--plum-sil);background:linear-gradient(180deg, var(--plum-hi), var(--plum) 45%, var(--plum-lo));width:100%;height:3rem;box-shadow:inset 0 2px 0 #ffffff29, 0 5px 0 var(--plum-sil);color:var(--cream);font-family:var(--font-game);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:.9rem;justify-content:center;align-items:center;gap:.6rem;margin-top:.7rem;font-size:.95rem;display:flex;position:relative}.hb-daily img{filter:drop-shadow(0 3px #0006);width:2.4rem;height:2.4rem}.hb-daily small{font-family:var(--font-game-body);text-transform:none;color:#d3b3ff;font-size:.7rem}.home-panel.is-wide{flex-direction:column;height:min(40rem,100vh - 9rem);display:flex}.home-panel.is-wide .body{flex:1;min-height:0;max-height:none;overflow:hidden}.home-panel.is-wide .guide{height:100%}.guide-body{scrollbar-width:thin;scrollbar-color:var(--gold) var(--plum-sil);height:100%;max-height:none}.guide-body::-webkit-scrollbar{width:10px}.home-panel .body::-webkit-scrollbar{width:10px}.guide-body::-webkit-scrollbar-track{background:var(--plum-sil);border:2px solid var(--plum-lo);border-radius:5px}.home-panel .body::-webkit-scrollbar-track{background:var(--plum-sil);border:2px solid var(--plum-lo);border-radius:5px}.guide-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--gold-hi), var(--gold) 50%, var(--gold-lo));border:2px solid var(--gold-sil);border-radius:5px}.home-panel .body::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--gold-hi), var(--gold) 50%, var(--gold-lo));border:2px solid var(--gold-sil);border-radius:5px}.home-panel .body{scrollbar-width:thin;scrollbar-color:var(--gold) var(--plum-sil)}.hb-sq img{filter:drop-shadow(0 3px #00000059);width:2.1rem;height:2.1rem}.hb-beta{border:2px solid var(--plum-sil);color:#fff4e6;font-family:var(--font-game);letter-spacing:.16em;box-shadow:0 3px 0 var(--plum-sil);pointer-events:none;background:linear-gradient(#ff8a3c,#d95a1f);border-radius:8px;padding:.25rem .55rem;font-size:.62rem;font-weight:800;position:absolute;top:1.35rem;right:5.6rem}.hb-update,.hb-notice{z-index:8;border:3px solid var(--plum-sil);background:linear-gradient(180deg, var(--plum-hi), var(--plum) 45%, var(--plum-lo));color:var(--cream);font-family:var(--font-game-body);box-shadow:0 5px 0 var(--plum-sil), 0 12px 22px -10px #000000e6;cursor:pointer;white-space:nowrap;border-radius:12px;padding:.5rem 1rem;font-size:.82rem;font-weight:700;position:absolute;top:5.4rem;left:50%;transform:translate(-50%)}.hb-update b{color:var(--gold-hi)}.hb-notice{cursor:default}.set-grid{gap:.7rem;display:grid}.set-row{border:2px solid var(--plum-sil);background:#241f338c;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .85rem;display:flex}.set-row.set-col{flex-direction:column;align-items:stretch;gap:.6rem}.set-row b{font-family:var(--font-game);color:var(--cream);font-size:.9rem;font-weight:800;display:block}.set-row small{color:#cdc4e0;max-width:34ch;margin-top:.15rem;font-size:.74rem;line-height:1.35;display:block}.set-row.set-col small{max-width:none}.set-actions{flex-wrap:wrap;gap:.5rem;display:flex}.set-row .gbtn{white-space:nowrap;flex:none;text-decoration:none}.set-row .gbtn.is-danger{background:linear-gradient(#ff6b6b,#b8262a 60%,#7d1418)}.set-code{resize:none;border:2px solid var(--plum-sil);width:100%;color:var(--cream);word-break:break-all;background:#1a1626;border-radius:8px;padding:.5rem .6rem;font:600 .72rem/1.4 ui-monospace,monospace}.set-foot{color:#a79dbd;flex-wrap:wrap;justify-content:space-between;gap:.4rem;padding:.2rem .3rem 0;font-size:.68rem;display:flex}.set-foot a{color:var(--gold-hi);text-decoration:none}.set-msg{border:2px solid var(--plum-sil);background:var(--gold);color:#241f33;font-family:var(--font-game);letter-spacing:.06em;text-transform:uppercase;border-radius:8px;padding:.35rem .8rem;font-size:.72rem;font-weight:800;position:absolute;bottom:.9rem;left:50%;transform:translate(-50%)}.wn-list{gap:.7rem;display:grid}.wn-entry{border:2px solid var(--plum-sil);background:#241f338c;border-radius:12px;padding:.7rem .85rem}.wn-entry header{justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.35rem;display:flex}.wn-entry b{font-family:var(--font-game);color:var(--gold-hi);font-weight:800}.wn-entry small{color:#a79dbd;font-size:.68rem}.wn-entry ul{color:var(--cream);margin:0;padding-left:1.1rem;font-size:.8rem;line-height:1.4}.consent-bar{z-index:9;border:3px solid var(--plum-sil);background:linear-gradient(180deg, var(--plum), var(--plum-lo));max-width:min(92vw,760px);color:var(--cream);font-family:var(--font-game-body);box-shadow:0 5px 0 var(--plum-sil), 0 14px 24px -10px #000000e6;border-radius:14px;align-items:center;gap:.9rem;padding:.55rem .9rem;font-size:.78rem;font-weight:700;display:flex;position:absolute;top:5.4rem;left:50%;transform:translate(-50%)}.consent-bar a{color:var(--gold-hi)}@media (width<=720px){.consent-bar{text-align:center;flex-direction:column;align-items:stretch}.hb-beta{right:5.2rem}}