@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800;900&family=Inter:wght@400;600;700;800;900&display=swap";:root{color-scheme:dark;font-family:Inter,Segoe UI,ui-sans-serif,system-ui,sans-serif;background:#030712;color:#f5ead0;--gold: #d9b45f;--gold2: #8d6a2c;--navy: #071226;--panel: rgba(10, 18, 35, .82);--glass: rgba(255, 255, 255, .055);--muted: #aeb9ca}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#02040aad,#02040aeb 58%,#02040a),radial-gradient(ellipse at 50% -12%,rgba(222,185,94,.2),transparent 38%),radial-gradient(circle at 10% 14%,rgba(178,34,49,.26),transparent 28%),radial-gradient(circle at 88% 10%,rgba(54,142,255,.28),transparent 31%),url(/background.jpg),linear-gradient(180deg,#050917,#02040a 72%);background-size:auto,auto,auto,auto,cover,auto;background-position:center,center,center,center,center top,center;background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(#02040a47,#02040a6b),radial-gradient(circle,rgba(240,199,103,.2) 0 1px,transparent 1.5px),linear-gradient(rgba(217,180,95,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(217,180,95,.035) 1px,transparent 1px);background-size:auto,90px 90px,44px 44px,44px 44px;-webkit-mask-image:radial-gradient(circle at top,black,transparent 78%);mask-image:radial-gradient(circle at top,black,transparent 78%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 0 20%,rgba(2,4,10,.42) 55%,rgba(2,4,10,.78) 100%),repeating-linear-gradient(30deg,rgba(255,255,255,.018) 0 1px,transparent 1px 16px)}button,input,select,textarea{font:inherit}button{min-height:52px;border:1px solid var(--gold);border-radius:3px;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);background:linear-gradient(180deg,#ffe9a3,#d69b35 36%,#6b4215 68%,#151924 69%,#070b13);color:#170f08;font-weight:900;padding:0 16px;cursor:pointer;box-shadow:0 0 18px #d9b45f33,inset 0 2px #ffffff70,inset 0 -9px 16px #0000007a;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;text-transform:uppercase;letter-spacing:.03em}button:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 0 28px #d9b45f4d,inset 0 2px #ffffff7a}button:active{transform:translateY(1px) scale(.99);filter:brightness(.94)}input,select,textarea{width:100%;border:1px solid rgba(217,180,95,.5);background:#030712d1;color:#f5ead0;border-radius:10px;padding:13px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:#f2d27b;box-shadow:0 0 0 3px #d9b45f1f}textarea{min-height:94px;resize:vertical}label{display:grid;gap:8px;color:#d8cba7;font-size:14px}.app-shell{min-height:100vh;padding-bottom:90px}.red{--side: #ff5151;--side-soft: rgba(255, 61, 61, .25)}.blue{--side: #62a7ff;--side-soft: rgba(68, 145, 255, .25)}.topbar{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(217,180,95,.48);background:#040916db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 28px #0000003d}.brand-lockup,.dashboard-hero,.settings-hero,.duo-avatars{display:flex;align-items:center;gap:12px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Cinzel,Georgia,serif;text-transform:uppercase;text-shadow:0 0 20px rgba(240,199,103,.18)}h1{margin-bottom:0;font-size:26px;letter-spacing:.08em;color:#fff1be}h2{font-size:clamp(28px,8vw,46px);margin-bottom:14px;color:#ffe6a0;letter-spacing:.03em}h3{color:#f7d887;letter-spacing:.05em}.eyebrow{margin:0 0 5px;color:var(--gold);text-transform:uppercase;font-size:11px;letter-spacing:.16em;font-weight:900}.muted{color:var(--muted)}.stack{display:grid;gap:15px}.page{padding:16px;max-width:1040px;margin:0 auto}.panel,.hero-card{position:relative;overflow:hidden;border:1px solid rgba(217,180,95,.66);border-radius:4px 18px;background:linear-gradient(145deg,#121f3aeb,#050814f0);box-shadow:0 18px 44px #00000080,inset 0 0 0 1px #ffffff0e,inset 0 0 34px #d9b45f09;padding:18px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel:after,.hero-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,239,186,.06),transparent 24%,transparent 74%,rgba(217,180,95,.07));opacity:.72}.panel:before,.hero-card:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border:1px solid rgba(217,180,95,.16);border-radius:12px;pointer-events:none}.panel>*,.hero-card>*{position:relative;z-index:1}.hero-panel{box-shadow:0 18px 54px #00000073,0 0 42px var(--side-soft)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:18px}.hero-card{width:min(520px,100%);text-align:center}.hero-card.wide{width:min(760px,100%)}.crest{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 12px;border:1px solid var(--gold);border-radius:50%;font-size:38px;background:radial-gradient(circle,#d9b45f4d,#071226cc);box-shadow:0 0 34px #d9b45f38}.profile-grid,.type-grid,.quest-menu,.mana-menu{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-card{display:grid;gap:7px;place-items:center;min-height:190px;color:#f4ead2;background:linear-gradient(160deg,#0d172de6,#040710eb)}.profile-card.red{border-color:#ff665e;box-shadow:0 0 28px #ff47473d}.profile-card.blue{border-color:#5ea1ff;box-shadow:0 0 28px #4a90ff3d}.avatar{width:48px;height:48px;flex:0 0 auto;border:1px solid var(--gold);border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,var(--side-soft),#071226);box-shadow:0 0 20px var(--side-soft);font-weight:900}.avatar.large{width:86px;height:86px;font-size:30px}.avatar img{width:100%;height:100%;object-fit:cover}.ghost,.secondary{background:#ffffff0a;color:#f5ead0}.game-button,.quest-choice{position:relative;isolation:isolate;min-height:82px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:13px;text-align:left;padding:14px 16px;color:#f8edcf;border-radius:3px;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px);border:1px solid rgba(238,205,128,.86);background:linear-gradient(120deg,transparent 0 18%,rgba(255,255,255,.055) 18.4% 19.2%,transparent 19.6% 52%,rgba(255,255,255,.04) 52.4% 53.2%,transparent 53.6%),linear-gradient(180deg,#45556cf5,#121b2efa 36%,#060a15fc 58%,#533912b8);box-shadow:inset 0 0 0 1px #ffffff13,inset 0 10px 18px #ffffff0a,inset 0 -20px 32px #00000075,0 0 24px #d9b45f2b}.game-button:before,.quest-choice:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(217,180,95,.22);border-radius:6px 14px;pointer-events:none}.game-button:after,.quest-choice:after{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,247,204,.8),transparent);opacity:.75}.game-button span,.quest-choice span{grid-row:span 2;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(238,205,128,.75);background:radial-gradient(circle,#eecd8059,#040916eb);color:#ffe9a8;font-size:22px;box-shadow:0 0 18px #d9b45f33}.game-button b,.quest-choice b{color:#fff2c8;font-size:15px;letter-spacing:.03em;text-transform:uppercase}.game-button small,.quest-choice small{color:#aeb9ca;font-weight:700}.game-button.primary-rune{background:linear-gradient(120deg,transparent 0 18%,rgba(255,255,255,.055) 18.4% 19.2%,transparent 19.6%),linear-gradient(180deg,#5e252efa,#25121efa 42%,#080a14fc 62%,#523711d1);box-shadow:0 0 28px var(--side-soft),inset 0 0 0 1px #ffffff12,inset 0 -20px 30px #0000006b}.game-button.blue-rune{border-color:#81dbffd1;background:linear-gradient(120deg,transparent 0 18%,rgba(255,255,255,.055) 18.4% 19.2%,transparent 19.6%),linear-gradient(180deg,#154c6ffa,#0b2946fa 42%,#050b1afc 62%,#164b68bd);box-shadow:0 0 27px #40baff38,inset 0 0 0 1px #ffffff12,inset 0 -20px 30px #0000006b}.game-button.blue-rune span{border-color:#9fecffc7;background:radial-gradient(circle,#48d3ff66,#040916eb);color:#bff8ff}.game-button.quiet-rune{opacity:.86;background:linear-gradient(135deg,#121826e6,#050810f5)}.quest-choice.selected{border-color:#fff1ad;background:linear-gradient(135deg,#5e3d10fa,#141c30f5 54%,#955b14c2);box-shadow:0 0 30px #f0c76742,inset 0 0 0 1px #ffffff14;transform:translateY(-1px)}.loadout-summary{display:grid;gap:4px;padding:12px 14px;border:1px solid rgba(217,180,95,.34);border-radius:4px 16px;background:#00000038}.loadout-summary strong{color:#fff1be;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.loadout-summary span{color:var(--muted)}.danger{border-color:#ff6b6b;color:#ffe2e2;background:#6e1818b3}.small{min-height:36px;padding:0 12px;font-size:13px}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.stat{border:1px solid rgba(217,180,95,.34);border-radius:12px;padding:14px;background:#ffffff0a}.stat span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.stat strong{font-size:28px}.rank-progress{display:grid;gap:4px;margin:4px 0 14px;padding:12px 14px;border:1px solid rgba(217,180,95,.32);border-radius:6px 18px;background:linear-gradient(90deg,#d9b45f14,#ffffff06)}.rank-progress strong{color:#fff1be;font-family:Cinzel,Georgia,serif;letter-spacing:.06em;text-transform:uppercase}.rank-progress span{color:var(--muted);font-size:13px}.rank-badge{--rank: #f0c767;min-width:104px;display:grid;justify-items:center;gap:4px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--rank),#fff 18%);border-radius:6px 18px;background:radial-gradient(circle at 50% 15%,color-mix(in srgb,var(--rank),transparent 60%),transparent 58%),linear-gradient(180deg,#ffffff14,#00000047);box-shadow:0 0 28px color-mix(in srgb,var(--rank),transparent 76%),inset 0 0 18px #ffffff09;animation:rankPulse 3s ease-in-out infinite}.rank-badge i{width:48px;height:48px;display:grid;place-items:center;clip-path:polygon(50% 0,86% 20%,76% 78%,50% 100%,24% 78%,14% 20%);background:linear-gradient(180deg,color-mix(in srgb,var(--rank),#fff 24%),color-mix(in srgb,var(--rank),#111 36%));color:#08101d;font-style:normal;font-size:23px;text-shadow:0 1px rgba(255,255,255,.28);box-shadow:inset 0 2px #ffffff73}.rank-badge span{font-family:Cinzel,Georgia,serif;font-size:12px;font-weight:800;color:#fff0bf;letter-spacing:.08em;text-transform:uppercase}.rank-badge.compact{min-width:78px;padding:6px 8px}.rank-badge.compact i{width:34px;height:34px;font-size:17px}.rank-badge.compact span{font-size:10px}.xp-label{color:#d8cba7;font-size:13px;margin-bottom:8px}.xp-track{height:16px;background:#050914;border:1px solid rgba(217,180,95,.55);border-radius:999px;overflow:hidden;box-shadow:inset 0 0 12px #000000a6}.xp-track span{display:block;height:100%;background:linear-gradient(90deg,#7e4c14,#f0c767,#fff0a8);animation:shimmer 2.2s infinite linear}.mana-wrap{display:flex;align-items:center;gap:18px}.mana-wrap.large{align-items:stretch}.mana-vessel{position:relative;width:74px;height:132px;border:2px solid rgba(162,218,255,.72);border-radius:26px 26px 18px 18px;overflow:hidden;background:#051224cc;box-shadow:0 0 28px #3ac0ff38,inset 0 0 18px #0000008c}.mana-wrap.large .mana-vessel{width:108px;height:190px}.mana-vessel span{position:absolute;left:0;right:0;bottom:0;min-height:5%;background:linear-gradient(180deg,#a7fff8,#22b7ff 45%,#1866d7);box-shadow:0 -8px 18px #a7fff87a;transition:height .45s ease}.mana-vessel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:translate(-100%);animation:glassSweep 3.2s infinite}.success.mini{padding:8px;margin:8px 0 0}.type-grid button{display:grid;gap:4px;background:#0d1529e6;color:#f4ead2}.type-grid button.selected{background:linear-gradient(180deg,#f2d27b,#ad7a25 58%,#5b3411);color:#170f08}.checkin-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid rgba(217,180,95,.22);padding:13px 0}.checkin-row span,.checkin-row small{display:block;color:var(--muted);margin-top:3px}.checkin-row.recovery{background:linear-gradient(90deg,rgba(83,202,255,.06),transparent)}.history-row{border:1px solid rgba(217,180,95,.28);border-radius:12px;padding:0 12px 12px}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin-top:16px}.day-tile{min-height:112px;border:1px solid rgba(217,180,95,.34);border-radius:12px;padding:10px;display:grid;align-content:center;gap:5px;text-align:center;background:#ffffff0a}.day-tile small,.day-tile em{color:var(--muted);font-style:normal}.day-tile.both{border-color:#f0c767;box-shadow:0 0 24px #f0c7672e}.day-tile.aaron{border-color:#ff665e}.day-tile.tea{border-color:#5ea1ff}.tile-avatars{display:flex;justify-content:center;gap:4px}.tile-avatars span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#111827;color:#596274;font-size:11px;border:1px solid #293248}.tile-avatars span.lit{color:#170f08;background:#f0c767;border-color:#ffe8a0}.duo-profile{display:grid;place-items:center;gap:7px;padding:10px;border:1px solid rgba(217,180,95,.25);border-radius:6px 18px;background:#ffffff09}.duo-score{font-family:Cinzel,Georgia,serif;font-size:38px;font-weight:950;color:#f0c767;text-shadow:0 0 18px rgba(240,199,103,.24)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:5;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:10px;background:linear-gradient(180deg,#090f1cf0,#030712fa);border-top:1px solid rgba(217,180,95,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -12px 30px #00000061}.bottom-nav button{min-height:58px;padding:5px 4px;display:grid;place-items:center;gap:2px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;border-radius:8px 14px;background:linear-gradient(180deg,#101b33f5,#040812fa);color:#d8cba7;box-shadow:inset 0 0 0 1px #ffffff0a}.bottom-nav button span{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(217,180,95,.35);border-radius:50%;color:#f0c767;background:#00000038;font-size:15px}.bottom-nav button em{font-style:normal}.bottom-nav button.active{background:radial-gradient(circle at top,rgba(240,199,103,.34),transparent 55%),linear-gradient(180deg,#253252fa,#0d1222fa);color:#fff2c8;border-color:#f0c767;box-shadow:0 0 22px #f0c76733,inset 0 0 0 1px #ffffff12}.bottom-nav button.active span{color:#140d05;background:linear-gradient(180deg,#ffe7a3,#b77b25);border-color:#ffe7a3}.error,.success{border-radius:10px;padding:12px;margin:12px 16px}.error{border:1px solid #ff6b6b;background:#6e181873}.success{border:1px solid #67d391;background:#186e3b59}.edit-form{display:grid;gap:10px;margin:14px 0;padding:12px;border:1px solid rgba(217,180,95,.35);border-radius:12px;background:#0000002e}@keyframes shimmer{0%{filter:brightness(.95)}50%{filter:brightness(1.22)}to{filter:brightness(.95)}}@keyframes glassSweep{0%{transform:translate(-120%)}45%,to{transform:translate(120%)}}@keyframes rankPulse{0%,to{filter:brightness(.98)}50%{filter:brightness(1.12)}}@media(max-width:760px){.week-grid{grid-template-columns:repeat(2,1fr)}.profile-grid,.type-grid,.quest-menu,.mana-menu,.stat-row{grid-template-columns:1fr}.bottom-nav{overflow-x:auto;grid-template-columns:repeat(7,minmax(68px,1fr))}.dashboard-hero{display:grid;grid-template-columns:auto 1fr}.dashboard-hero .rank-badge{grid-column:1 / -1;justify-self:start}}