:root{--bg-primary:#fdfdfd;--bg-secondary:#f7f7f7;--bg-card:#fff;--bg-glass:#00000005;--accent-gold:#ce2828;--accent-gold-light:#ffeded;--accent-gold-dim:#ce282814;--accent-rose:#ce2828;--text-primary:#1a1a1a;--text-secondary:#555;--text-muted:#888;--border:#eaeaea;--border-hover:#ccc;--wordle-green:#4caf7d;--wordle-yellow:#c9a430;--wordle-gray:#e0e0e0;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--shadow-gold:0 0 40px #ce282814;--shadow-card:0 12px 40px #0000000f;--font-display:"Playfair Display",Georgia,serif;--font-body:"Inter",system-ui,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);background-image:linear-gradient(90deg,#00000008 1px,#0000 1px),linear-gradient(#00000008 1px,#0000 1px);background-size:80px 80px;min-height:100dvh;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.2}h1{font-size:clamp(1.75rem,5vw,2.75rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:clamp(1.1rem,2vw,1.4rem)}a{color:inherit;text-decoration:none}.container{max-width:480px;margin:0 auto;padding:0 1rem}.container--wide{max-width:720px;margin:0 auto;padding:0 1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2.5rem;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ce282805 0%,#0000 60%);position:absolute;inset:0}.btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;text-align:center;letter-spacing:.02em;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1.2rem;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.options-grid{flex-direction:column;gap:.6rem;display:flex}@media (max-width:480px){.options-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.btn-option{min-height:48px;padding:.6rem .5rem!important;font-size:.8rem!important}}.btn-primary{background:var(--accent-gold);color:#fff;font-weight:500;box-shadow:0 4px 12px #ce282826}.btn-primary:hover{background:#b82323;transform:translateY(-1px);box-shadow:0 6px 16px #ce282840}.btn-primary:active{transform:translateY(0)}.btn-ghost{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.btn-ghost:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-secondary)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-loading{position:relative}.btn-loading-bar{transition:background-color .3s,border-color .3s;position:relative;overflow:hidden}.btn-loading-bar:before{content:"";z-index:0;background:#0000000d;width:0%;height:100%;animation:2s ease-in-out forwards fillProgress;position:absolute;top:0;left:0}.btn-correct{z-index:1;background-color:var(--wordle-green)!important;border-color:var(--wordle-green)!important;color:#fff!important}.btn-incorrect{z-index:1;background-color:var(--accent-rose)!important;border-color:var(--accent-rose)!important;color:#fff!important}@keyframes fillProgress{0%{width:0%}to{width:100%}}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";opacity:0;pointer-events:none;background:#fff3;border-radius:50%;width:100%;padding-top:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.ripple:active:after{animation:.4s ease-out ripple}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-label{color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:600}.input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);outline:none;width:100%;padding:.85rem 1rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--accent-gold-dim)}.input::placeholder{color:var(--text-muted)}.input.error{border-color:var(--accent-rose)}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:100px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-gold{background:var(--accent-gold-dim);color:var(--accent-gold);border:1px solid var(--border)}.badge-green{color:var(--wordle-green);background:#4caf7d26}.badge-champion{color:var(--accent-gold);border:1px solid var(--border-hover);background:linear-gradient(135deg,#ce28281a,#d4737a1a)}.wordle-cell{border-radius:var(--radius-sm);text-align:center;text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;padding:.75rem;font-size:.8rem;font-weight:600;transition:all .4s}.wordle-cell.green{border-color:var(--wordle-green);color:var(--wordle-green);background:#4caf7d26}.wordle-cell.yellow{border-color:var(--wordle-yellow);color:var(--wordle-yellow);background:#c9a43026}.wordle-cell.gray{background:var(--bg-secondary);border-color:var(--border);color:var(--text-muted)}.wordle-cell.empty{background:var(--bg-primary);border-color:var(--border)}.timer-ring{transform:rotate(-90deg)}.timer-ring__track{stroke:var(--bg-secondary)}.timer-ring__fill{stroke:var(--accent-gold);stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s}.timer-ring__fill.danger{stroke:var(--accent-rose)}.pyramid-level{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;display:flex;position:relative}.pyramid-level.top{background:linear-gradient(135deg,#fffde7 0%,#fff9c4 100%);border-color:#fbc02d33;width:60%;margin:0 auto}.pyramid-level.heart{background:linear-gradient(135deg,#fdf2f4 0%,#fce4ec 100%);border-color:#f0629233;width:80%;margin:0 auto}.pyramid-level.base{background:linear-gradient(135deg,#f7f2f0 0%,#efebe9 100%);border-color:#8d6e6333;width:100%}.pyramid-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pyramid-dot.gold{background:var(--accent-gold)}.pyramid-dot.rose{background:var(--accent-rose)}.pyramid-dot.muted{background:var(--border)}.ranking-row{border-radius:var(--radius-md);border-bottom:1px solid var(--border);grid-template-columns:2.5rem 1fr auto;align-items:center;gap:.75rem;padding:.85rem 1rem;transition:background .2s;display:grid}.ranking-row:last-child{border-bottom:none}.ranking-row:hover{background:var(--bg-secondary)}.ranking-row.podium-1{background:linear-gradient(90deg,#ce28280d,#0000)}.ranking-row.podium-2{background:linear-gradient(90deg,#6464000d,#0000)}.ranking-row.podium-3{background:linear-gradient(90deg,#ce282805,#0000)}.ranking-position{font-family:var(--font-display);color:var(--text-muted);text-align:center;font-size:1rem;font-weight:600}.ranking-position.top1{color:var(--accent-gold);font-size:1.2rem}.ranking-position.top2{color:#888}.ranking-position.top3{color:#a55}.header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fffffff2;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.header-inner{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.nav-container{scrollbar-width:none;-ms-overflow-style:none;flex-shrink:1;gap:1rem;padding:.25rem 0;display:flex;overflow-x:auto}.nav-container::-webkit-scrollbar{display:none}@media (max-width:640px){.header{padding:.5rem 1rem}.header-logo-text{font-size:.85rem!important}.header-logo-sub{font-size:.55rem!important}.nav-container{gap:.75rem}}.header-brand{align-items:center;gap:1.5rem;display:flex}.header-super{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-primary);font-size:.95rem}.header-title{font-family:var(--font-body);color:var(--accent-gold);letter-spacing:.15em;font-size:.85rem;font-weight:600}.page{padding-top:80px;padding-bottom:2rem}@media (max-width:480px){.page{padding-top:65px;padding-bottom:1rem}}.divider{background:var(--border);height:1px;margin:1.5rem 0}.divider-text{color:var(--text-muted);letter-spacing:.08em;align-items:center;gap:1rem;font-size:.8rem;display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--border);flex:1;height:1px}.alert{border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.9rem}.alert-error{color:var(--accent-rose);background:#d4737a1a;border:1px solid #d4737a4d}.alert-success{color:var(--wordle-green);background:#4caf7d1a;border:1px solid #4caf7d4d}.alert-info{background:var(--accent-gold-dim);border:1px solid var(--border);color:var(--accent-gold)}.duel-fab{background:var(--accent-rose);color:#fff;z-index:999;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;transition:transform .3s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 8px 32px #ce282866}.duel-fab:hover{transform:scale(1.1)rotate(5deg)}.duel-fab__badge{color:var(--accent-rose);border:2px solid var(--accent-rose);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;font-size:.75rem;font-weight:800;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 8px #0000001a}.store-widget{z-index:1001;position:fixed;bottom:2rem;left:2rem}.store-fab{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:2rem;align-items:center;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 8px 24px #0000004d}.store-fab:hover{border-color:var(--accent-gold);transform:translateY(-4px)}.store-fab.active{opacity:0;transform:scale(0)}.store-fab__icon{font-size:1.2rem}.store-fab__text{letter-spacing:.05em;font-size:.85rem;font-weight:600}.store-fab__dot{background:var(--accent-gold);border:2px solid var(--bg-card);border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}.store-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);opacity:0;pointer-events:none;transform-origin:0 100%;background:#121212f2;border-radius:1.5rem;flex-direction:column;width:320px;max-height:500px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;bottom:0;left:0;transform:scale(.9)translateY(20px);box-shadow:0 20px 50px #00000080}.store-widget.open .store-panel{opacity:1;pointer-events:all;transform:scale(1)translateY(0)}.store-backdrop{z-index:-1;background:#0006;position:fixed;inset:0}.store-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.2rem;display:flex}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:1.5rem}.store-body{max-height:350px;padding:1rem;overflow-y:auto}.product-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.product-item{background:var(--bg-secondary);border:1px solid #0000;border-radius:1rem;padding:.5rem;text-decoration:none;transition:all .2s}.product-item:hover{border-color:var(--accent-gold);transform:translateY(-2px)}.product-img-wrapper{aspect-ratio:1;background:#fff;border-radius:.75rem;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex;overflow:hidden}.product-img-wrapper img{object-fit:contain;max-width:90%;max-height:90%}.product-details{flex-direction:column;gap:.2rem;display:flex}.product-name{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:2em;font-size:.65rem;display:-webkit-box;overflow:hidden}.product-cost{color:var(--accent-gold);font-size:.85rem;font-weight:700}.store-footer{border-top:1px solid var(--border);padding:1rem}.btn-full-store{color:#fff;text-align:center;background:#d32f2f;border-radius:.75rem;width:100%;padding:.75rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:background .2s;display:block}.btn-full-store:hover{background:#b71c1c}.store-loading{color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:2rem 0;display:flex}@media (max-width:480px){.store-widget{bottom:1.5rem;left:1rem}.store-panel{width:280px;max-height:400px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 #ce282833}50%{box-shadow:0 0 0 8px #ce282800}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.4s forwards fadeInUp}.animate-pulse-gold{animation:2s infinite pulse-gold}.skeleton{background:linear-gradient(90deg,var(--bg-secondary)25%,var(--bg-card)50%,var(--bg-secondary)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.suggestion-chip{border:1px solid var(--border);color:var(--accent-gold);cursor:pointer;background:var(--bg-primary);border-radius:100px;align-items:center;padding:.35rem .75rem;font-size:.8rem;transition:all .2s;display:inline-flex}.suggestion-chip:hover{border-color:var(--accent-gold);background:var(--accent-gold-dim)}.streak-flame{filter:drop-shadow(0 0 6px #ce28284d);font-size:1.3rem}@media (max-width:480px){.card{border-radius:var(--radius-md);padding:1rem}.card-pyramid{padding:.75rem!important}h1{font-size:1.5rem}.pyramid-level{padding:.4rem .75rem!important;font-size:.75rem!important}.pyramid-level span:last-child{font-size:.8rem!important}.game-container-compact{padding:.5rem}.options-grid{grid-template-columns:repeat(2,1fr)}.page{padding-top:55px}}