@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/dbbdd2d89d2ef0ef-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a06229eb79a83cfc-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c9e224327ce7933e-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/d85064eaed4b8683-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/db234bd00cda6a96-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Press Start\ 2P Fallback;src:local("Arial");ascent-override:44.58%;descent-override:0.00%;line-gap-override:0.00%;size-adjust:224.32%}.__className_6d0c14{font-family:Press Start\ 2P,Press Start\ 2P Fallback;font-weight:400;font-style:normal}.__variable_6d0c14{--font-pixel:"Press Start 2P","Press Start 2P Fallback"}@font-face{font-family:Cinzel;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/b497598118275079-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Cinzel;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a273567b21a7c318-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Cinzel;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/b497598118275079-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Cinzel;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/a273567b21a7c318-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Cinzel;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/b497598118275079-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Cinzel;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/a273567b21a7c318-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Cinzel Fallback;src:local("Times New Roman");ascent-override:71.31%;descent-override:27.18%;line-gap-override:0.00%;size-adjust:136.86%}.__className_d9d237{font-family:Cinzel,Cinzel Fallback;font-style:normal}.__variable_d9d237{--font-cinzel:"Cinzel","Cinzel Fallback"}:root{--bg:#060504;--bg-warm:#1a1408;--stone-1:#141210;--stone-2:#1e1b17;--stone-3:#2a2520;--stone-4:#38302a;--stone-5:#48403a;--gold:#d4a017;--gold-bright:#f5c840;--gold-dim:#7a5a0a;--grass-top:#5a8a3c;--grass-dark:#3a5c28;--dirt:#6b4423;--parchment:#c8b07a;--text-bright:#f0e0b0;--text-main:#d4c48a;--text-dim:#7a6a48;--text-muted:#3e3428;--red-bright:#c03030;--green-online:#4caf50;--panel-bg:#0a0806;--panel-border:#2a2218;--input-bg:#141008;--input-border:#2e2618;--btn-bg:#1e1810;--btn-border:#7a5a10;--btn-hover:#2e2418}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text-main);font-family:var(--font-cinzel,"Georgia",serif);-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;min-height:100dvh}@keyframes twinkle{0%,to{opacity:.12;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}}@keyframes ember-rise{0%{transform:translateY(0) translateX(0) scale(1);opacity:.9}60%{opacity:.45}to{transform:translateY(-140px) translateX(var(--drift,12px)) scale(.15);opacity:0}}@keyframes logo-glow{0%,to{text-shadow:0 0 30px rgba(212,160,23,.45),0 0 80px rgba(212,160,23,.18),0 0 0 transparent}50%{text-shadow:0 0 45px rgba(245,200,64,.65),0 0 110px rgba(212,160,23,.3),0 0 200px rgba(212,160,23,.08)}}@keyframes shimmer{0%{background-position:-300%}to{background-position:300%}}@keyframes fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes btn-glow{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 18px 3px rgba(212,160,23,.18)}}@keyframes online-ping{0%{transform:scale(1);opacity:.85}to{transform:scale(3);opacity:0}}@keyframes flicker{0%,88%,92%,96%,to{opacity:1}90%{opacity:.7}94%{opacity:.85}}@keyframes char-walk{0%{transform:translateX(0)}to{transform:translateX(calc(100vw + 64px))}}.game-bg{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 68%,#1c1508 0,#0c0a06 42%,var(--bg) 100%)}.game-bg:before{background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.055) 0,rgba(0,0,0,.055) 4px);z-index:20}.game-bg:after,.game-bg:before{content:"";position:fixed;inset:0;pointer-events:none}.game-bg:after{background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.6) 100%);z-index:1}.stars{inset:0;z-index:0;pointer-events:none}.star,.stars{position:absolute}.star{border-radius:50%;background:#fff;animation:twinkle var(--dur,3s) ease-in-out infinite;animation-delay:var(--delay,0s)}.particles{position:absolute;inset:0;z-index:2;pointer-events:none}.particle{position:absolute;bottom:0;width:2px;height:2px;border-radius:50%;background:var(--gold);animation:ember-rise var(--dur,4s) ease-out infinite;animation-delay:var(--delay,0s)}.splash-content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;padding:0 24px 200px;text-align:center}.logo-wrap{animation:fade-up .9s ease both;margin-bottom:18px}.logo{font-family:var(--font-pixel,monospace);font-size:clamp(1.5rem,4.2vw,3.4rem);margin:0 0 12px;line-height:1.3;letter-spacing:.06em;background:linear-gradient(90deg,#b87e08,#f5c840 22%,#d4a017 42%,#fff0a0 52%,#d4a017 62%,#f5c840 80%,#b87e08);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 9s linear infinite,logo-glow 4s ease-in-out infinite}.tagline{font-family:var(--font-cinzel,serif);font-size:clamp(.6rem,1.5vw,.85rem);letter-spacing:.45em;text-transform:uppercase;color:var(--parchment);margin:0;opacity:.8;animation:fade-up .9s ease .15s both}.logo-rule{width:260px;margin:22px auto;height:1px;position:relative;background:linear-gradient(90deg,transparent,var(--gold-dim),var(--gold),var(--gold-dim),transparent);animation:fade-up .9s ease .25s both}.logo-rule:before{content:"⚜";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--gold-dim);background:#0c0a06;padding:0 10px;font-size:.85rem;line-height:1}.online-badge{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-cinzel,serif);font-size:.7rem;color:var(--text-dim);letter-spacing:.22em;text-transform:uppercase;animation:fade-up .9s ease .35s both}.online-dot-wrap{position:relative;width:10px;height:10px;flex-shrink:0}.online-dot,.online-dot:after{position:absolute;inset:0;border-radius:50%;background:var(--green-online)}.online-dot:after{content:"";animation:online-ping 1.9s ease-out infinite}.play-link{text-decoration:none;display:inline-block;margin-top:38px;animation:fade-up .9s ease .5s both}.play-btn{display:block;padding:18px 68px;font-family:var(--font-pixel,monospace);font-size:clamp(.55rem,1.3vw,.78rem);letter-spacing:.14em;color:var(--gold-bright);background:var(--btn-bg);border:2px solid var(--btn-border);cursor:pointer;position:relative;transition:background .15s,border-color .15s,color .1s;animation:btn-glow 3.5s ease-in-out infinite;white-space:nowrap}.play-btn:after,.play-btn:before{content:"";position:absolute;width:10px;height:10px;border-color:var(--gold-dim);border-style:solid;transition:border-color .15s}.play-btn:before{top:-3px;left:-3px;border-width:2px 0 0 2px}.play-btn:after{bottom:-3px;right:-3px;border-width:0 2px 2px 0}.play-link:hover .play-btn{background:var(--btn-hover);border-color:var(--gold);color:#fff}.play-link:hover .play-btn:after,.play-link:hover .play-btn:before{border-color:var(--gold)}.features{display:flex;gap:clamp(20px,5vw,64px);margin-top:54px;animation:fade-up .9s ease .7s both}.feature{display:flex;flex-direction:column;align-items:center;gap:8px}.feature-icon{font-size:1.6rem;line-height:1;animation:flicker 8s ease-in-out infinite}.feature-label{font-family:var(--font-cinzel,serif);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim)}.terrain{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;z-index:3;pointer-events:none}.terrain-col{flex:1 1;min-width:0;background:var(--dirt);position:relative;border-right:1px solid rgba(0,0,0,.28)}.terrain-col:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:linear-gradient(180deg,#7ec452 0,var(--grass-top) 45%,var(--grass-dark) 100%)}.terrain-col:nth-child(odd){background-color:#633d1e}.terrain-col:nth-child(2n){background-color:#5a3518;filter:brightness(.9)}.login-panel{position:relative;z-index:5;width:min(400px,calc(100vw - 48px));background:var(--panel-bg);border:1px solid var(--panel-border);padding:40px 36px 36px;animation:fade-up .65s ease both}.login-panel:after,.login-panel:before{content:"";position:absolute;width:20px;height:20px;border-color:var(--gold-dim);border-style:solid}.login-panel:before{top:-2px;left:-2px;border-width:2px 0 0 2px}.login-panel:after{bottom:-2px;right:-2px;border-width:0 2px 2px 0}.login-logo{font-family:var(--font-pixel,monospace);font-size:clamp(.72rem,1.8vw,.95rem);text-align:center;margin:0 0 6px;background:linear-gradient(90deg,#c8900a,#f5c840,#c8900a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{font-family:var(--font-cinzel,serif);font-size:.6rem;letter-spacing:.38em;text-transform:uppercase;text-align:center;color:var(--text-muted);margin:0 0 22px}.login-divider{height:1px;background:linear-gradient(90deg,transparent,var(--stone-4),transparent);margin-bottom:24px}.form-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field-label{font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;color:var(--text-dim)}.field-input,.field-label{font-family:var(--font-cinzel,serif)}.field-input{padding:11px 14px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-bright);font-size:.88rem;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;border-radius:0}.field-input::placeholder{color:var(--text-muted)}.field-input:focus{border-color:var(--gold-dim);box-shadow:inset 0 0 0 1px rgba(122,90,10,.25),0 0 10px rgba(212,160,23,.07)}.form-error{font-family:var(--font-cinzel,serif);font-size:.67rem;letter-spacing:.05em;color:var(--red-bright);padding:10px 12px;border-left:2px solid var(--red-bright);background:rgba(120,28,28,.12);margin-bottom:6px}.submit-btn{display:block;width:100%;margin-top:6px;padding:15px;font-family:var(--font-pixel,monospace);font-size:.62rem;letter-spacing:.14em;color:var(--gold-bright);background:var(--btn-bg);border:1px solid var(--btn-border);cursor:pointer;transition:background .15s,border-color .15s,color .1s,opacity .15s;text-transform:uppercase;position:relative}.submit-btn:after,.submit-btn:before{content:"";position:absolute;width:8px;height:8px;border-color:var(--gold-dim);border-style:solid;transition:border-color .15s}.submit-btn:before{top:-2px;left:-2px;border-width:2px 0 0 2px}.submit-btn:after{bottom:-2px;right:-2px;border-width:0 2px 2px 0}.submit-btn:hover:not(:disabled){background:var(--btn-hover);border-color:var(--gold);color:#fff}.submit-btn:hover:not(:disabled):after,.submit-btn:hover:not(:disabled):before{border-color:var(--gold)}.submit-btn:disabled{opacity:.42;cursor:not-allowed}.toggle-btn{display:block;width:100%;margin-top:10px;padding:11px;font-family:var(--font-cinzel,serif);font-size:.67rem;letter-spacing:.12em;color:var(--text-dim);background:transparent;border:1px solid var(--stone-3);cursor:pointer;transition:color .15s,border-color .15s;text-transform:uppercase}.toggle-btn:hover{color:var(--parchment);border-color:var(--stone-5)}.world-overlay{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden;background:radial-gradient(ellipse at 50% 68%,#1c1508 0,#0c0a06 42%,var(--bg) 100%);transition:opacity 1s ease}.world-overlay:before{background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.055) 0,rgba(0,0,0,.055) 4px);z-index:20}.world-overlay:after,.world-overlay:before{content:"";position:fixed;inset:0;pointer-events:none}.world-overlay:after{background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.6) 100%);z-index:1}.overlay-content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;padding:0 24px 200px;text-align:center;animation:fade-up .7s ease both;margin:auto 0}.overlay-logo{font-family:var(--font-pixel,monospace);font-size:clamp(1rem,2.8vw,2rem);margin:0 0 6px;letter-spacing:.06em;background:linear-gradient(90deg,#b87e08,#f5c840,#d4a017,#f5c840,#b87e08);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 9s linear infinite}.loading-layout{padding-bottom:40px;gap:0;max-width:860px;width:calc(100vw - 48px)}.loading-columns{display:flex;gap:32px;width:100%;align-items:stretch}.loading-col{display:flex;flex-direction:column;gap:0;min-width:0}.loading-col-left{flex:1.2 1;align-items:stretch}.loading-col-right{flex:1 1;align-items:center;justify-content:center}@media (max-width:767px){.loading-layout{max-width:420px}.loading-columns{flex-direction:column-reverse;gap:12px}}.loading-hook{font-family:var(--font-cinzel,serif);font-size:clamp(.8rem,2vw,1.1rem);letter-spacing:.3em;text-transform:uppercase;color:var(--parchment);margin:8px 0 18px;opacity:0;animation:fade-up .6s ease .3s forwards;text-shadow:0 0 14px rgba(212,160,23,.2)}.depth-cross-section{border:1px solid rgba(255,255,255,.08);border-radius:4px;opacity:0;animation:fade-up .7s ease .5s forwards}.depth-cross-section,.depth-layer{position:relative;width:100%;overflow:hidden}.depth-layer{display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.4)}.depth-layer:last-child{border-bottom:none}.depth-label{position:absolute;left:10px;font-family:var(--font-pixel,monospace);font-size:clamp(.4rem,1vw,.52rem);letter-spacing:.15em;text-transform:uppercase;z-index:2}.safe-zone-glow{position:absolute;inset:0;background:linear-gradient(180deg,rgba(126,196,82,.12),transparent);pointer-events:none}.depth-wizard{bottom:4px;filter:drop-shadow(0 0 3px rgba(0,0,0,.8));opacity:0;animation:fade-up .4s ease forwards;animation-delay:calc(.8s + var(--layer-index, 0) * .12s)}.depth-skull,.depth-wizard{position:absolute;transform:translateX(-50%);z-index:2}.depth-skull{bottom:6px;font-size:10px;opacity:.5}.depth-arrow{position:absolute;right:10px;font-size:8px}.depth-label-side{position:absolute;right:-44px;font-family:var(--font-pixel,monospace);font-size:.36rem;letter-spacing:.1em;text-transform:uppercase;writing-mode:vertical-rl;white-space:nowrap}.depth-label-top{top:4px}.depth-label-bottom{bottom:4px}@keyframes rule-fadein{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.loading-rules{display:flex;flex-direction:column;gap:6px;margin:16px 0 18px;align-self:stretch;padding-left:12px}.loading-rule{font-family:var(--font-pixel,monospace);font-size:clamp(.44rem,1.1vw,.58rem);letter-spacing:.08em;opacity:0;animation:rule-fadein .5s ease forwards;animation-delay:calc(.9s + var(--rule-index, 0) * .35s)}.loading-rule:before{content:"\25B8  ";opacity:.5}.controls-preview{display:flex;gap:clamp(16px,4vw,36px);justify-content:center;align-items:flex-end;opacity:0;animation:fade-up .6s ease 2s forwards;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.05);-moz-user-select:none;user-select:none;-webkit-user-select:none}.control-group{gap:6px}.control-group,.control-keys{display:flex;flex-direction:column;align-items:center}.control-keys{gap:2px}.control-key-row{display:flex;gap:2px;align-items:center}.ctl-key{display:inline-flex;align-items:center;justify-content:center;background:rgba(170,68,255,.12);border:1px solid rgba(170,68,255,.5);border-bottom:2px solid rgba(119,34,204,.6);border-radius:3px;padding:2px 6px;font-family:var(--font-pixel,monospace);font-size:.44rem;font-weight:700;color:#cc88ff;min-width:22px;min-height:18px;letter-spacing:.5px}.ctl-key-sm{padding:1px 4px;font-size:.36rem;min-width:18px;min-height:14px}.ctl-key-wide{padding:2px 8px;min-width:36px}.control-or{font-size:.44rem;color:#555;margin:0 4px}.control-label,.control-or{font-family:var(--font-cinzel,serif)}.control-label{font-size:clamp(.44rem,1vw,.56rem);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.onboarding-panel{background:var(--panel-bg);border:1px solid var(--panel-border);padding:32px 32px 28px;width:min(440px,calc(100vw - 48px));position:relative}.onboarding-panel:after,.onboarding-panel:before{content:"";position:absolute;width:18px;height:18px;border-color:var(--gold-dim);border-style:solid}.onboarding-panel:before{top:-2px;left:-2px;border-width:2px 0 0 2px}.onboarding-panel:after{bottom:-2px;right:-2px;border-width:0 2px 2px 0}.onboarding-title{font-family:var(--font-pixel,monospace);font-size:clamp(.6rem,1.6vw,.82rem);letter-spacing:.08em;color:var(--gold-bright);margin:0 0 5px;text-align:center}.onboarding-sub{font-family:var(--font-cinzel,serif);font-size:.6rem;letter-spacing:.36em;text-transform:uppercase;color:var(--text-muted);margin:0 0 22px;text-align:center}.onboarding-divider{height:1px;background:linear-gradient(90deg,transparent,var(--stone-4),transparent);margin-bottom:22px}.controls-grid{display:grid;grid-template-columns:auto 1fr;grid-gap:11px 18px;gap:11px 18px;margin-bottom:26px;align-items:center}.key-badge{font-family:var(--font-pixel,monospace);font-size:.48rem;letter-spacing:.04em;color:var(--gold-bright);background:var(--stone-3);border:1px solid var(--stone-5);padding:5px 9px;white-space:nowrap;text-align:center;min-width:90px;line-height:1.4}.key-desc{font-family:var(--font-cinzel,serif);font-size:.7rem;letter-spacing:.1em;color:var(--text-main)}.begin-btn{display:block;width:100%;padding:15px;font-family:var(--font-pixel,monospace);font-size:.6rem;letter-spacing:.14em;color:var(--gold-bright);background:var(--btn-bg);border:1px solid var(--btn-border);cursor:pointer;transition:background .15s,border-color .15s,color .1s;text-transform:uppercase;position:relative;animation:btn-glow 3.5s ease-in-out infinite}.begin-btn:after,.begin-btn:before{content:"";position:absolute;width:8px;height:8px;border-color:var(--gold-dim);border-style:solid;transition:border-color .15s}.begin-btn:before{top:-2px;left:-2px;border-width:2px 0 0 2px}.begin-btn:after{bottom:-2px;right:-2px;border-width:0 2px 2px 0}.begin-btn:hover{background:var(--btn-hover);color:#fff}.begin-btn:hover,.begin-btn:hover:after,.begin-btn:hover:before{border-color:var(--gold)}.char-preview-wrap{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:20px}.char-figure{display:flex;flex-direction:column;align-items:center;gap:1px;image-rendering:pixelated}.char-head{width:18px;height:18px;background:#f5c08a;border:1px solid rgba(0,0,0,.35)}.char-body{display:flex;gap:1px;align-items:flex-start}.char-arm{width:5px;margin-top:1px}.char-arm,.char-torso{height:28px;border:1px solid rgba(0,0,0,.35)}.char-torso{width:16px}.char-legs{display:flex;gap:2px}.char-leg{width:6px}.char-leg,.char-robe-skirt{height:14px;border:1px solid rgba(0,0,0,.35)}.char-robe-skirt{width:18px;margin-bottom:0}.char-hat{display:flex;flex-direction:column;align-items:center;gap:0}.char-hat-cone{width:22px;height:18px;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.char-hat-band{width:18px;height:4px;background:#c8a434}.char-hat-brim{width:30px;height:5px;border-radius:1px;margin-bottom:1px}.char-body-wrap{position:relative}.char-body-wrap,.char-staff-wrap{display:flex;flex-direction:column;align-items:center}.char-staff-wrap{position:absolute;left:calc(100% + 3px);top:-24px;gap:0}.char-staff-orb{width:8px;height:8px;border-radius:50%;background:#8844ff;box-shadow:0 0 5px #aa66ff,0 0 10px #6622cc}.char-staff-shaft{width:2px;height:44px;background:#7b4a22}.color-slots{display:flex;flex-direction:column;gap:10px}.color-slot{display:flex;align-items:center;gap:10px}.color-slot-label{font-family:var(--font-cinzel,serif);font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);width:40px}.color-swatch{width:32px;height:32px;border:1px solid var(--stone-5);cursor:pointer;position:relative;overflow:hidden;transition:border-color .15s;flex-shrink:0}.color-swatch:hover{border-color:var(--gold-dim)}.color-swatch input[type=color]{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);opacity:0;cursor:pointer;border:none;padding:0}.randomize-btn{width:100%;margin-bottom:14px;padding:9px;font-family:var(--font-cinzel,serif);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);background:transparent;border:1px solid var(--stone-3);cursor:pointer;transition:color .15s,border-color .15s}.randomize-btn:hover{color:var(--parchment);border-color:var(--stone-5)}.lb-scroll{scrollbar-width:thin;scrollbar-color:rgba(140,120,200,.35) transparent}.lb-scroll::-webkit-scrollbar{width:5px}.lb-scroll::-webkit-scrollbar-track{background:transparent}.lb-scroll::-webkit-scrollbar-thumb{background:rgba(140,120,200,.35);border-radius:3px}.lb-scroll::-webkit-scrollbar-thumb:hover{background:rgba(140,120,200,.55)}.vibejam-badge{position:fixed;top:16px;right:16px;z-index:30;font-family:var(--font-pixel,monospace);font-size:.42rem;letter-spacing:.1em;color:var(--gold-bright);background:rgba(6,5,4,.88);border:1px solid var(--gold-dim);padding:7px 12px;text-transform:uppercase;animation:fade-up .9s ease .3s both;pointer-events:none}.mode-selector{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;padding:0 24px 200px;text-align:center;width:100%}.mode-cards{display:flex;gap:clamp(20px,4vw,48px);margin-top:40px;flex-wrap:wrap;justify-content:center}.mode-card{width:clamp(220px,28vw,280px);background:var(--panel-bg);border:1px solid var(--panel-border);padding:32px 24px 28px;display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;animation:fade-up .9s ease both;transition:border-color .2s}.mode-card:after,.mode-card:before{content:"";position:absolute;width:14px;height:14px;border-color:var(--gold-dim);border-style:solid;transition:border-color .2s}.mode-card:before{top:-2px;left:-2px;border-width:2px 0 0 2px}.mode-card:after{bottom:-2px;right:-2px;border-width:0 2px 2px 0}.mode-card:hover{border-color:var(--stone-5)}.mode-card:hover:after,.mode-card:hover:before{border-color:var(--gold-dim)}.mode-icon-box{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:2.4rem;border:2px solid var(--stone-4);flex-shrink:0}.mode-name{font-family:var(--font-pixel,monospace);font-size:clamp(.5rem,1.2vw,.68rem);color:var(--gold-bright);letter-spacing:.06em;margin:0;line-height:1.5}.mode-tagline{font-family:var(--font-cinzel,serif);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin:0;line-height:1.6}.mode-play-link{text-decoration:none;display:block;width:100%;margin-top:6px}.mode-play-btn{display:block;width:100%;padding:14px;font-family:var(--font-pixel,monospace);font-size:clamp(.48rem,1.1vw,.65rem);letter-spacing:.14em;color:var(--gold-bright);background:var(--btn-bg);border:2px solid var(--btn-border);cursor:pointer;position:relative;transition:background .15s,border-color .15s,color .1s;animation:btn-glow 3.5s ease-in-out infinite;text-align:center}.mode-play-btn:after,.mode-play-btn:before{content:"";position:absolute;width:8px;height:8px;border-color:var(--gold-dim);border-style:solid;transition:border-color .15s}.mode-play-btn:before{top:-3px;left:-3px;border-width:2px 0 0 2px}.mode-play-btn:after{bottom:-3px;right:-3px;border-width:0 2px 2px 0}.mode-play-link:hover .mode-play-btn{background:var(--btn-hover);border-color:var(--gold);color:#fff}.mode-play-link:hover .mode-play-btn:after,.mode-play-link:hover .mode-play-btn:before{border-color:var(--gold)}