*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-y-0{top:0;bottom:0}.right-3{right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-4{height:1rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-full{width:100%}.flex-1{flex:1}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.appearance-none{appearance:none}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-green-400{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.border-yellow-300{--tw-border-opacity:1;border-color:rgb(253 224 71/var(--tw-border-opacity,1))}.border-yellow-400{--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity,1))}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-50\/40{background-color:#f0fdf466}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-green-900{--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-yellow-700\/40{background-color:#a1620766}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.from-yellow-600{--tw-gradient-from:#ca8a04 var(--tw-gradient-from-position);--tw-gradient-to:#ca8a0400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-yellow-500{--tw-gradient-to:#eab308 var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-200{--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity,1))}.text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);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)}.grayscale{--tw-grayscale:grayscale(100%);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)}.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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--green-900:#062e1c;--green-800:#0a3f27;--green-700:#0f5132;--green-600:#1a6b3a;--green-500:#2a8a4d;--green-400:#43a663;--green-300:#7ac88f;--green-100:#d8f0de;--green-50:#effaf2;--yellow-600:#d9a900;--yellow-500:#f5c500;--yellow-400:#ffce00;--yellow-300:#ffd933;--yellow-200:#ffe66e;--yellow-100:#fff4b8;--yellow-50:#fffbe5;--blue:#1d6cb8;--coral:#ff5e3a;--cream:#fffaf0;--paper:#fdfbf3;--ink:#0e1f17;--ink-soft:#2a3a31;--muted:#6b7a72;--line:#e6ddc4;--line-soft:#f0e9d5;--shadow-card:0 1px 0 #0e1f170a, 0 8px 24px -12px #0e1f172e;--shadow-soft:0 1px 0 #0e1f170d, 0 2px 8px -4px #0e1f171f;--shadow-pop:0 8px 0 var(--green-900);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--font-display:"Bricolage Grotesque", "Archivo Black", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{font-family:var(--font-body);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}body{background:radial-gradient(ellipse 800px 400px at 10% -10%, #ffce0014, transparent 60%), radial-gradient(ellipse 600px 400px at 100% 110%, #2a8a4d0f, transparent 60%), var(--cream);min-height:100vh}.app{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--green-800);color:var(--green-100);border-right:1px solid var(--green-900);background-image:radial-gradient(circle at 20% 0,#ffce000f,#0000 50%),radial-gradient(circle at 100% 100%,#ffce000a,#0000 50%);flex-direction:column;gap:18px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{border-bottom:1px dashed #ffce0033;align-items:center;gap:12px;padding:8px 10px 16px;display:flex}.brand-mark{background:var(--yellow-400);width:48px;height:48px;box-shadow:0 3px 0 var(--green-900);border-radius:14px;flex-shrink:0;place-items:center;display:grid;position:relative}.brand-name{font-family:var(--font-display);color:var(--yellow-300);letter-spacing:-.01em;font-size:17px;font-weight:800;line-height:1.05}.brand-tag{color:var(--green-300);letter-spacing:.14em;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:600}.nav{flex-direction:column;gap:2px;display:flex}.nav-section{letter-spacing:.16em;color:var(--yellow-400);text-transform:uppercase;padding:16px 12px 8px;font-size:10px;font-weight:700}.nav-item{color:var(--green-100);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:var(--yellow-200);background:#ffce001a}.nav-item.active{background:var(--yellow-400);color:var(--green-900);box-shadow:0 2px 0 var(--yellow-600);font-weight:700}.nav-item.active .nav-icon{color:var(--green-900)}.nav-icon{width:18px;height:18px;color:var(--yellow-400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-foot{color:var(--green-300);border-top:1px dashed #ffce0033;margin-top:auto;padding:16px 10px;font-size:11px;line-height:1.5}.sidebar-foot strong{color:var(--yellow-300);letter-spacing:.04em;font-weight:700}.logout{color:var(--green-100);cursor:pointer;align-items:center;gap:8px;margin-top:12px;font-size:13px;font-weight:500;display:flex}.logout:hover{color:var(--yellow-300)}.topbar{background:var(--paper);border-bottom:1px solid var(--line);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 32px;display:flex;position:sticky;top:0}.search{background:var(--cream);border:1px solid var(--line);width:340px;color:var(--muted);border-radius:12px;align-items:center;gap:10px;padding:9px 14px;font-size:13px;display:flex}.search input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.search input::placeholder{color:var(--muted)}.topbar-right{align-items:center;gap:18px;display:flex}.icon-btn{background:var(--cream);border:1px solid var(--line);width:38px;height:38px;color:var(--ink-soft);cursor:pointer;border-radius:10px;place-items:center;display:grid;position:relative}.icon-btn:hover{border-color:var(--green-500);color:var(--green-700)}.icon-btn .dot{background:var(--coral);border:2px solid var(--paper);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.user-chip{background:var(--green-50);border:1px solid var(--green-100);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex}.user-chip:hover{border-color:var(--green-400)}.avatar{background:var(--yellow-400);width:34px;height:34px;font-family:var(--font-display);color:var(--green-900);box-shadow:0 2px 0 var(--yellow-600);border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid;overflow:hidden}.avatar-photo{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.user-chip-name{color:var(--ink);font-size:13px;font-weight:700;line-height:1.1}.user-chip-email{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.1}.page{width:100%;max-width:1200px;margin:0 auto;padding:28px 32px 60px}.hero{border-radius:var(--radius-xl);background:radial-gradient(circle at 88% 30%, #ffce0038, transparent 55%), radial-gradient(circle at 0% 100%, #ffce001a, transparent 50%), linear-gradient(135deg, var(--green-700) 0%, var(--green-800) 100%);color:#fff;border:1px solid var(--green-900);box-shadow:var(--shadow-card);padding:32px 36px;position:relative;overflow:hidden}.hero-stripes{pointer-events:none;opacity:.08;background-image:repeating-linear-gradient(45deg, transparent 0, transparent 14px, var(--yellow-400) 14px, var(--yellow-400) 16px);position:absolute;inset:0}.hero-badge{background:var(--yellow-400);color:var(--green-900);letter-spacing:.14em;text-transform:uppercase;box-shadow:0 2px 0 var(--yellow-600);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:800;display:inline-flex;position:relative}.hero-title{font-family:var(--font-display);letter-spacing:-.02em;margin:14px 0 4px;font-size:44px;font-weight:800;line-height:1}.hero-sub{color:var(--green-100);margin:0;font-size:16px}.hero-sub strong{color:var(--yellow-300);font-weight:700}.hero-meta{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex;position:relative}.meta-pill{color:var(--green-100);background:#ffffff14;border:1px solid #ffce002e;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:500;display:inline-flex}.hero-mascot{pointer-events:none;position:absolute;top:50%;right:36px;transform:translateY(-50%)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.section-title{justify-content:space-between;align-items:baseline;margin:32px 0 14px;display:flex}.section-title h2{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700}.section-title .eyebrow{color:var(--green-600);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700}.section-title h2+.sub{color:var(--muted);font-size:13px;font-weight:400;font-family:var(--font-body);letter-spacing:0;text-transform:none;margin-top:2px;display:block}.countdown{background:linear-gradient(135deg, var(--yellow-400) 0%, var(--yellow-300) 100%);border-radius:var(--radius-xl);border:1px solid var(--yellow-600);box-shadow:0 4px 0 var(--yellow-600), var(--shadow-soft);margin-top:18px;padding:26px 32px;position:relative;overflow:hidden}.countdown:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(-45deg,#0000 0 30px,#ffffff26 30px 31px);position:absolute;inset:0}.countdown-head{align-items:center;gap:12px;display:flex;position:relative}.countdown-eyebrow{color:var(--green-800);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.countdown-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid;position:relative}.tick{background:var(--green-800);color:#fff;border-radius:var(--radius-md);text-align:center;border:2px solid var(--green-900);padding:16px 8px 12px;position:relative;overflow:hidden}.tick:before{content:"";background:#ffce002e;height:1px;position:absolute;top:50%;left:0;right:0}.tick-num{font-family:var(--font-display);color:var(--yellow-300);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:38px;font-weight:800;line-height:1}.tick-label{color:var(--green-300);letter-spacing:.16em;text-transform:uppercase;margin-top:8px;font-size:10px;font-weight:700}.countdown-foot{text-align:center;color:var(--green-900);margin-top:16px;font-size:13px;font-weight:500;position:relative}.countdown-foot strong{font-weight:800}.engagement-card{background:linear-gradient(135deg, var(--yellow-400) 0%, var(--yellow-300) 100%);border-radius:var(--radius-xl);border:1px solid var(--yellow-600);box-shadow:0 4px 0 var(--yellow-600), var(--shadow-soft);cursor:pointer;text-align:left;width:100%;padding:16px 16px 14px;transition:transform .15s;position:relative;overflow:hidden}.engagement-card:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(-45deg,#0000 0 30px,#ffffff26 30px 31px);position:absolute;inset:0}.engagement-card:hover{transform:translateY(-2px)}.engagement-card:active{transform:scale(.98)}.ec-eyebrow{color:var(--green-800);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:4px;font-size:9px;font-weight:800;display:flex}.ec-title{font-family:var(--font-display);color:var(--green-900);margin:6px 0 2px;font-size:16px;font-weight:800;line-height:1.15}.ec-sub{color:var(--green-800);margin-bottom:10px;font-size:10px;font-weight:600}.ec-cta{background:var(--green-800);color:var(--yellow-300);letter-spacing:.04em;border-radius:var(--radius-md);box-shadow:0 2px 0 var(--green-900);padding:5px 10px;font-size:10px;font-weight:800;display:inline-block;position:relative}.ec-progress-track{background:#0000001f;border-radius:99px;height:5px;margin-bottom:4px;overflow:hidden}.ec-progress-fill{background:var(--green-800);border-radius:99px;height:100%;transition:width .6s}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.stat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:18px;position:relative;overflow:hidden}.stat:before{content:"";background:var(--accent,transparent);opacity:.06;pointer-events:none;position:absolute;inset:0}.stat-icon{background:var(--accent-bg,var(--green-50));width:38px;height:38px;color:var(--accent,var(--green-700));border-radius:10px;place-items:center;margin-bottom:12px;display:grid}.stat-num{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:32px;font-weight:800;line-height:1}.stat-label{color:var(--muted);margin-top:6px;font-size:12px;font-weight:500}.brazil-group{background:var(--green-700);border-radius:var(--radius-xl);border:1px solid var(--green-900);box-shadow:var(--shadow-card);padding:24px;position:relative;overflow:hidden}.brazil-group:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffce002e,#0000 70%);width:220px;height:220px;position:absolute;top:-40px;right:-40px}.brazil-head{align-items:center;gap:12px;margin-bottom:18px;display:flex;position:relative}.group-pill{background:var(--yellow-400);color:var(--green-900);letter-spacing:.14em;text-transform:uppercase;box-shadow:0 2px 0 var(--yellow-600);border-radius:6px;padding:5px 10px;font-size:11px;font-weight:800}.brazil-head h3{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700}.brazil-mascot-corner{opacity:.9;width:80px;height:80px;position:absolute;bottom:-8px;right:-8px}.team-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid;position:relative}.team{background:var(--green-600);border:1px solid var(--green-500);border-radius:var(--radius-md);text-align:center;cursor:pointer;padding:14px;transition:transform .15s}.team:hover{transform:translateY(-2px)}.team.brazil{background:var(--yellow-400);border-color:var(--yellow-600);color:var(--green-900);box-shadow:0 3px 0 var(--yellow-600)}.team-flag{-o-object-fit:cover;object-fit:cover;background:#fff;border:1px solid #0000001a;border-radius:4px;width:44px;height:30px;margin:0 auto 8px;display:block;overflow:hidden}.team-name{color:#fff;font-size:14px;font-weight:700;line-height:1.1}.team.brazil .team-name{color:var(--green-900)}.team-region{color:var(--green-300);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:500}.team.brazil .team-region{color:var(--green-700)}.group-foot{color:var(--green-100);border-top:1px dashed #ffce0040;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;font-size:12px;display:flex;position:relative}.group-foot .next-game{color:var(--yellow-300);align-items:center;gap:8px;font-weight:600;display:flex}.btn{cursor:pointer;letter-spacing:-.005em;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:700;transition:all .12s;display:inline-flex}.btn-primary{background:var(--green-700);color:#fff;box-shadow:0 3px 0 var(--green-900)}.btn-primary:hover{background:var(--green-600);box-shadow:0 4px 0 var(--green-900);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-yellow{background:var(--yellow-400);color:var(--green-900);box-shadow:0 3px 0 var(--yellow-600)}.btn-yellow:hover{background:var(--yellow-300);box-shadow:0 4px 0 var(--yellow-600);transform:translateY(-1px)}.btn-ghost{background:var(--cream);color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--green-500);color:var(--green-700)}.btn-danger{color:#fff;background:#dc2626;box-shadow:0 3px #991b1b}.btn-danger:hover{background:#b91c1c}.match-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:18px 20px;display:grid;position:relative}.match-card.featured{border-color:var(--yellow-400);background:linear-gradient(180deg, var(--yellow-50) 0%, var(--paper) 100%)}.match-team{align-items:center;gap:12px;display:flex}.match-team.right{justify-content:flex-end}.match-team-flag{border:1px solid var(--line);-o-object-fit:cover;object-fit:cover;border-radius:5px;flex-shrink:0;width:48px;height:32px;display:block;overflow:hidden}.match-team-name{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:18px;font-weight:700}.match-vs{text-align:center}.match-vs-time{font-family:var(--font-display);color:var(--green-700);font-size:22px;font-weight:800;line-height:1}.match-vs-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.match-meta{border-top:1px dashed var(--line);color:var(--muted);grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:6px;padding-top:14px;font-size:12px;display:flex}.bolao-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px;display:grid}.bolao{background:linear-gradient(135deg, var(--yellow-400), var(--yellow-300));border:1px solid var(--yellow-600);border-radius:var(--radius-xl);box-shadow:0 4px 0 var(--yellow-600), var(--shadow-soft);padding:20px;transition:transform .15s;position:relative;overflow:hidden}.bolao:hover{transform:translateY(-2px)}.bolao:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(45deg,#0000 0 28px,#0f51320f 28px 30px);position:absolute;inset:0}.bolao-head{z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.bolao-title{font-family:var(--font-display);color:var(--green-900);letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1.05}.bolao-desc{color:var(--green-800);margin-top:4px;font-size:13px}.bolao-trophy{background:var(--green-800);width:40px;height:40px;color:var(--yellow-300);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.bolao-meta{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tag{background:var(--green-50);color:var(--green-700);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.bolao-meta .tag{color:var(--green-900);background:#0f51321f;border:1px solid #0f51322e}.tag.live{background:var(--coral);color:#fff}.tag.live:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.bolao-code{z-index:1;background:#0f51321f;border:1px dashed #0f51324d;border-radius:10px;justify-content:space-between;align-items:center;margin-top:16px;padding:10px 14px;display:flex;position:relative}.bolao-code-label{color:var(--green-800);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.bolao-code-value{font-family:var(--font-mono);color:var(--green-900);letter-spacing:.06em;font-size:18px;font-weight:700}.bolao-code-copy{color:var(--green-800);cursor:pointer;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.bolao-actions{z-index:1;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid;position:relative}.bolao-actions .btn-yellow{grid-column:1/-1}.achievements-strip{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px;display:grid}.badge{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);text-align:center;padding:16px 12px;position:relative;overflow:hidden}.badge.locked{opacity:.4;filter:grayscale()}.badge.gold{background:linear-gradient(160deg, #fffbeb, var(--yellow-50));border-color:var(--yellow-400)}.badge.silver{background:linear-gradient(160deg,#f8fafc,#f1f5f9);border-color:#94a3b8}.badge.bronze{background:linear-gradient(160deg,#fff7ed,#ffedd5);border-color:#fb923c}.badge-medal{background:var(--yellow-100);width:56px;height:56px;color:var(--yellow-600);border:3px solid var(--yellow-400);border-radius:50%;place-items:center;margin:0 auto 8px;font-size:24px;display:grid;position:relative}.badge-medal.gold{background:linear-gradient(135deg, var(--yellow-300), var(--yellow-500));color:var(--green-900);border-color:var(--yellow-600);box-shadow:0 2px 8px #eab30859}.badge-medal.silver{color:#1e293b;background:linear-gradient(135deg,#e2e8f0,#94a3b8);border-color:#64748b;box-shadow:0 2px 8px #64748b40}.badge-medal.bronze{color:#7c2d12;background:linear-gradient(135deg,#fed7aa,#f97316);border-color:#ea580c;box-shadow:0 2px 8px #ea580c40}.badge-name{color:var(--ink);margin-top:4px;font-size:11px;font-weight:700}.badge-desc{color:var(--muted);margin-top:2px;font-size:10px}.ranking{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden}.rank-row{border-bottom:1px solid var(--line-soft);grid-template-columns:50px 1fr auto auto;align-items:center;gap:14px;padding:12px 18px;font-size:13px;display:grid}.rank-row:last-child{border-bottom:none}.rank-row.me{background:var(--yellow-50);border-left:4px solid var(--yellow-400);padding-left:14px}.rank-pos{font-family:var(--font-display);color:var(--muted);text-align:center;font-size:20px;font-weight:800}.rank-pos.first{color:var(--yellow-600)}.rank-pos.second{color:#9aa0a6}.rank-pos.third{color:#cd7f32}.rank-user{align-items:center;gap:12px;display:flex}.rank-avatar{background:var(--green-500);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.rank-name{color:var(--ink);font-weight:600}.rank-name .you{background:var(--yellow-400);color:var(--green-900);letter-spacing:.08em;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:800}.rank-streak{color:var(--muted);font-size:11px;font-weight:500}.rank-pts{font-family:var(--font-display);color:var(--green-700);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.region-block{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);margin-top:14px;padding:22px}.region-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.region-dot{background:var(--green-500);border-radius:50%;width:10px;height:10px}.region-name{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:18px;font-weight:700}.region-count{color:var(--muted);font-size:13px;font-weight:500}.selection-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.selection{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-md);text-align:center;cursor:pointer;padding:14px 10px;transition:all .15s}.selection:hover{border-color:var(--green-500);background:#fff;transform:translateY(-2px)}.selection.featured{background:var(--yellow-400);border-color:var(--yellow-600);box-shadow:0 3px 0 var(--yellow-600)}.selection .team-flag{width:36px;height:24px;margin:0 auto 8px}.selection-name{color:var(--ink);font-size:12px;font-weight:700;line-height:1.1}.selection-group{color:var(--muted);margin-top:3px;font-size:10px;font-weight:600}.selection.featured .selection-group{color:var(--green-700)}.profile-card{background:linear-gradient(135deg, var(--yellow-400), var(--yellow-300));border:1px solid var(--yellow-600);border-radius:var(--radius-xl);box-shadow:0 4px 0 var(--yellow-600), var(--shadow-soft);margin-top:18px;padding:28px;position:relative;overflow:hidden}.profile-card:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(45deg,#0000 0 28px,#0f51320f 28px 30px);position:absolute;inset:0}.profile-banner{background:linear-gradient(135deg, var(--green-700), var(--green-600));height:100px;margin:-28px -28px 0;position:relative;overflow:hidden}.profile-banner:before{content:"";background-image:repeating-linear-gradient(45deg,#0000 0 20px,#ffce0014 20px 21px);position:absolute;inset:0}.profile-head{z-index:1;align-items:flex-end;gap:18px;margin-top:-50px;padding:0 4px;display:flex;position:relative}.profile-avatar-wrap{cursor:pointer;flex-shrink:0;width:100px;height:100px;position:relative}.profile-avatar-wrap:hover .profile-avatar-overlay{opacity:1}.profile-avatar{background:var(--yellow-400);width:100px;height:100px;font-family:var(--font-display);color:var(--green-900);border:5px solid var(--paper);box-shadow:0 4px 0 var(--yellow-600);border-radius:50%;place-items:center;font-size:38px;font-weight:800;display:grid;overflow:hidden}.profile-avatar-img{-o-object-fit:cover;object-fit:cover;border:5px solid var(--paper);width:100px;height:100px;box-shadow:0 4px 0 var(--yellow-600);border-radius:50%;display:block}.profile-avatar-overlay{opacity:0;background:#00000073;border:5px solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.profile-avatar-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.profile-info{z-index:1;flex:1;padding-bottom:8px;position:relative}.profile-name{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:28px;font-weight:800;line-height:1}.profile-email{color:var(--green-800);margin-top:4px;font-size:13px}.profile-stats{border-radius:var(--radius-lg);z-index:1;background:#0f51321f;border:1px solid #0f51322e;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px;padding:18px;display:grid;position:relative}.pstat{text-align:center;border-right:1px dashed #0f51324d}.pstat:last-child{border-right:none}.pstat-num{font-family:var(--font-display);color:var(--green-900);font-size:28px;font-weight:800;line-height:1}.pstat-label{color:var(--green-800);letter-spacing:.06em;text-transform:uppercase;margin-top:6px;font-size:11px;font-weight:600}.form-row{margin-top:16px}.form-label{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.input{border:1.5px solid var(--line);background:var(--cream);width:100%;color:var(--ink);border-radius:10px;outline:none;padding:11px 14px;font-family:inherit;font-size:14px;transition:border .15s}.input:focus{border-color:var(--green-500);background:#fff}.input:disabled{background:var(--line-soft);color:var(--muted);cursor:not-allowed}.checkbox-row{color:var(--ink);cursor:pointer;align-items:center;gap:10px;padding:10px 0;font-size:13px;display:flex}.cb{background:var(--green-700);color:#fff;border-radius:5px;flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.cb.empty{border:1.5px solid var(--line);background:#fff}.divider{background:var(--line);height:1px;margin:22px 0}.two-col{grid-template-columns:1.6fr 1fr;gap:18px;margin-top:18px;display:grid}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.selection-grid{grid-template-columns:repeat(4,1fr)}.bolao-grid{grid-template-columns:1fr}}@keyframes quiz-shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)rotate(-1deg)}30%{transform:translate(8px)rotate(1deg)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}}@keyframes quiz-flash-green{0%{background-color:#0000}20%{background-color:#00c8502e}to{background-color:#0000}}@keyframes quiz-flash-red{0%{background-color:#0000}20%{background-color:#dc1e1e2e}to{background-color:#0000}}@keyframes quiz-onfire{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.25)drop-shadow(0 0 8px gold);transform:scale(1.06)}}@keyframes quiz-pop{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.quiz-shake{animation:.45s quiz-shake}.quiz-flash-ok{animation:.55s quiz-flash-green}.quiz-flash-err{animation:.55s quiz-flash-red}.quiz-onfire{animation:1s ease-in-out infinite quiz-onfire}.quiz-pop{animation:.25s quiz-pop}.auth-shell{background:var(--green-800);grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid;position:relative;overflow:hidden}.auth-hero{background:radial-gradient(circle at 80% 20%, #ffce002e, transparent 55%), radial-gradient(circle at 0% 100%, #ffce001a, transparent 60%), linear-gradient(160deg, var(--green-700), var(--green-900));color:#fff;flex-direction:column;padding:56px;display:flex;position:relative;overflow:hidden}.auth-hero:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(45deg,#0000 0 28px,#ffce000d 28px 30px);position:absolute;inset:0}.auth-brand{z-index:2;align-items:center;gap:14px;display:flex;position:relative}.auth-brand-mark{background:var(--yellow-400);width:56px;height:56px;box-shadow:0 4px 0 var(--green-900);border-radius:16px;place-items:center;display:grid}.auth-brand-name{font-family:var(--font-display);color:var(--yellow-300);font-size:20px;font-weight:800;line-height:1}.auth-brand-tag{color:var(--green-300);letter-spacing:.16em;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:700}.auth-hero-content{z-index:2;max-width:520px;margin:auto 0;position:relative}.auth-eyebrow{background:var(--yellow-400);color:var(--green-900);letter-spacing:.16em;text-transform:uppercase;box-shadow:0 3px 0 var(--yellow-600);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:11px;font-weight:800;display:inline-flex}.auth-title{font-family:var(--font-display);letter-spacing:-.025em;color:#fff;margin:18px 0 14px;font-size:64px;font-weight:800;line-height:.95}.auth-title em{color:var(--yellow-300);font-style:normal}.auth-sub{color:var(--green-100);max-width:460px;font-size:17px;line-height:1.5}.auth-host-pills{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.host-pill{color:var(--green-100);background:#ffffff0f;border:1px solid #ffce0033;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.auth-stats{grid-template-columns:repeat(3,1fr);gap:12px;max-width:460px;margin-top:36px;display:grid}.auth-stat{background:#0000002e;border:1px solid #ffce0029;border-radius:14px;padding:14px 16px}.auth-stat-num{font-family:var(--font-display);color:var(--yellow-300);letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1}.auth-stat-label{color:var(--green-100);letter-spacing:.06em;text-transform:uppercase;margin-top:6px;font-size:11px;font-weight:600}.auth-mascot-stage{z-index:1;filter:drop-shadow(0 12px #0000002e);width:320px;height:320px;position:absolute;bottom:-20px;right:-40px}.auth-foot{z-index:2;color:var(--green-300);align-items:center;gap:8px;margin-top:20px;font-size:12px;display:flex;position:relative}.auth-panel{background:var(--cream);flex-direction:column;justify-content:center;align-items:center;padding:56px;display:flex;position:relative}.auth-panel:before{content:"";background-image:radial-gradient(circle at 50% 0,#ffce0014,#0000 60%);position:absolute;inset:0}.auth-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-card);z-index:1;padding:36px;position:relative}.auth-tabs{background:var(--cream);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:4px;display:grid}.auth-tab{text-align:center;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s}.auth-tab.active{background:var(--green-700);color:#fff;box-shadow:0 2px 0 var(--green-900)}.auth-card h2{font-family:var(--font-display);color:var(--ink);letter-spacing:-.015em;margin:0 0 6px;font-size:30px;font-weight:800}.auth-card .auth-card-sub{color:var(--muted);margin:0 0 24px;font-size:14px}.auth-field{margin-bottom:14px}.auth-field label{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.auth-input-wrap{position:relative}.auth-input{border:1.5px solid var(--line);background:var(--cream);width:100%;color:var(--ink);box-sizing:border-box;border-radius:12px;outline:none;padding:13px 16px 13px 42px;font-family:inherit;font-size:14px;transition:all .15s}.auth-input:focus{border-color:var(--green-500);background:#fff;box-shadow:0 0 0 4px #2a8a4d1a}.auth-input-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-eye{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.auth-eye:hover{color:var(--green-700)}.auth-row{justify-content:space-between;align-items:center;margin:6px 0 18px;font-size:13px;display:flex}.auth-check{color:var(--ink-soft);cursor:pointer;align-items:center;gap:8px;display:flex}.auth-link{color:var(--green-700);cursor:pointer;font-weight:700;text-decoration:none}.auth-link:hover{color:var(--green-600);text-decoration:underline}.auth-submit{background:var(--green-700);color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 0 var(--green-900);letter-spacing:-.005em;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px;font-family:inherit;font-size:15px;font-weight:800;transition:all .12s;display:flex}.auth-submit:hover{background:var(--green-600);box-shadow:0 5px 0 var(--green-900);transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-submit.yellow{background:var(--yellow-400);color:var(--green-900);box-shadow:0 4px 0 var(--yellow-600)}.auth-submit.yellow:hover{background:var(--yellow-300);box-shadow:0 5px 0 var(--yellow-600)}.auth-divider{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:12px;margin:22px 0;font-size:11px;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-social{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auth-social-btn{background:var(--cream);border:1.5px solid var(--line);color:var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s;display:flex}.auth-social-btn:hover{border-color:var(--green-500);background:#fff}.auth-foot-cta{text-align:center;color:var(--muted);margin-top:22px;font-size:13px}.auth-strength{gap:4px;margin-top:8px;display:flex}.strength-bar{background:var(--line);border-radius:2px;flex:1;height:4px}.strength-bar.on-1{background:var(--coral)}.strength-bar.on-2{background:var(--yellow-400)}.strength-bar.on-3{background:var(--green-500)}.strength-label{color:var(--muted);margin-top:6px;font-size:11px;font-weight:600}.quiz-hero{border-radius:var(--radius-xl);background:radial-gradient(circle at 90% 20%, #ffce0040, transparent 50%), radial-gradient(circle at 10% 90%, #ff5e3a26, transparent 50%), linear-gradient(135deg, var(--green-800) 0%, var(--green-900) 100%);color:#fff;border:1px solid var(--green-900);box-shadow:var(--shadow-card);padding:36px;position:relative;overflow:hidden}.quiz-hero:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(-45deg,#0000 0 22px,#ffce000a 22px 24px);position:absolute;inset:0}.quiz-mode-pill{background:var(--coral);color:#fff;letter-spacing:.16em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:800;display:inline-flex;position:relative;box-shadow:0 2px #c14025}.quiz-hero h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--yellow-300);margin:16px 0 8px;font-size:56px;font-weight:800;line-height:.95;position:relative}.quiz-hero p.lead{color:var(--green-100);max-width:520px;margin:0;font-size:17px;position:relative}.quiz-hero-mascot{flex-direction:column;align-items:center;width:220px;display:flex;position:absolute;top:50%;right:36px;transform:translateY(-120%)}.quiz-rules{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px;display:grid;position:relative}.rule{background:#0000002e;border:1px solid #ffce0029;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.rule-ico{background:var(--yellow-400);width:36px;height:36px;color:var(--green-900);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.rule-title{color:var(--yellow-300);letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px;font-size:13px;font-weight:800}.rule-desc{color:var(--green-100);font-size:13px;line-height:1.4}.quiz-cta-row{grid-template-columns:1fr auto;align-items:center;gap:14px;margin-top:22px;display:grid}.quiz-play-btn{background:linear-gradient(180deg, var(--yellow-300), var(--yellow-500));color:var(--green-900);border-radius:var(--radius-lg);font-family:var(--font-display);cursor:pointer;letter-spacing:-.01em;box-shadow:0 6px 0 var(--yellow-600), 0 0 0 4px #ffce0033;border:none;justify-content:center;align-items:center;gap:12px;padding:22px;font-size:22px;font-weight:800;transition:all .12s;display:flex;position:relative;overflow:hidden}.quiz-play-btn:hover{box-shadow:0 8px 0 var(--yellow-600), 0 0 0 4px #ffce004d;transform:translateY(-2px)}.quiz-difficulty{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);gap:2px;padding:4px;display:flex}.diff-btn{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:14px 18px;font-family:inherit;font-size:12px;font-weight:800;display:flex}.diff-btn.active{background:var(--green-700);color:#fff;box-shadow:0 2px 0 var(--green-900)}.diff-btn span{font-family:var(--font-display);color:inherit;font-size:18px;font-weight:800}.quiz-mystats{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.qstat{background:linear-gradient(135deg, var(--yellow-400), var(--yellow-300));border:1px solid var(--yellow-600);border-radius:var(--radius-xl);box-shadow:0 4px 0 var(--yellow-600);padding:18px;position:relative;overflow:hidden}.qstat:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(45deg,#0000 0 18px,#0f51320f 18px 20px);position:absolute;inset:0}.qstat-icon{z-index:1;border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:12px;display:grid;position:relative;color:var(--green-900)!important;background:#0f51321f!important}.qstat-num{font-family:var(--font-display);color:var(--green-900);letter-spacing:-.02em;z-index:1;font-size:30px;font-weight:800;line-height:1;position:relative}.qstat-label{color:var(--green-800);z-index:1;margin-top:6px;font-size:12px;font-weight:600;position:relative}.leaderboard{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);margin-top:18px;overflow:hidden}.leaderboard-head{background:var(--green-800);color:#fff;font-family:var(--font-display);letter-spacing:-.005em;align-items:center;gap:10px;padding:14px 18px;font-size:16px;font-weight:700;display:flex}.leaderboard-head .crown{color:var(--yellow-300)}.leaderboard-head .live{letter-spacing:.16em;background:var(--coral);color:#fff;font-size:10px;font-weight:800;font-family:var(--font-body);border-radius:4px;margin-left:auto;padding:4px 10px}.lb-row{border-bottom:1px solid var(--line-soft);grid-template-columns:50px 1fr auto auto;align-items:center;gap:14px;padding:14px 18px;font-size:13px;display:grid}.lb-row:last-child{border-bottom:none}.lb-row.top1{background:linear-gradient(90deg, var(--yellow-50), transparent)}.lb-row.me{background:var(--green-50);border-left:4px solid var(--green-500);padding-left:14px}.lb-pos{font-family:var(--font-display);color:var(--muted);text-align:center;font-size:22px;font-weight:800}.lb-pos.first{color:var(--yellow-600)}.lb-pos.second{color:#9aa0a6}.lb-pos.third{color:#cd7f32}.lb-user{align-items:center;gap:12px;display:flex}.lb-avatar{background:var(--green-500);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:grid}.lb-name{color:var(--ink);font-size:14px;font-weight:700}.lb-meta{color:var(--muted);margin-top:2px;font-size:11px;font-weight:500}.lb-streak{font-family:var(--font-display);color:var(--coral);align-items:center;gap:4px;font-size:14px;font-weight:800;display:flex}.lb-pts{font-family:var(--font-display);color:var(--green-700);font-variant-numeric:tabular-nums;text-align:right;font-size:20px;font-weight:800}.lb-pts span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:600;display:block}.quiz-game{max-width:800px;margin:0 auto;padding:28px 32px 60px}.qg-bar{grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;margin-bottom:18px;display:grid}.qg-score{align-items:center;gap:12px;display:flex}.qg-score-num{font-family:var(--font-display);color:var(--yellow-400);letter-spacing:-.02em;text-shadow:0 0 24px #ffce0066;font-size:44px;font-weight:800;line-height:1}.qg-score-label{color:var(--green-300);letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:800}.qg-streak-pill{color:var(--coral);font-size:13px;font-weight:800;font-family:var(--font-display);background:#ff5e3a26;border:1px solid #ff5e3a4d;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.qg-mult{font-family:var(--font-display);color:var(--yellow-300);align-items:baseline;gap:2px;font-weight:800;display:flex}.qg-mult-x{font-size:14px}.qg-mult-num{font-size:28px}.qg-quit{color:var(--green-100);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:10px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700}.qg-progress-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.qg-diff{color:var(--yellow-300);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.qg-diff:before{content:"";background:var(--yellow-400);width:8px;height:8px;box-shadow:0 0 10px var(--yellow-400);border-radius:50%}.qg-time{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.qg-time.warn{color:var(--coral);animation:.6s infinite pulse}.qg-progress{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.qg-progress-fill{background:linear-gradient(90deg, var(--green-400), var(--yellow-400));border-radius:999px;height:100%;transition:width .3s linear}.qg-question-card{border:1px solid var(--green-600);border-radius:var(--radius-lg);background:linear-gradient(135deg,#0f513299,#0a3f2799);margin-top:18px;padding:24px 26px;position:relative;overflow:hidden}.qg-question-card:before{content:"";background:var(--yellow-400);width:4px;height:100%;position:absolute;top:0;left:0}.qg-q-meta{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.qg-q-num{letter-spacing:.18em;text-transform:uppercase;color:var(--yellow-400);font-size:11px;font-weight:800}.qg-q-cat{color:var(--green-300);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.qg-question{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;font-size:26px;font-weight:700;line-height:1.25}.qg-options{grid-template-columns:1fr;gap:12px;margin-top:22px;display:grid}.qg-option{background:linear-gradient(90deg, var(--green-700), var(--green-600));border:2px solid var(--green-500);border-radius:var(--radius-md);color:#fff;cursor:pointer;text-align:left;align-items:center;gap:18px;width:100%;padding:18px 22px;font-family:inherit;font-size:16px;font-weight:600;transition:all .15s;display:flex;position:relative;overflow:hidden}.qg-option:hover:not(:disabled){border-color:var(--yellow-400);background:linear-gradient(90deg, var(--green-600), var(--green-500));transform:translate(4px)}.qg-option.correct{border-color:var(--green-300);background:linear-gradient(90deg, var(--green-500), var(--green-400));box-shadow:0 0 24px #43a66366}.qg-option.wrong{border-color:var(--coral);background:linear-gradient(90deg, #6b1f12, var(--green-700));opacity:.85}.qg-option-letter{color:#fff;width:36px;height:36px;font-family:var(--font-display);background:#ffffff26;border:1.5px solid #ffffff40;border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;font-weight:800;display:grid}.qg-option.correct .qg-option-letter{color:var(--green-700);background:#fff}.qg-option.wrong .qg-option-letter{background:var(--coral);border-color:var(--coral)}.qg-option-text{flex:1}.qg-option-result{letter-spacing:.12em;text-transform:uppercase;color:#fff;white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.qg-mascot-foot{opacity:.85;justify-content:center;margin-top:22px;display:flex}body.quiz-mode{background:radial-gradient(ellipse 700px 500px at 50% 0%, #ffce000f, transparent 70%), var(--green-900);min-height:100vh}body.quiz-mode .app{display:block}body.quiz-mode .topbar,body.quiz-mode .sidebar{display:none}body.quiz-mode main{background:0 0}@media (width<=1100px){.auth-shell{grid-template-columns:1fr}.auth-hero{display:none}.quiz-mystats{grid-template-columns:repeat(2,1fr)}}.rank-back{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:14px;padding:0;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.rank-back:hover{color:var(--green-700)}.rank-hero{border-radius:var(--radius-xl);background:radial-gradient(circle at 90% 0%, #ffce0038, transparent 55%), linear-gradient(135deg, var(--green-700), var(--green-800));color:#fff;border:1px solid var(--green-900);box-shadow:var(--shadow-card);margin-bottom:4px;padding:28px;position:relative;overflow:hidden}.rank-hero:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(-45deg,#0000 0 24px,#ffce000d 24px 26px);position:absolute;inset:0}.rank-hero-row{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;display:grid;position:relative}.rank-hero-trophy{background:var(--yellow-400);width:64px;height:64px;color:var(--green-900);box-shadow:0 4px 0 var(--yellow-600);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.rank-hero h1{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:0;font-size:30px;font-weight:800;line-height:1}.rank-hero-meta{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.rank-hero-cta{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.rank-hero-code{font-family:var(--font-mono);color:var(--yellow-300);letter-spacing:.08em;background:#00000038;border:1px dashed #ffce0066;border-radius:10px;padding:8px 14px;font-size:14px;font-weight:700}.podium{grid-template-columns:1fr 1.1fr 1fr;align-items:end;gap:12px;margin-bottom:4px;display:grid}.podium-spot{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-soft);padding:18px 14px 20px;position:relative}.podium-spot.first{background:linear-gradient(180deg, var(--yellow-200), var(--yellow-100));border-color:var(--yellow-400);box-shadow:0 6px 0 var(--yellow-500), var(--shadow-soft);padding-top:28px;padding-bottom:26px}.podium-spot.second{padding-top:14px;padding-bottom:16px}.podium-spot.third{opacity:.95;padding-top:10px;padding-bottom:12px}.podium-medal{width:48px;height:48px;font-family:var(--font-display);border:3px solid;border-radius:50%;place-items:center;margin:0 auto 10px;font-size:20px;font-weight:800;display:grid}.podium-spot.first .podium-medal{background:var(--yellow-400);color:var(--green-900);border-color:var(--yellow-600);width:58px;height:58px;font-size:24px;box-shadow:0 0 24px #ffce0080}.podium-spot.second .podium-medal{color:#5b6368;background:#e2e5e7;border-color:#b8bec2}.podium-spot.third .podium-medal{color:#6b3c1a;background:#e8c8a3;border-color:#cd7f32}.podium-avatar{background:var(--green-500);color:#fff;width:60px;height:60px;font-family:var(--font-display);border:4px solid #fff;border-radius:50%;place-items:center;margin:0 auto 8px;font-size:22px;font-weight:800;display:grid;overflow:hidden;box-shadow:0 2px 6px #0e1f1726}.podium-spot.first .podium-avatar{background:var(--green-700);width:72px;height:72px;font-size:26px}.podium-name{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:15px;font-weight:700;line-height:1.1}.podium-spot.first .podium-name{font-size:18px}.podium-pts{font-family:var(--font-display);color:var(--green-700);letter-spacing:-.01em;margin-top:6px;font-size:20px;font-weight:800}.podium-spot.first .podium-pts{font-size:26px}.podium-pts span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-left:4px;font-size:10px;font-weight:600}.podium-trend{border-radius:999px;align-items:center;gap:4px;margin-top:8px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.podium-trend.up{background:var(--green-100);color:var(--green-700)}.podium-trend.down{color:var(--coral);background:#ffe0d8}.podium-trend.same{background:var(--line-soft);color:var(--muted)}.podium-crown{background:var(--yellow-400);color:var(--green-900);border:3px solid var(--paper);width:36px;height:36px;box-shadow:0 3px 0 var(--yellow-600);border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.rank-tabs{background:var(--paper);border:1px solid var(--line);border-radius:12px;gap:2px;width:fit-content;margin-bottom:4px;padding:4px;display:flex}.rank-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .12s}.rank-tab.active{background:var(--green-700);color:#fff;box-shadow:0 2px 0 var(--green-900)}.rank-tab:hover:not(.active){background:var(--green-50);color:var(--green-700)}.rank-table{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden}.rank-table-head{background:var(--green-50);border-bottom:1px solid var(--green-100);color:var(--green-800);letter-spacing:.14em;text-transform:uppercase;grid-template-columns:64px 1fr 76px 76px 76px 96px;gap:12px;padding:12px 18px;font-size:10px;font-weight:800;display:grid}.rank-table-row{border-bottom:1px solid var(--line-soft);cursor:pointer;grid-template-columns:64px 1fr 76px 76px 76px 96px;align-items:center;gap:12px;padding:14px 18px;font-size:13px;transition:background .1s;display:grid}.rank-table-row:last-child{border-bottom:none}.rank-table-row:hover{background:var(--green-50)}.rank-table-row.me{background:var(--yellow-50);border-left:4px solid var(--yellow-400);padding-left:14px}.rank-table-row.me:hover{background:var(--yellow-100)}.rt-pos{font-family:var(--font-display);color:var(--muted);align-items:center;gap:6px;font-size:18px;font-weight:800;display:flex}.rt-pos .first{color:var(--yellow-600)}.rt-pos .second{color:#9aa0a6}.rt-pos .third{color:#cd7f32}.rt-trend{border-radius:4px;padding:2px 5px;font-size:10px;font-weight:700}.rt-trend.up{background:var(--green-100);color:var(--green-700)}.rt-trend.down{color:var(--coral);background:#ffe0d8}.rt-trend.same{color:var(--muted);font-size:13px}.rt-user{align-items:center;gap:12px;display:flex}.rt-avatar{background:var(--green-500);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid;overflow:hidden}.rt-name{color:var(--ink);font-size:14px;font-weight:700}.rt-meta{color:var(--muted);margin-top:2px;font-size:11px;font-weight:500}.rt-num{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;font-size:16px;font-weight:800}.rt-num.exact{color:var(--green-700)}.rt-num.streak{color:var(--coral);justify-content:center;align-items:center;gap:4px;display:flex}.rt-pts-final{font-family:var(--font-display);color:var(--green-700);font-variant-numeric:tabular-nums;text-align:right;letter-spacing:-.01em;font-size:20px;font-weight:800}.rt-pts-final span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:600;display:block}.scoring-card{background:var(--green-700);color:#fff;border-radius:var(--radius-lg);border:1px solid var(--green-900);box-shadow:var(--shadow-soft);padding:22px;position:relative;overflow:hidden}.scoring-card:before{content:"";background:radial-gradient(circle,#ffce0040,#0000 70%);width:120px;height:120px;position:absolute;top:-30px;right:-30px}.scoring-card h3{font-family:var(--font-display);color:var(--yellow-300);letter-spacing:-.01em;margin:0 0 14px;font-size:18px;font-weight:700;position:relative}.scoring-row{color:var(--green-100);border-bottom:1px dashed #ffce002e;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex;position:relative}.scoring-row:last-child{border-bottom:none}.scoring-pts{font-family:var(--font-display);color:var(--yellow-300);white-space:nowrap;font-size:16px;font-weight:800}.album-hero{background:radial-gradient(circle at 88% 30%, #ffce0047, transparent 55%), linear-gradient(135deg, var(--green-700) 0%, var(--green-800) 100%)}.album-progress{z-index:2;background:#00000038;border:1px solid #ffce0033;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;max-width:700px;margin-top:20px;padding:16px 20px;display:grid;position:relative}.album-progress-stat{text-align:center}.album-progress-num{font-family:var(--font-display);color:var(--yellow-300);font-size:28px;font-weight:800;line-height:1}.album-progress-label{color:var(--green-100);margin-top:4px;font-size:11px;font-weight:600}.album-progress-bar-wrap{text-align:center}.album-progress-bar{background:#0000004d;border:1px solid #ffce0033;border-radius:999px;height:12px;overflow:hidden}.album-progress-fill{background:linear-gradient(90deg, var(--yellow-400), var(--yellow-300));border-radius:999px;height:100%;transition:width .6s}.album-progress-pct{color:var(--yellow-300);letter-spacing:.14em;text-transform:uppercase;margin-top:6px;font-size:11px;font-weight:700}.daily-pack{background:linear-gradient(135deg, var(--yellow-400), var(--yellow-300));border-radius:var(--radius-xl);border:1px solid var(--yellow-600);box-shadow:0 4px 0 var(--yellow-600), var(--shadow-soft);grid-template-columns:1fr auto;align-items:center;gap:32px;margin-top:22px;padding:28px 36px;display:grid;position:relative;overflow:hidden}.daily-pack-bg-pattern{pointer-events:none;background-image:repeating-linear-gradient(45deg,#0000 0 28px,#0f51320f 28px 30px);position:absolute;inset:0}.daily-pack-left{z-index:2;position:relative}.daily-pack-eyebrow{background:var(--green-800);color:var(--yellow-300);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-flex}.daily-pack-left h2{font-family:var(--font-display);color:var(--green-900);letter-spacing:-.02em;margin:0 0 8px;font-size:26px;font-weight:800;line-height:1.1}.daily-pack-left p{color:var(--green-800);max-width:500px;margin:0 0 12px;font-size:13px}.daily-pack-meta{flex-wrap:wrap;gap:8px;display:flex}.daily-pack-meta .meta-pill{color:var(--green-900);background:#0f51321f;border:1px solid #0f51322e;font-weight:600}.daily-pack-right{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.pack-3d{cursor:pointer;filter:drop-shadow(0 8px 14px #0003);transition:transform .2s;position:relative}.pack-3d:hover{transform:translateY(-4px)rotate(-2deg)}.pack-3d.pulse{animation:2.4s ease-in-out infinite packPulse}.pack-3d.used{opacity:.4;filter:grayscale(.6);cursor:not-allowed}@keyframes packPulse{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(-2deg)}}.pack-shine{pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(115deg,#0000 30%,#ffffff8c 50%,#0000 70%) 0 0/220% 100%;border-radius:12px;animation:2.8s linear infinite shineMove;position:absolute;inset:0}@keyframes shineMove{0%{background-position:220% 0}to{background-position:-120% 0}}.album-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;display:grid}.album-stat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);align-items:center;gap:12px;padding:16px;display:flex}.album-stat-icon{border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.album-stat-num{font-family:var(--font-display);color:var(--ink);font-size:24px;font-weight:800;line-height:1}.album-stat-label{color:var(--muted);margin-top:4px;font-size:11px;font-weight:600}.album-team-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:14px;display:grid}.album-team-card{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--team-accent,var(--yellow-400));border-radius:var(--radius-md);cursor:pointer;text-align:center;box-shadow:var(--shadow-soft);padding:16px 14px 12px;font-family:inherit;transition:all .15s;position:relative}.album-team-card:hover{box-shadow:var(--shadow-card);border-color:var(--green-400);transform:translateY(-3px)}.album-team-card.complete{background:linear-gradient(180deg, var(--yellow-50), var(--paper));border-top-color:var(--green-500)}.album-team-flag-wrap{margin-bottom:8px;display:inline-block;position:relative}.album-team-medal{background:var(--green-500);width:22px;height:22px;box-shadow:0 2px 0 var(--green-700);border:2px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-8px}.album-team-name{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:14px;font-weight:700}.album-team-region{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:600}.album-team-progress{margin-top:8px}.album-team-bar{background:var(--line-soft);border-radius:999px;height:5px;overflow:hidden}.album-team-bar-fill{border-radius:999px;height:100%;transition:width .4s}.album-team-count{color:var(--green-700);font-variant-numeric:tabular-nums;margin-top:4px;font-size:11px;font-weight:700}.trade-list{flex-direction:column;gap:12px;margin-top:14px;display:flex}.trade-row{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);grid-template-columns:200px 1fr auto;align-items:center;gap:18px;padding:14px 18px;display:grid}.trade-row.trade-accepted{background:var(--green-50);border-color:var(--green-300)}.trade-from{align-items:center;gap:10px;display:flex}.trade-avatar{color:#fff;width:38px;height:38px;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:15px;font-weight:800;display:grid}.trade-name{color:var(--ink);font-size:14px;font-weight:700}.trade-time{color:var(--muted);font-size:11px}.trade-flow{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.trade-stack-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.trade-cards{flex-wrap:wrap;gap:6px;display:flex}.trade-mini-card{background:var(--cream);border:1px solid var(--line);color:var(--ink);border-radius:8px;align-items:center;gap:6px;padding:4px 8px 4px 4px;font-size:12px;font-weight:600;display:inline-flex}.trade-arrow{color:var(--green-600);text-align:center;font-size:22px;font-weight:800}.trade-actions{gap:6px;display:flex}.trade-badge.accepted{background:var(--green-100);color:var(--green-800);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.album-team-hero-flag{border:3px solid var(--yellow-400);background:#fff;border-radius:10px;place-items:center;width:80px;height:56px;padding:6px;display:grid;box-shadow:0 4px #0000004d}.album-team-hero-pct{text-align:right}.album-page-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin-top:22px;display:grid}.sticker{aspect-ratio:3/4;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden}.sticker.empty{background:repeating-linear-gradient(45deg, var(--cream), var(--cream) 6px, var(--line-soft) 6px, var(--line-soft) 8px);border:2px dashed var(--line);box-shadow:none}.sticker-empty-content{opacity:.5;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.sticker-empty-num{font-family:var(--font-display);color:var(--muted);font-size:36px;font-weight:800}.sticker-empty-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.sticker-content{text-align:center;flex-direction:column;flex:1;align-items:center;padding:10px 8px 12px;display:flex;position:relative}.sticker-player{background:linear-gradient(180deg, var(--accent,var(--yellow-400)) 0%, var(--accent,var(--yellow-400)) 56%, var(--paper) 56%)}.sticker-shield{background:linear-gradient(180deg, var(--green-700), var(--green-800));color:#fff;justify-content:center}.sticker-shield .sticker-name{color:var(--yellow-300)}.sticker-shield .sticker-sub{color:var(--green-100)}.sticker-shield-flag{border:3px solid var(--yellow-400);background:#fff;border-radius:10px;margin-bottom:10px;padding:8px}.sticker-coach{background:linear-gradient(180deg, #1a1a1a 0%, #1a1a1a 56%, var(--paper) 56%)}.sticker-num{font-family:var(--font-display);color:#000000b3;background:#ffffffb3;border:2px solid #0003;border-radius:50%;place-items:center;width:26px;height:26px;font-size:18px;font-weight:800;display:grid;position:absolute;top:6px;right:8px}.sticker-portrait{aspect-ratio:1;width:70%;margin-top:6px;margin-bottom:8px}.sticker-coach .sticker-portrait{width:60%;margin-top:12px}.sticker-name{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin-top:auto;font-size:11px;font-weight:800;line-height:1.05}.sticker-sub{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-top:3px;font-size:9px;font-weight:700}.pack-opening-overlay{background:linear-gradient(135deg, var(--green-800), var(--green-900));z-index:9999;flex-direction:column;align-items:center;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.pack-opening-bg{opacity:.12;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.pack-close{width:40px;height:40px;color:var(--yellow-300);cursor:pointer;background:#ffffff1a;border:1px solid #ffce004d;border-radius:50%;font-size:18px;position:absolute;top:20px;right:20px}.pack-close:hover{background:#ffce002e}.pack-opening-head{text-align:center;color:#fff;z-index:2;margin-bottom:28px;position:relative}.pack-opening-head h1{font-family:var(--font-display);color:var(--yellow-300);letter-spacing:-.02em;margin:10px 0 8px;font-size:38px;font-weight:800}.pack-opening-head p{color:var(--green-100);margin:0;font-size:14px}.pack-cards-grid{z-index:2;grid-template-columns:repeat(5,1fr);gap:14px;width:100%;max-width:1000px;display:grid;position:relative}.pack-card{aspect-ratio:3/4;perspective:1000px;cursor:pointer}.pack-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1);position:relative}.pack-card.revealed .pack-card-inner{transform:rotateY(180deg)}.pack-card-back,.pack-card-front{backface-visibility:hidden;border-radius:14px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.pack-card-back{background:linear-gradient(135deg, var(--yellow-400), var(--yellow-300));border:3px solid var(--green-800);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.pack-card-back-mark{background:var(--green-800);width:58px;height:58px;box-shadow:0 4px 0 var(--green-900);border-radius:50%;place-items:center;display:grid}.pack-card-back-text{font-family:var(--font-display);color:var(--green-900);letter-spacing:.18em;font-size:13px;font-weight:800}.pack-card:hover .pack-card-back{filter:brightness(1.06)}.pack-card-front{background:var(--paper);border:2px solid var(--line);text-align:center;align-items:center;padding:8px;position:relative;transform:rotateY(180deg)}.pack-card-front:before{content:"";background:linear-gradient(180deg, var(--team-accent,var(--yellow-400)) 0%, var(--team-accent,var(--yellow-400)) 50%, transparent 50%);opacity:.85;z-index:0;position:absolute;inset:0}.pack-card-flag{z-index:2;background:#fff;border:1px solid #0003;border-radius:5px;padding:3px;position:absolute;top:6px;left:6px}.pack-card-num{font-family:var(--font-display);color:#000000b3;z-index:2;background:#ffffffd9;border-radius:50%;place-items:center;width:26px;height:26px;font-size:16px;font-weight:800;display:grid;position:absolute;top:6px;right:8px}.pack-card-portrait{aspect-ratio:1;z-index:1;width:70%;margin:22px 0 8px;position:relative}.pack-card-name{font-family:var(--font-display);color:var(--ink);z-index:2;margin-top:auto;font-size:12px;font-weight:800;position:relative}.pack-card-pos{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;z-index:2;margin-top:2px;font-size:10px;font-weight:700;position:relative}.pack-opening-foot{z-index:2;margin-top:28px;position:relative}.hover\:bg-yellow-600:hover{--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:border-yellow-500:focus{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}