@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=IM+Fell+English:ital@0;1&family=Inter:wght@400;500;600;700&display=swap";.menu-overlay{z-index:100;color:#efe6d0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.menu-bg-effects{position:absolute;inset:0;overflow:hidden}.menu-gradient-bg{background:linear-gradient(#0708081a,#070808c7),radial-gradient(at 48% 18%,#5c888057,#0000 34%),radial-gradient(at 50% 88%,#8d302838,#0000 42%),linear-gradient(#1a1713 0%,#0b0908 100%);position:absolute;inset:0}.menu-fortress-silhouette{opacity:.78;clip-path:polygon(0 48%,8% 48%,8% 28%,12% 28%,12% 48%,21% 48%,21% 20%,26% 20%,26% 48%,38% 48%,38% 34%,43% 34%,43% 48%,58% 48%,58% 18%,64% 18%,64% 48%,76% 48%,76% 30%,81% 30%,81% 48%,100% 48%,100% 100%,0 100%);background:linear-gradient(90deg,#0000 0 5%,#080706 5% 10%,#0000 10% 16%,#080706 16% 23%,#0000 23% 72%,#080706 72% 80%,#0000 80% 87%,#080706 87% 93%,#0000 93%),linear-gradient(#0000 0 26%,#0c0a08 26% 100%);height:36vh;min-height:240px;position:absolute;bottom:-2px;left:0;right:0}.menu-grid-subtle{background-image:linear-gradient(90deg,#f2d68a09 1px,#0000 1px),linear-gradient(#f2d68a08 1px,#0000 1px);background-size:88px 88px;animation:34s linear infinite grid-drift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.menu-bg-effects:before{content:"";opacity:.66;pointer-events:none;background-image:radial-gradient(circle at 8% 24%,#ffc48280 0,#0000 1.4px),radial-gradient(circle at 22% 88%,#ffa86073 0,#0000 1.6px),radial-gradient(circle at 36%,#ffd79666 0,#0000 1.2px),radial-gradient(circle at 52% 10%,#ffb66e80 0,#0000 1.4px),radial-gradient(circle at 68% 72%,#ffc88273 0,#0000 1.6px),radial-gradient(circle at 82% 36%,#ffa86066 0,#0000 1.2px),radial-gradient(circle at 92% 84%,#ffd7968c 0,#0000 1.6px);background-size:100% 100vh;animation:22s linear infinite ember-rise;position:absolute;inset:-30vh 0 0}@keyframes ember-rise{0%{transform:translate(0,0)}to{transform:translateY(-100vh)}}.menu-bg-effects:after{content:"";filter:blur(2px);pointer-events:none;background:radial-gradient(#ff9a4a29 0%,#ff9a4a0f 30%,#0000 65%);width:92vw;height:60vh;animation:5.5s ease-in-out infinite brazier-pulse;position:absolute;bottom:14vh;left:50%;transform:translate(-50%)}@keyframes brazier-pulse{0%,to{opacity:.55}50%{opacity:.95}}@keyframes grid-drift{0%{transform:translate(0)}to{transform:translate(88px,88px)}}.menu-content{z-index:1;text-align:center;width:min(1080px,100% - 32px);padding:24px;position:relative}.menu-shell{z-index:1;text-align:center;scrollbar-width:thin;scrollbar-color:#86d5c866 #0003;width:min(1240px,100% - 32px);max-height:calc(100vh - 32px);padding:24px 24px 18px;animation:.46s ease-out both menu-shell-enter;position:relative;overflow-y:auto}.menu-shell::-webkit-scrollbar{width:8px}.menu-shell::-webkit-scrollbar-thumb{background:#86d5c873}.menu-shell::-webkit-scrollbar-track{background:#0003}.menu-hero{margin-bottom:18px;animation:.52s ease-out 80ms both menu-hero-enter;position:relative}@keyframes menu-shell-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes menu-hero-enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.menu-grid{text-align:left;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);align-items:stretch;gap:16px;margin-bottom:14px;display:grid}.menu-primary,.menu-side{flex-direction:column;gap:12px;min-width:0;display:flex}.menu-side-card{background:linear-gradient(#241e16e0,#0c0a08f0),radial-gradient(circle at 30% 0,#86d5c81a,#0000 42%);border:1px solid #d6b56952;border-radius:4px;position:relative;box-shadow:inset 0 1px #fff0be12,0 16px 38px #0000006b}.menu-title-container{margin-bottom:18px;position:relative}.menu-kicker{color:#86d5c8;font-family:var(--font-display,"Cinzel", serif);letter-spacing:5px;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:10px;font-size:11px;font-weight:800;display:inline-flex}.menu-kicker:before,.menu-kicker:after{content:"";background:linear-gradient(90deg,#0000,#86d5c8b3);width:56px;height:1px}.menu-kicker:after{background:linear-gradient(90deg,#86d5c8b3,#0000)}.menu-title{font-family:var(--font-display,"Cinzel", serif);letter-spacing:10px;color:#fff5d8;background:linear-gradient(#fff8e2 0%,#ecd9a8 38%,#b48d4a 70%,#6b4d20 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #0000008c)drop-shadow(0 12px 28px #000000b3)drop-shadow(0 0 22px #ff9a4a2e);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(54px,8.8vw,112px);font-weight:900;line-height:.94;animation:7s ease-in-out infinite title-breathe}@keyframes title-breathe{0%,to{filter:drop-shadow(0 3px #0000008c)drop-shadow(0 12px 28px #000000b3)drop-shadow(0 0 22px #ff9a4a2e)}50%{filter:drop-shadow(0 3px #0000008c)drop-shadow(0 12px 28px #000000b3)drop-shadow(0 0 32px #ffae5e6b)}}.menu-title.title-accent{letter-spacing:14px;background:linear-gradient(#fff1b8 0%,#d6b569 52%,#8d6a34 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #00000080);-webkit-background-clip:text;background-clip:text;font-size:clamp(24px,4vw,44px)}.menu-title-underline{width:min(360px,64vw);height:14px;margin:18px auto 0;position:relative}.menu-title-underline:before{content:"";background:linear-gradient(90deg,#0000,#86d5c88c 18%,#f2d68af2 50%,#8d30288c 82%,#0000);height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.menu-title-underline:after{content:"";background:linear-gradient(135deg,#fff1b8,#8d6a34);width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 12px #f2d68ab3,inset 0 0 0 1px #0000004d}.menu-subtitle{color:#d9caa4;max-width:660px;font-family:var(--font-narrative,serif);opacity:.94;margin:0 auto 22px;font-size:clamp(14px,1.85vw,17px);font-style:italic;line-height:1.5}.menu-command{background:linear-gradient(#241e16d6,#0c0a08eb),radial-gradient(circle at 50% 0,#86d5c81a,#0000 38%);border:1px solid #d6b56957;border-radius:6px;width:min(820px,100%);margin:0 auto 18px;padding:22px 22px 18px;position:relative;box-shadow:inset 0 1px #fff0be14,inset 0 0 60px #00000059,0 22px 64px #00000073}.menu-command:before,.menu-command:after{content:"";pointer-events:none;border:1px solid #f2d68a8c;width:18px;height:18px;position:absolute}.menu-command:before{border-bottom:0;border-right:0;top:-1px;left:-1px}.menu-command:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.menu-actions{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;margin-bottom:14px;display:flex}.menu-command-layout{grid-template-columns:minmax(280px,1.15fr) minmax(320px,1fr) auto;align-items:stretch;gap:12px;margin-bottom:14px;display:grid}.menu-growth-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.menu-utility-actions{align-items:flex-start;display:flex}.menu-action-icon{color:#f2d68a;background:#0000003d;border:1px solid #f2d68a5c;flex:none;place-items:center;width:42px;height:42px;font-size:20px;line-height:1;display:grid}.menu-feature-btn,.menu-icon-btn{color:#dff6ef;cursor:pointer;background:linear-gradient(#1c2c2ae6,#080e0ef5),radial-gradient(circle at 50% 0,#86d5c81f,#0000 42%);border:1px solid #86d5c857;transition:transform .16s,filter .16s,border-color .16s;position:relative;box-shadow:inset 0 1px #86d5c829,0 12px 28px #00000052}.menu-feature-btn{text-align:left;grid-template-rows:auto auto;grid-template-columns:42px 1fr;align-content:center;gap:4px 10px;min-height:96px;padding:14px;display:grid}.menu-feature-btn.trait{background:linear-gradient(#30261aeb,#0e0a08f5),radial-gradient(circle at 50% 0,#f2d68a1f,#0000 42%);border-color:#f2d68a5c}.menu-feature-btn .menu-action-icon{grid-row:1/3}.menu-feature-btn b{color:#fff1b8;font-size:16px;font-weight:950}.menu-feature-btn small,.menu-start-btn small{color:#b8a775;font-size:12px;font-weight:850;line-height:1.35}.menu-icon-btn{place-items:center;width:46px;height:46px;font-size:22px;display:grid}.menu-feature-btn:hover,.menu-icon-btn:hover{filter:brightness(1.08);border-color:#f2d68ab8;transform:translateY(-2px)}.menu-summary-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.menu-summary-row span{color:#cdbb92;font-family:var(--font-display,"Cinzel", serif);letter-spacing:1.4px;text-transform:uppercase;background:linear-gradient(#1418178c,#080a0ab3);border:1px solid #86d5c84d;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700}.menu-quick-settings{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.menu-setting-group{background:#0003;border:1px solid #86d5c838;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;display:grid}.menu-setting-group button{color:#d9caa4;cursor:pointer;background:#0508087a;border:1px solid #f2d68a47;min-width:0;height:34px;font-size:12px;font-weight:950}.menu-setting-group button.active{color:#17110a;background:linear-gradient(#86d5c8,#5e9f94);border-color:#86d5c8db}.menu-account{z-index:4;width:min(430px,100vw - 36px);position:fixed;top:18px;right:18px}.menu-auth-form,.menu-account-signed{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050808b8;border:1px solid #86d5c847;grid-template-columns:1fr;align-items:center;gap:8px;padding:12px;display:grid;box-shadow:0 12px 32px #00000061}.menu-auth-head{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.menu-auth-head strong{color:#f2d68a;text-align:left;font-size:14px;display:block}.menu-auth-head span,.menu-auth-form label span{color:#86d5c8;text-align:left;font-size:11px;font-weight:900;display:block}.menu-auth-tabs{grid-template-columns:1fr 1fr;gap:4px;display:grid}.menu-auth-form label{gap:5px;display:grid}.menu-auth-tabs button,.menu-auth-form>button,.menu-account-signed button{color:#d9caa4;cursor:pointer;background:#00000042;border:1px solid #f2d68a57;height:36px;font-weight:950}.menu-auth-tabs button.active,.menu-auth-form>button{color:#17110a;background:linear-gradient(#f2d68a,#9f793b)}.menu-auth-form input{color:#efe6d0;min-width:0;height:36px;font:inherit;background:#0508088a;border:1px solid #86d5c847;outline:none;padding:0 11px;font-weight:800}.menu-auth-form p{color:#f08f7f;grid-column:1/-1;margin:0;font-size:12px;font-weight:800}.menu-account-signed{text-align:left;grid-template-columns:38px 1fr 38px}.menu-account-mark{color:#86d5c8;background:#00000047;border:1px solid #86d5c86b;place-items:center;width:34px;height:34px;font-size:11px;font-weight:950;display:grid}.menu-account-signed span{color:#86d5c8;font-size:12px;font-weight:900}.menu-account-signed strong{color:#f2d68a}.menu-account-signed button{width:34px;min-width:34px;padding:0;font-size:18px}.menu-profile{background:#00000038;border:1px solid #d6b56933;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:8px;margin-bottom:10px;padding:8px;display:grid}.menu-profile label{color:#b8a775;white-space:nowrap;font-size:12px;font-weight:900}.menu-profile input{color:#efe6d0;min-width:0;height:32px;font:inherit;background:#0508088a;border:1px solid #86d5c847;outline:none;padding:0 11px;font-weight:800}.menu-profile input:focus{border-color:#86d5c8c7;box-shadow:0 0 18px #86d5c824}.menu-profile button{color:#17110a;cursor:pointer;background:linear-gradient(#f2d68a,#9f793b);border:1px solid #f2d68a73;height:32px;padding:0 14px;font-weight:950}.menu-start-btn,.menu-ability-btn,.menu-settings-btn{cursor:pointer;font-family:var(--font-display,"Cinzel", serif);letter-spacing:2px;text-transform:uppercase;border:1px solid #f2d68a99;border-radius:4px;justify-content:center;align-items:center;font-weight:800;transition:transform .16s,border-color .16s,filter .16s,box-shadow .16s;display:inline-flex;position:relative;overflow:hidden}.menu-start-btn{text-align:left;background:radial-gradient(at 50% -40%,#ffdca080,#0000 62%),linear-gradient(#b8742e 0%,#6e421a 58%,#2e1a0c 100%);border:1.5px solid #f2d68a;border-radius:4px;grid-template-rows:auto auto;grid-template-columns:60px 1fr;align-content:center;gap:4px 16px;width:100%;min-height:108px;padding:18px 26px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffe2ae73,inset 0 -3px 8px #00000085,0 0 0 4px #f2d68a14,0 16px 44px #ff9a4a66,0 4px 12px #00000080}.menu-start-btn .menu-action-icon{color:#17110a;background:linear-gradient(#fff1b8,#c99642);grid-row:1/3;width:52px;height:52px}.menu-start-text{color:#fff4d0;letter-spacing:1px;font-size:22px;font-weight:950;display:block}.menu-ability-btn,.menu-settings-btn{color:#cfeae3;background:linear-gradient(#223835e0,#0a1212f5);min-width:132px;min-height:56px;padding:0 22px;font-size:13px;box-shadow:inset 0 1px #86d5c838,inset 0 0 24px #86d5c80d,0 6px 18px #00000057}.menu-start-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:inset 0 1px #ffe2ae80,inset 0 -3px 8px #00000080,0 0 0 4px #f2d68a24,0 16px 44px #ff9a4a6b,0 4px 12px #0000008c}.menu-ability-btn:hover,.menu-settings-btn:hover{color:#e6f7f3;filter:brightness(1.1);border-color:#86d5c8c7;transform:translateY(-2px)}.menu-start-text{z-index:1;color:#fff5d8;font-family:var(--font-display,"Cinzel", serif);letter-spacing:5px;text-shadow:0 1px #000c,0 0 12px #ffc88273;font-size:19px;font-weight:800;position:relative}.menu-start-shimmer{background:linear-gradient(110deg,#0000 30%,#ffffff1f 50%,#0000 70%);animation:3s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.menu-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:4px;display:grid}.menu-ranking{background:radial-gradient(circle at 50% 0,#86d5c814,#0000 34%),#0003;border:1px solid #d6b56938;margin-top:8px}.menu-ranking-head{border-bottom:1px solid #d6b5692e;justify-content:space-between;align-items:center;padding:7px 10px;display:flex}.menu-ranking-head strong{color:#f2d68a;letter-spacing:1px}.menu-ranking-head span{color:#86d5c8;border:1px solid #86d5c847;padding:2px 8px;font-size:11px;font-weight:900}.menu-ranking-list{scrollbar-width:thin;scrollbar-color:#86d5c88c #0003;gap:1px;max-height:164px;display:grid;overflow-y:auto}.menu-ranking-list::-webkit-scrollbar{width:8px}.menu-ranking-list::-webkit-scrollbar-thumb{background:#86d5c880}.menu-ranking-list::-webkit-scrollbar-track{background:#00000038}.menu-ranking-row,.menu-ranking-empty{color:#d9caa4;background:#ffffff05;grid-template-columns:36px 1fr 64px 94px;align-items:center;min-height:32px;padding:0 12px;font-size:13px;transition:background .14s;display:grid}.menu-ranking-row:nth-child(odd){background:#ffffff0a}.menu-ranking-row:hover{background:#f2d68a14}.menu-ranking-empty{text-align:center;color:#b8a775;padding:14px;font-style:italic;display:block}.menu-ranking-row.me{color:#fff4c9;background:linear-gradient(90deg,#86d5c82e,#86d5c80d 60%);box-shadow:inset 2px 0 #86d5c8}.menu-ranking-row b{color:#86d5c8;font-family:var(--font-display,"Cinzel", serif);font-size:13px;font-weight:800}.menu-ranking-row:first-child b{color:#f2d68a;text-shadow:0 0 8px #f2d68a99}.menu-ranking-row:nth-child(2) b{color:#d4d4d4}.menu-ranking-row:nth-child(3) b{color:#c89060}.menu-ranking-row span{text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.menu-ranking-row em{color:#f2d68a;text-align:right;font-style:normal;font-weight:950}.menu-ranking-row small{color:#b8a775;text-align:right;font-size:11px;font-weight:800}.menu-stat{text-align:left;background:linear-gradient(#1c1711c7,#080706eb),radial-gradient(circle at 20% 0,#f2d68a14,#0000 60%);border:1px solid #d6b56942;border-radius:4px;align-content:center;gap:5px;min-height:64px;padding:10px 12px;display:grid;position:relative;box-shadow:inset 0 1px #f2d68a14,0 4px 12px #00000052}.menu-stat:before{content:"";background:linear-gradient(180deg, transparent, var(--color-gold,#d4a85a), transparent);opacity:.7;width:2px;position:absolute;top:8px;bottom:8px;left:0}.menu-stat span{color:#a8987a;font-family:var(--font-display,"Cinzel", serif);letter-spacing:1.4px;text-transform:uppercase;font-size:11px;font-weight:700}.menu-stat strong{color:#f2d68a;font-family:var(--font-display,"Cinzel", serif);text-shadow:0 1px #0009;font-size:22px;font-weight:800;line-height:1}.menu-info{color:#a08f6a}.menu-info-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.menu-info-item{color:#cdbb92;background:#0c0a0894;border:1px solid #d6b56938;align-items:center;gap:8px;min-height:30px;padding:6px 11px;font-size:12px;display:flex}.menu-modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.menu-settings-modal{background:linear-gradient(#181c1bf5,#080909fa),radial-gradient(circle at 50% 0,#86d5c81f,#0000 42%);border:1px solid #86d5c857;width:min(560px,100%);padding:18px;box-shadow:0 28px 80px #0000009e,inset 0 1px #ffffff0d}.menu-modal-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.menu-modal-head span{color:#86d5c8;letter-spacing:2px;text-align:left;font-size:11px;font-weight:950;display:block}.menu-modal-head h2{color:#fff1b8;margin:2px 0 0;font-size:26px;line-height:1}.menu-modal-close{color:#f2d68a;cursor:pointer;background:#00000042;border:1px solid #f2d68a5c;width:36px;height:36px;font-weight:950}.menu-modal-section{border-top:1px solid #d6b56929;grid-template-columns:180px 1fr;align-items:center;gap:14px;padding:14px 0;display:grid}.menu-modal-copy{text-align:left;gap:5px;display:grid}.menu-modal-copy strong{color:#f2d68a;font-size:14px}.menu-modal-copy span{color:#b8a775;font-size:12px;line-height:1.35}.menu-setting-group.modal{margin:0}.menu-option-desc{color:#d9caa4;text-align:left;background:#0000003d;border:1px solid #d6b56929;grid-column:2;min-height:38px;margin:-6px 0 0;padding:9px 10px;font-size:12px;line-height:1.45}.trait-modal{background:linear-gradient(#221c15f7,#0a0908fa),radial-gradient(circle at 50% 0,#f2d68a1f,#0000 42%);border:1px solid #f2d68a57;width:min(920px,100%);max-height:min(760px,100vh - 40px);padding:20px;overflow:auto;box-shadow:0 28px 80px #000000a3,inset 0 1px #fff4c90f}.trait-modal-head{text-align:left;grid-template-columns:1fr auto 38px;align-items:start;gap:16px;margin-bottom:18px;display:grid}.trait-modal-head span{color:#86d5c8;letter-spacing:2px;font-size:11px;font-weight:950}.trait-modal-head h2{color:#fff1b8;margin:4px 0 6px;font-size:30px;line-height:1}.trait-modal-head p{color:#cdbb92;max-width:620px;margin:0;font-size:13px;line-height:1.5}.trait-modal-wallet{text-align:right;background:#00000047;border:1px solid #86d5c84d;min-width:116px;padding:10px 12px}.trait-modal-wallet strong{color:#f2d68a;font-size:24px;display:block}.trait-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.trait-card{background:linear-gradient(#29221adb,#0c0a09eb),radial-gradient(circle at 12% 0,#86d5c81a,#0000 38%);border:1px solid #d6b5693d;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;min-height:128px;padding:14px;display:grid}.trait-card-icon{color:#17110a;background:linear-gradient(#f2d68a,#9f793b);border:1px solid #f2d68a75;place-items:center;width:50px;height:50px;font-size:22px;font-weight:950;display:grid}.trait-card-main{text-align:left;min-width:0}.trait-card-line{justify-content:space-between;gap:10px;margin-bottom:4px;display:flex}.trait-card-line strong{color:#fff1b8;font-size:16px}.trait-card-line em{color:#86d5c8;font-style:normal;font-weight:950}.trait-card p{color:#cdbb92;margin:0 0 9px;font-size:12px;line-height:1.4}.trait-card-meter{background:#00000075;height:8px;overflow:hidden}.trait-card-meter div{background:linear-gradient(90deg,#86d5c8,#f2d68a);height:100%}.trait-card-meta{color:#b8a775;justify-content:space-between;gap:10px;margin-top:7px;font-size:11px;font-weight:850;display:flex}.trait-card button{color:#17110a;cursor:pointer;background:linear-gradient(#f2d68a,#9f793b);border:1px solid #f2d68a75;min-width:96px;min-height:40px;font-weight:950}.trait-card button:disabled{cursor:not-allowed;filter:grayscale(.7)brightness(.72)}.trait-modal-result{color:#d9caa4;text-align:left;background:#00000047;border:1px solid #f2d68a4d;margin-top:14px;padding:12px 14px;position:relative;overflow:hidden}.trait-modal-result.success{color:#9df3bb;background:radial-gradient(circle at 50% 0,#f2d68a33,#0000 46%),linear-gradient(135deg,#20754e38,#00000052);border-color:#7ee58a6b;box-shadow:0 0 28px #7ee58a33,inset 0 0 18px #f2d68a1a}.trait-modal-result.celebrate{animation:.9s ease-out both traitTriumphPulse}.trait-modal-result.fail{color:#f0a08f;border-color:#f08f7f6b}.trait-modal-result strong{color:#fff1b8}.trait-result-title{z-index:1;justify-content:space-between;align-items:baseline;gap:10px;display:flex;position:relative}.trait-result-title span{font-size:13px;font-weight:950}.trait-result-gains,.trait-spec-grid{z-index:1;margin-top:10px;position:relative}.trait-result-gains b,.trait-spec-grid b{color:#fff1b8;margin-bottom:6px;font-size:12px;display:block}.trait-result-gains div,.trait-spec-grid div{flex-wrap:wrap;gap:6px;display:flex}.trait-result-gains span,.trait-spec-grid span{color:#f5e7bd;background:#00000040;border:1px solid #f2d68a3d;padding:5px 8px;font-size:12px;font-weight:900}.trait-result-cheer{z-index:1;color:#d9caa4;margin:10px 0 0;font-size:12px;font-weight:850;position:relative}.trait-result-burst{pointer-events:none;position:absolute;inset:0}.trait-result-burst i{width:5px;height:18px;transform:rotate(calc(var(--spark) * 25.7deg)) translateY(-18px);background:linear-gradient(#fff7c8,#6ee79a);border-radius:99px;animation:.9s ease-out both traitSpark;position:absolute;top:42%;left:50%}@keyframes traitTriumphPulse{0%{filter:brightness(1.9);transform:scale(.96)}55%{filter:brightness(1.35);transform:scale(1.015)}to{filter:brightness();transform:scale(1)}}@keyframes traitSpark{0%{opacity:0;transform:rotate(calc(var(--spark) * 25.7deg)) translateY(0) scaleY(.4)}18%{opacity:1}to{opacity:0;transform:rotate(calc(var(--spark) * 25.7deg)) translateY(-92px) scaleY(1)}}.menu-info-icon{color:#86d5c8;border:1px solid #86d5c857;place-items:center;width:21px;height:21px;font-size:11px;font-weight:950;display:grid}.menu-quick-config{grid-template-columns:1fr 1fr;gap:10px;display:grid}.menu-pill-group{background:linear-gradient(#1c1812c7,#0a0908db);border:1px solid #d6b56947;border-radius:4px;margin:0;padding:6px 10px 8px}.menu-pill-group legend{color:#a8987a;font-family:var(--font-display,"Cinzel", serif);letter-spacing:1.6px;text-transform:uppercase;padding:0 6px;font-size:10px;font-weight:900}.menu-pill-group>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.menu-pill-group button{color:#cdbb92;font-family:var(--font-display,"Cinzel", serif);cursor:pointer;background:#0808088c;border:1px solid #d6b56938;border-radius:3px;align-content:center;justify-items:center;gap:1px;padding:7px 4px;transition:transform .14s,border-color .14s,filter .14s;display:grid}.menu-pill-group button b{color:#f2d68a;letter-spacing:1.3px;font-size:12px}.menu-pill-group button span{color:#8d7848;font-size:10px;font-weight:800}.menu-pill-group button:hover{filter:brightness(1.1);border-color:#f2d68a99;transform:translateY(-1px)}.menu-pill-group button.active{background:linear-gradient(#f2d68a,#9f793b);border-color:#fff4c8f2;box-shadow:0 0 14px #f2d68a6b,inset 0 1px #fff4c866}.menu-pill-group button.active b,.menu-pill-group button.active span{color:#17110a}.menu-secondary-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.menu-secondary-actions .menu-feature-btn{min-height:84px}.menu-feature-btn.settings{background:linear-gradient(#28221aeb,#0c0a08f5),radial-gradient(circle at 50% 0,#d6b5691a,#0000 42%);border-color:#d6b56952}.menu-account-card{padding:14px}.menu-account-card .menu-auth-form,.menu-account-card .menu-account-signed{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:grid}.menu-auth-fields{grid-template-columns:1fr 1fr auto;gap:6px;display:grid}.menu-auth-fields input{color:#efe6d0;min-width:0;height:36px;font:inherit;background:#0508088a;border:1px solid #86d5c847;outline:none;padding:0 11px;font-weight:800}.menu-auth-fields input:focus{border-color:#f2d68a99;box-shadow:0 0 0 2px #f2d68a2e}.menu-auth-fields button{color:#17110a;cursor:pointer;background:linear-gradient(#f2d68a,#9f793b);border:1px solid #f2d68ab3;min-width:88px;height:36px;padding:0 14px;font-weight:950}.menu-auth-error{color:#f08f7f;margin:0;font-size:12px;font-weight:800}.menu-account-signed{grid-template-columns:38px 1fr 38px;display:grid}.menu-account-text{min-width:0}.menu-account-text strong{color:#f2d68a;white-space:nowrap;text-overflow:ellipsis;font-size:15px;display:block;overflow:hidden}.menu-account-text span{color:#86d5c8;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.menu-side-card.menu-ranking{flex-direction:column;flex:auto;min-height:220px;display:flex}.menu-ranking-source.local{color:#f2d68a;border-color:#d6b56973}.menu-ranking-source.cloud{color:#9df3bb;border-color:#7ee58a8c}.menu-ranking-source.cloudError{color:#f0a08f;border-color:#f08f7f73}.menu-side-card.menu-ranking .menu-ranking-list{flex:1;max-height:none}@media (width<=980px){.menu-grid{grid-template-columns:1fr}}@media (width<=768px){.menu-content{padding:18px}.menu-title{letter-spacing:4px}.menu-title.title-accent{letter-spacing:7px}.menu-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-secondary-actions,.menu-quick-config,.menu-auth-fields,.menu-command-layout,.menu-growth-actions,.trait-modal-grid{grid-template-columns:1fr}.menu-utility-actions{justify-content:center}.menu-icon-btn{width:100%}.menu-profile{grid-template-columns:1fr auto}.menu-auth-form,.menu-account-signed,.menu-auth-head,.trait-modal-head,.trait-card{grid-template-columns:1fr}.trait-modal-wallet{text-align:left}.trait-card button{width:100%}.menu-profile label{grid-column:1/-1}.menu-ranking-row{grid-template-columns:28px 1fr 48px 70px}.menu-start-btn,.menu-ability-btn,.menu-settings-btn{width:100%}}:root{--color-bg:#120d09;--color-stone:#6b6e74;--color-stone-dark:#3e4046;--color-stone-light:#9aa0a8;--color-wood:#5a4a36;--color-wood-dark:#3a2e20;--color-iron:#8a4a2a;--color-gold:#d4a85a;--color-gold-bright:#f2c96a;--color-blood:#8b1a1a;--color-blood-bright:#b52828;--color-torch:#ff9a4a;--color-torch-glow:#ff9a4a66;--color-parchment:#e8d4a8;--color-parchment-dark:#c0a66c;--color-surface:#1e160eeb;--color-surface-hover:#2e2216f5;--color-glass:#19120ac7;--color-glass-border:#d4a85a40;--color-text:#efe2c4;--color-text-dim:#a08f6a;--color-text-bright:#fff5d8;--color-primary:#d4a85a;--color-primary-light:#f2c96a;--color-primary-dark:#8c6b30;--color-secondary:#b52828;--color-secondary-light:#e04848;--color-accent:#ff9a4a;--color-success:#8bb04a;--color-warning:#c84820;--color-hp:#b04a2a;--color-hp-low:#e05252;--color-hp-bg:#00000080;--font-display:"Cinzel", "Times New Roman", serif;--font-narrative:"IM Fell English", "Georgia", serif;--font-body:"Inter", "Segoe UI", sans-serif;--glass-blur:14px;--border-glow:0 0 16px #d4a85a33, inset 0 0 10px #d4a85a0f;--shadow-soft:0 8px 32px #0009, 0 2px 8px #0006;--shadow-elevated:0 20px 56px #000000bf, 0 6px 20px #00000080;--transition-smooth:all .14s cubic-bezier(.2, 0, .2, 1);--transition-bounce:all .18s cubic-bezier(.34, 1.56, .64, 1);--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:10px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--color-bg);width:100%;height:100%;color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}canvas{outline:none;display:block}.parchment{border:2px solid var(--color-glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated), inset 0 0 40px #0000008c, inset 0 1px 0 #d4a85a33;background:radial-gradient(at 0 0,#e8d4a80a,#0000 60%),radial-gradient(at 100% 100%,#b48c500f,#0000 60%),linear-gradient(#281c10eb,#18100af5);position:relative}.parchment:before{content:"";border-radius:calc(var(--radius-lg) - 2px);pointer-events:none;border:1px solid #d4a85a26;position:absolute;inset:4px}.glass{background:var(--color-glass);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.glass-strong{background:var(--color-surface);-webkit-backdrop-filter:blur(22px);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);border:2px solid #d4a85a4d}.btn-modern,.btn-medieval{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--color-gold-bright);cursor:pointer;transition:var(--transition-smooth);border-radius:var(--radius-sm);text-shadow:0 1px #000c;background:linear-gradient(#4a361ed9,#281c10f2);border:2px solid #d4a85a80;padding:12px 28px;font-size:14px;font-weight:700;position:relative;overflow:hidden;box-shadow:inset 0 1px #d4a85a33,inset 0 -2px 4px #0006,0 2px 6px #00000080}.btn-modern:hover,.btn-medieval:hover{border-color:var(--color-gold-bright);background:linear-gradient(#644624e6,#382614fa);transform:translateY(-2px);box-shadow:inset 0 1px #f2c96a59,inset 0 -2px 4px #0006,0 6px 22px #d4a85a4d}.btn-modern:active,.btn-medieval:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0009}.btn-secondary{color:#f4c0c0;background:linear-gradient(#5a1a1ae0,#320e0ef5);border-color:#b5282899}.btn-secondary:hover{border-color:var(--color-secondary-light);background:linear-gradient(#782020eb,#421212fa);box-shadow:0 6px 22px #b5282859}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#00000059;border-radius:2px}::-webkit-scrollbar-thumb{background:#d4a85a59;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#f2c96a8c}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}@keyframes torch-flicker{0%,to{opacity:1;filter:brightness()}45%{opacity:.92;filter:brightness(1.08)}55%{opacity:.85;filter:brightness(.9)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-60px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes breathe{0%,to{opacity:.4}50%{opacity:.9}}@keyframes banner-wave{0%,to{transform:skew(0)}50%{transform:skew(-2deg)}}.hit-flash-overlay{pointer-events:none;z-index:999;background:radial-gradient(#0000 35%,#8b1a1a73 100%);animation:.18s ease-out forwards hit-flash;position:fixed;inset:0}@keyframes hit-flash{0%{opacity:1}to{opacity:0}}.vignette-overlay{pointer-events:none;z-index:50;background:radial-gradient(#0000 45%,#0000008c 100%);position:fixed;inset:0}@media (width<=768px){:root{--glass-blur:10px}}