@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=DM+Sans:wght@400;500;600;700&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.invisible{visibility:hidden}.visible{visibility:visible}.relative{position:relative}.static{position:static}.\!container{width:100%!important}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-full{height:100%}.h-screen{height:100vh}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-crosshair{cursor:crosshair}.cursor-not-allowed{cursor:not-allowed}.touch-none{touch-action:none}.resize{resize:both}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}html,body,#root{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100%;margin:0;padding:0;overflow:hidden}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.game-hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:16px 20px;font-family:DM Sans,system-ui,sans-serif;z-index:10}.game-hud-top{display:flex;justify-content:space-between;align-items:flex-start}.hud-score-card{padding:10px 16px;border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#060e088c;border:1px solid rgba(240,236,228,.06);min-width:72px;transition:all .3s ease}.hud-score-card--active{border-color:#c9a84c59;background:#060e08a6;box-shadow:0 0 20px #c9a84c14}.hud-score-card--opponent-active{border-color:#f871714d}.hud-score-label{font-size:10px;font-weight:600;letter-spacing:.15em;color:#f0ece466;text-transform:uppercase;margin-bottom:2px}.hud-score-label--gold{color:#c9a84cb3}.hud-score-value{font-family:Playfair Display,Georgia,serif;font-size:32px;font-weight:900;color:#f0ece4;line-height:1}.hud-center{display:flex;flex-direction:column;align-items:center;gap:6px}.hud-timer{padding:8px 22px;border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#060e0880;border:1px solid rgba(240,236,228,.06);transition:all .3s ease}.hud-timer--urgent{border-color:#c9a84c4d;background:#78500a4d}.hud-timer--critical{border-color:#dc3c3c66;background:#78141466;animation:timerPulse .8s ease-in-out infinite}@keyframes timerPulse{0%,to{box-shadow:0 0 #dc3c3c00}50%{box-shadow:0 0 16px 2px #dc3c3c33}}.hud-timer-value{font-family:Playfair Display,Georgia,serif;font-size:26px;font-weight:700;color:#f0ece4;line-height:1}.hud-timer-value--urgent{color:#c9a84c}.hud-timer-value--critical{color:#f87171}.hud-meta{font-size:10px;font-weight:600;letter-spacing:.2em;color:#f0ece44d;text-transform:uppercase}.hud-round{padding:6px 20px;border-radius:16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#060e0880;border:1px solid rgba(240,236,228,.06)}.hud-round-text{font-family:Playfair Display,Georgia,serif;font-size:18px;font-weight:700;color:#f0ece4}.hud-round-final{color:#c9a84c;font-size:14px;letter-spacing:.05em}.hud-turn-badge{padding:4px 14px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-top:6px}.hud-turn-badge--mine{background:#c9a84c33;color:#c9a84c;border:1px solid rgba(201,168,76,.3);animation:turnGlow 1.5s ease-in-out infinite}@keyframes turnGlow{0%,to{box-shadow:0 0 #c9a84c00}50%{box-shadow:0 0 12px 2px #c9a84c26}}.hud-turn-badge--opponent{background:#f0ece40d;color:#f0ece459;border:1px solid rgba(240,236,228,.06)}.hud-turn-badge--waiting{background:#3a7c4a1f;color:#6ee7b7b3;border:1px solid rgba(58,124,74,.2);animation:waitPulse 2s ease-in-out infinite}@keyframes waitPulse{0%,to{opacity:.7}50%{opacity:1}}.hud-spacer{width:72px}.hud-bottom{text-align:center;padding-bottom:8px}.hud-hint{font-size:12px;font-weight:500;color:#f0ece440;letter-spacing:.04em}.hud-waiting{position:absolute;top:16px;left:20px;font-size:13px;font-weight:500;color:#f0ece459;letter-spacing:.04em}.gameover{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;font-family:DM Sans,system-ui,sans-serif;color:#f0ece4;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:gameover-fadein .8s cubic-bezier(.16,1,.3,1) forwards;background:radial-gradient(ellipse at 50% 40%,rgba(201,168,76,.035) 0%,transparent 60%),radial-gradient(ellipse at 50% 50%,#08100af2,#000000f7)}.gameover:before{content:"";position:absolute;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;pointer-events:none}@keyframes gameover-fadein{0%{opacity:0}to{opacity:1}}.gameover-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:400px;height:400px;opacity:0;animation:rings-reveal 1.6s .2s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}@keyframes rings-reveal{0%{opacity:0;transform:translate(-50%,-55%) scale(.9) rotate(-5deg)}to{opacity:1;transform:translate(-50%,-55%) scale(1) rotate(0)}}.gameover-rings svg{width:100%;height:100%;animation:rings-rotate 120s linear infinite}@keyframes rings-rotate{to{transform:rotate(360deg)}}.gameover-card{position:relative;width:min(380px,calc(100vw - 48px));padding:40px 32px 36px;border-radius:24px;backdrop-filter:blur(40px) saturate(1.6);-webkit-backdrop-filter:blur(40px) saturate(1.6);background:linear-gradient(170deg,rgba(201,168,76,.04) 0%,transparent 40%),#0a140c73;border:1px solid rgba(201,168,76,.1);box-shadow:0 0 0 1px #0000004d,0 24px 80px #00000080,0 0 120px -20px #c9a84c0f,inset 0 1px #f0ece40a;text-align:center;transform:translateY(30px);opacity:0;animation:card-reveal .7s .15s cubic-bezier(.16,1,.3,1) forwards;overflow:hidden}@keyframes card-reveal{0%{transform:translateY(30px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.gameover-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:1.5px;background:linear-gradient(90deg,transparent,#c9a84c,transparent);animation:accent-expand .8s .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes accent-expand{to{width:60%}}.gameover-label{font-size:10px;font-weight:600;letter-spacing:.4em;text-transform:uppercase;color:#f0ece440;margin-bottom:8px;opacity:0;animation:label-reveal .5s .3s ease forwards}.gameover-label:before,.gameover-label:after{content:"";display:inline-block;width:24px;height:1px;background:#c9a84c40;vertical-align:middle}.gameover-label:before{margin-right:12px}.gameover-label:after{margin-left:12px}@keyframes label-reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.gameover-title{font-family:Playfair Display,Georgia,serif;font-weight:900;font-size:44px;line-height:1;margin-bottom:4px;opacity:0;animation:title-reveal .6s .35s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes title-reveal{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.gameover-title--gold{color:#c9a84c;text-shadow:0 0 40px rgba(201,168,76,.35)}.gameover-title--green{color:#6ee7b7;text-shadow:0 0 30px rgba(110,231,183,.25)}.gameover-title--blue{color:#7dd3fc;text-shadow:0 0 30px rgba(125,211,252,.2)}.gameover-title--purple{color:#a78bfa;text-shadow:0 0 30px rgba(167,139,250,.2)}.gameover-title--muted{color:#94a3b8}.gameover-title--red{color:#f87171;text-shadow:0 0 30px rgba(248,113,113,.15)}.gameover-title--cream{color:#f0ece4;text-shadow:0 0 25px rgba(240,236,228,.15)}.gameover-subtitle{font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:400;font-size:14px;color:#f0ece459;margin-bottom:28px;opacity:0;animation:sub-reveal .5s .45s ease forwards}@keyframes sub-reveal{0%{opacity:0}to{opacity:1}}.gameover-ring-container{position:relative;width:160px;height:160px;margin:0 auto 24px;opacity:0;animation:ring-reveal .6s .25s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes ring-reveal{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.gameover-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.gameover-ring-track{fill:none;stroke:#f0ece414;stroke-width:6}.gameover-ring-progress{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 0 8px var(--ring-glow))}.gameover-ring-outer{fill:none;stroke-width:.5;opacity:.12}.gameover-ring-score{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.gameover-ring-value{font-family:Playfair Display,Georgia,serif;font-weight:900;font-size:48px;line-height:1;color:#f0ece4}.gameover-ring-label{font-size:9px;font-weight:600;letter-spacing:.25em;color:#f0ece44d;text-transform:uppercase;margin-top:4px}.gameover-stats{display:flex;justify-content:center;gap:0;margin-bottom:28px;padding:14px 0;border-radius:12px;background:#c9a84c08;border:1px solid rgba(201,168,76,.06);opacity:0;animation:stats-reveal .5s .55s ease forwards}@keyframes stats-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gameover-stat{flex:1;text-align:center;position:relative}.gameover-stat+.gameover-stat:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;background:#c9a84c1a}.gameover-stat-label{font-size:9px;font-weight:600;letter-spacing:.18em;color:#f0ece440;text-transform:uppercase;margin-bottom:4px}.gameover-stat-value{font-family:Playfair Display,Georgia,serif;font-weight:700;font-size:22px;color:#f0ece4}.gameover-stat-value--accent{color:var(--rating-color, #c9a84c)}.gameover-scores{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:28px;padding:16px 24px;border-radius:14px;background:#c9a84c06;border:1px solid rgba(201,168,76,.06);opacity:0;animation:stats-reveal .5s .5s ease forwards}.gameover-score-side{flex:1;text-align:center}.gameover-score-number{font-family:Playfair Display,Georgia,serif;font-weight:900;font-size:52px;line-height:1}.gameover-score-number--winner{color:#c9a84c}.gameover-score-number--loser{color:#f0ece466}.gameover-score-number--defeat{color:#f87171}.gameover-score-player{font-size:9px;font-weight:600;letter-spacing:.2em;color:#f0ece433;text-transform:uppercase;margin-top:6px}.gameover-score-divider{width:1px;height:56px;background:#c9a84c26;margin:0 20px;flex-shrink:0}.gameover-btn{display:inline-flex;align-items:center;justify-content:center;width:200px;height:50px;border:none;border-radius:14px;font-family:DM Sans,system-ui,sans-serif;font-weight:700;font-size:13px;letter-spacing:.08em;color:#1a1206;cursor:pointer;position:relative;overflow:hidden;background:linear-gradient(160deg,#d4b85a,#c9a84c,#b8943f);box-shadow:0 4px 16px #c9a84c40,0 0 0 1px #c9a84c4d,inset 0 1px #ffffff26;transition:transform .2s ease,box-shadow .2s ease;opacity:0;animation:btn-reveal .5s .7s ease forwards}@keyframes btn-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gameover-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #c9a84c4d,0 0 0 1px #c9a84c66,inset 0 1px #fff3}.gameover-btn:active{transform:translateY(1px);box-shadow:0 2px 8px #c9a84c33,0 0 0 1px #c9a84c4d,inset 0 1px #ffffff1a}.gameover-btn:after{content:"";position:absolute;top:0;left:-60px;width:40px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:skew(-15deg);animation:btn-shine 3.5s 1.2s ease-in-out infinite}@keyframes btn-shine{0%,to{left:-60px}30%{left:calc(100% + 60px)}31%{left:-60px}}.gameover-btn-row{display:flex;gap:10px;justify-content:center;opacity:0;animation:btn-reveal .5s .7s ease forwards}.gameover-btn-row .gameover-btn{opacity:1;animation:none;transform:none}.gameover-btn--share{background:transparent!important;color:#c9a84ccc!important;border:1px solid rgba(201,168,76,.25)!important;box-shadow:0 0 0 1px #c9a84c0d,inset 0 1px #ffffff08!important;gap:8px;width:140px}.gameover-btn--share:after{display:none}.gameover-btn--share:hover{background:#c9a84c14!important;border-color:#c9a84c66!important;box-shadow:0 4px 16px #c9a84c1a,0 0 0 1px #c9a84c1a,inset 0 1px #ffffff08!important}.gameover-btn--share:active{background:#c9a84c1f!important}.gameover-btn--share:disabled{opacity:.5;cursor:not-allowed}.gameover-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.gameover-sparkle{position:absolute;width:3px;height:3px;background:var(--sparkle-color, #c9a84c);border-radius:50%;opacity:0;animation:sparkle-float var(--sparkle-duration, 3s) var(--sparkle-delay, 0s) ease-in-out infinite}@keyframes sparkle-float{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:.6;transform:translateY(-10px) scale(1)}80%{opacity:.3;transform:translateY(-40px) scale(.5)}to{opacity:0;transform:translateY(-60px) scale(0)}}.gameover-beams{position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-58%);pointer-events:none;opacity:0;animation:beams-reveal 1.2s .5s ease forwards}@keyframes beams-reveal{0%{opacity:0}to{opacity:.04}}.gameover-beams svg{width:100%;height:100%;animation:beams-rotate 60s linear infinite}@keyframes beams-rotate{to{transform:rotate(360deg)}}:root{--menu-bg-deep: #060e08;--menu-bg-mid: #0a1a0f;--menu-bg-surface: rgba(20, 40, 22, .45);--menu-gold: #c9a84c;--menu-gold-light: #e4cc7a;--menu-gold-dim: #8a7234;--menu-cream: #f0ece4;--menu-green-accent: #3a7c4a;--menu-green-glow: rgba(58, 124, 74, .25);--menu-wood: #5e3a1a;--menu-wood-light: #7a4f2a;--menu-text-primary: #f0ece4;--menu-text-secondary: rgba(240, 236, 228, .5);--menu-text-dim: rgba(240, 236, 228, .25);--menu-glass: rgba(240, 236, 228, .04);--menu-glass-border: rgba(240, 236, 228, .08);--menu-radius: 16px;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif}.menu-page{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:var(--font-body);color:var(--menu-text-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none;background:radial-gradient(ellipse 80% 60% at 30% 40%,rgba(58,124,74,.12) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 70% 60%,rgba(201,168,76,.06) 0%,transparent 60%),radial-gradient(ellipse 100% 100% at 50% 100%,rgba(30,20,10,.5) 0%,transparent 50%),linear-gradient(175deg,#0d1f12,#060e08 40%,#0a0a08)}.menu-page:before{content:"";position:fixed;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px;pointer-events:none;z-index:0}.menu-page:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:0}.menu-layout{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:80px;width:100%;max-width:1100px;padding:24px;animation:menuFadeIn .8s ease-out}@media(max-width:900px){.menu-layout{flex-direction:column;gap:40px;padding:20px}.menu-page{overflow-y:auto;overflow-x:hidden;align-items:flex-start}.menu-layout{padding-top:max(24px,env(safe-area-inset-top,24px));padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.menu-hero{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.menu-logo{text-align:center;margin-bottom:56px;animation:logoReveal 1s ease-out .2s both}@keyframes logoReveal{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.menu-logo-title{font-family:var(--font-display);font-size:72px;font-weight:900;letter-spacing:-.02em;line-height:1;color:var(--menu-cream);margin:0;position:relative}.menu-logo-title:after{content:"ARCHR";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(201,168,76,.35) 45%,rgba(201,168,76,.5) 50%,rgba(201,168,76,.35) 55%,transparent 60%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:200% center}50%{background-position:-50% center}}.menu-logo-subtitle{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.45em;color:var(--menu-gold);margin-top:8px;opacity:.7;text-transform:uppercase}.menu-logo-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--menu-gold-dim),transparent);margin:16px auto 0}.menu-buttons{display:flex;flex-direction:column;gap:14px;width:100%;max-width:280px;animation:buttonsReveal .7s ease-out .5s both}@keyframes buttonsReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.menu-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border-radius:14px;font-family:var(--font-body);font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:none;outline:none}.menu-btn-primary{background:linear-gradient(135deg,var(--menu-gold) 0%,#b8943f 100%);color:#1a1206;box-shadow:0 4px 20px #c9a84c40,0 1px 3px #0000004d,inset 0 1px #fff3}.menu-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #c9a84c59,0 2px 6px #0000004d,inset 0 1px #ffffff40;background:linear-gradient(135deg,var(--menu-gold-light) 0%,var(--menu-gold) 100%)}.menu-btn-primary:active{transform:translateY(0) scale(.98)}.menu-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.menu-btn-primary:hover:before{left:120%}.menu-btn-secondary{background:var(--menu-glass);color:var(--menu-text-primary);border:1px solid var(--menu-glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.menu-btn-secondary:hover{background:#f0ece414;border-color:#f0ece426;transform:translateY(-1px)}.menu-btn-secondary:active{transform:translateY(0) scale(.98)}.menu-btn-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;background:#34d39926;color:#6ee7b7;border:1px solid rgba(52,211,153,.2);letter-spacing:.06em}.menu-btn-arrow{width:16px;height:16px;opacity:.7;transition:transform .25s ease,opacity .25s ease}.menu-btn:hover .menu-btn-arrow{transform:translate(3px);opacity:1}.menu-footer{margin-top:48px;font-size:11px;color:var(--menu-text-dim);letter-spacing:.1em;font-family:var(--font-body);animation:buttonsReveal .7s ease-out .7s both}.lb-container{width:100%;max-width:420px;animation:lbReveal .7s ease-out .4s both}@keyframes lbReveal{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:900px){.lb-container{max-width:100%}@keyframes lbReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.lb-card{background:var(--menu-glass);border:1px solid var(--menu-glass-border);border-radius:var(--menu-radius);padding:28px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;overflow:hidden}.lb-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--menu-gold-dim),transparent)}.lb-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px}.lb-title{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:.08em;color:var(--menu-gold);margin:0}.lb-trophy-icon{width:20px;height:20px;color:var(--menu-gold);opacity:.8}.lb-submit-card{background:#c9a84c0f;border:1px solid rgba(201,168,76,.15);border-radius:14px;padding:24px;margin-bottom:24px;text-align:center;animation:submitPulse 2s ease-in-out infinite}@keyframes submitPulse{0%,to{border-color:#c9a84c26}50%{border-color:#c9a84c4d}}.lb-submit-label{font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--menu-text-secondary);text-transform:uppercase;margin-bottom:4px}.lb-submit-score{font-family:var(--font-display);font-size:48px;font-weight:900;color:var(--menu-gold);line-height:1.1;margin-bottom:16px}.lb-submit-form{display:flex;gap:8px}.lb-submit-input{flex:1;background:#0006;border:1px solid var(--menu-glass-border);border-radius:10px;padding:10px 16px;color:var(--menu-cream);font-family:var(--font-body);font-size:14px;font-weight:500;outline:none;transition:border-color .2s ease}.lb-submit-input::-moz-placeholder{color:var(--menu-text-dim)}.lb-submit-input::placeholder{color:var(--menu-text-dim)}.lb-submit-input:focus{border-color:var(--menu-gold-dim)}.lb-submit-btn{padding:10px 20px;background:var(--menu-gold);color:#1a1206;font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:.05em;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;white-space:nowrap}.lb-submit-btn:hover:not(:disabled){background:var(--menu-gold-light);transform:translateY(-1px)}.lb-submit-btn:disabled{opacity:.4;cursor:not-allowed}.lb-list{display:flex;flex-direction:column;gap:4px;max-height:340px;overflow-y:auto;padding-right:4px;margin-bottom:8px}.lb-list::-webkit-scrollbar{width:4px}.lb-list::-webkit-scrollbar-track{background:transparent}.lb-list::-webkit-scrollbar-thumb{background:#f0ece41a;border-radius:4px}.lb-list::-webkit-scrollbar-thumb:hover{background:#f0ece433}.lb-entry{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;transition:background .2s ease;animation:entrySlide .4s ease-out both}@keyframes entrySlide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.lb-entry:hover{background:#f0ece408}.lb-entry-1{background:#c9a84c14;border:1px solid rgba(201,168,76,.15)}.lb-entry-1:hover{background:#c9a84c1f}.lb-entry-2{background:#c0c0c00f;border:1px solid rgba(192,192,192,.1)}.lb-entry-3{background:#cd7f320f;border:1px solid rgba(205,127,50,.1)}.lb-entry-left{display:flex;align-items:center;gap:12px}.lb-rank{font-family:var(--font-display);font-weight:700;font-size:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.lb-rank-1{background:#c9a84c33;color:var(--menu-gold);font-size:16px}.lb-rank-2{background:#c0c0c026;color:silver}.lb-rank-3{background:#cd7f3226;color:#cd7f32}.lb-rank-default{color:var(--menu-text-dim);font-family:var(--font-body);font-size:13px}.lb-name{font-weight:600;font-size:14px;color:var(--menu-text-primary)}.lb-score{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--menu-gold)}.lb-score-default{color:var(--menu-text-secondary)}.lb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;gap:12px}.lb-empty-icon{width:48px;height:48px;color:var(--menu-text-dim);opacity:.5}.lb-empty-text{font-size:13px;color:var(--menu-text-dim);letter-spacing:.05em}.lb-back-btn{width:100%;padding:10px 0;background:none;border:none;color:var(--menu-text-dim);font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:color .2s ease;margin-top:8px}.lb-back-btn:hover{color:var(--menu-text-secondary)}.lb-fullscreen{position:absolute;inset:0;background:#060e08eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.lb-fullscreen .lb-card{max-width:440px;width:100%;background:#14281699;border-color:#c9a84c1a;padding:36px}.menu-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.menu-particle{position:absolute;width:2px;height:2px;background:var(--menu-gold);border-radius:50%;opacity:0;animation:particleFloat linear infinite}.menu-particle:nth-child(1){left:15%;animation-duration:12s;animation-delay:0s}.menu-particle:nth-child(2){left:30%;animation-duration:16s;animation-delay:3s}.menu-particle:nth-child(3){left:50%;animation-duration:14s;animation-delay:1s}.menu-particle:nth-child(4){left:65%;animation-duration:18s;animation-delay:5s}.menu-particle:nth-child(5){left:80%;animation-duration:13s;animation-delay:2s}.menu-particle:nth-child(6){left:25%;animation-duration:15s;animation-delay:7s}.menu-particle:nth-child(7){left:70%;animation-duration:17s;animation-delay:4s}.menu-particle:nth-child(8){left:45%;animation-duration:11s;animation-delay:6s}@keyframes particleFloat{0%{transform:translateY(100vh);opacity:0}10%{opacity:.3}90%{opacity:.15}to{transform:translateY(-20px);opacity:0}}.connecting-page{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:DM Sans,system-ui,sans-serif;color:#f0ece4;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1000;background:radial-gradient(ellipse 80% 60% at 30% 40%,rgba(58,124,74,.12) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 70% 60%,rgba(201,168,76,.06) 0%,transparent 60%),linear-gradient(175deg,#0d1f12,#060e08 40%,#0a0a08)}.connecting-page:before{content:"";position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px;pointer-events:none;z-index:0}.connecting-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:40px;animation:connectReveal 1s ease-out}@keyframes connectReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.connecting-logo{text-align:center}.connecting-title{font-family:Playfair Display,Georgia,serif;font-size:64px;font-weight:900;letter-spacing:-.02em;line-height:1;color:#f0ece4;margin:0;position:relative}.connecting-title:after{content:"ARCHR";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(201,168,76,.35) 45%,rgba(201,168,76,.5) 50%,rgba(201,168,76,.35) 55%,transparent 60%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4s ease-in-out infinite}.connecting-subtitle{font-size:10px;font-weight:600;letter-spacing:.5em;color:#c9a84c;margin-top:8px;opacity:.6;text-transform:uppercase}.target-loader{position:relative;width:60px;height:60px}.target-ring{position:absolute;inset:0;border-radius:50%;border:2px solid transparent}.target-ring-outer{border-color:#c9a84c33;animation:rotateTarget 4s linear infinite}.target-ring-inner{inset:10px;border-color:#3a7c4a66;animation:rotateTarget 2.5s linear infinite reverse}.target-center{position:absolute;inset:22px;background:#c9a84c;border-radius:50%;box-shadow:0 0 15px #c9a84c66;animation:pulseTarget 1.5s ease-in-out infinite}@keyframes rotateTarget{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseTarget{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.connecting-status{font-size:11px;font-weight:700;letter-spacing:.2em;color:#f0ece466;text-transform:uppercase}.connecting-status span{display:inline-block;animation:dotPulse 1.4s infinite}.connecting-status span:nth-child(2){animation-delay:.2s}.connecting-status span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}