@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap";:root{--accent: #c88c1e;--accent-rgb: 200, 140, 30;--accent-light: #e0ad45;--accent-light-rgb: 224, 173, 69;--accent-dim: #916514}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;font-family:Lora,Georgia,serif;background-color:#0c0703;background-image:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(180,90,20,.12) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 90% 100%,rgba(140,70,10,.08) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-attachment:fixed;min-height:100vh;color:#f5e8cc;font-weight:500}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes steamRise{0%{transform:translateY(0) scaleX(1);opacity:.7}50%{transform:translateY(-8px) scaleX(1.3);opacity:.4}to{transform:translateY(-16px) scaleX(.8);opacity:0}}@keyframes bubbleIn{0%{transform:scale(.5) translate(-10px);opacity:0}70%{transform:scale(1.05) translate(2px)}to{transform:scale(1) translate(0);opacity:1}}@keyframes flipCard{0%{transform:perspective(600px) rotateY(0)}to{transform:perspective(600px) rotateY(180deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.anim-fadeUp{animation:fadeUp .35s ease both}.anim-pop{animation:pop .3s cubic-bezier(.34,1.56,.64,1) both}.anim-bubbleIn{animation:bubbleIn .4s cubic-bezier(.34,1.56,.64,1) both}.shimmer-text{background:linear-gradient(90deg,#c88c1e 20%,#e8b048 40%,#fffbe0,#e8b048 60%,#c88c1e 80%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 2s linear infinite}.steam-particle{display:inline-block;width:3px;border-radius:2px;background:#eedab080;animation:steamRise 1.8s ease-in infinite}.steam-particle:nth-child(2){animation-delay:.6s}.steam-particle:nth-child(3){animation-delay:1.2s}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(300px) rotate(720deg);opacity:0}}.confetti-piece{animation:confettiFall 1.8s ease-in both}@keyframes holoShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes tutorialSlideIn{0%{transform:translate(-130%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes tutorialBob{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(0) translateY(-6px)}}@keyframes tutorialRingPulse{0%,to{box-shadow:0 0 0 3px #c88c1eb3,0 0 12px #c88c1e40}50%{box-shadow:0 0 0 5px #c88c1e66,0 0 20px #c88c1e26}}.game-step{position:relative;border-left:2px solid rgba(200,140,30,.15);margin-left:4px}.game-step:before{content:"";position:absolute;left:-5px;top:14px;width:8px;height:8px;border-radius:50%;background:#c88c1e33;border:1.5px solid rgba(200,140,30,.35);box-sizing:border-box}.game-step-active{border-left-color:#c88c1e8c}.game-step-active:before{background:#c88c1ebf;border-color:#c88c1ee6;box-shadow:0 0 6px #c88c1e73}.btn-primary{background:linear-gradient(160deg,rgba(var(--accent-light-rgb),1),rgba(var(--accent-rgb),1));border:1px solid rgba(var(--accent-light-rgb),.6);box-shadow:inset 0 1px #ffd26440,inset 0 -1px #0003,0 3px 10px rgba(var(--accent-rgb),.4);transition:all .15s ease}.btn-primary:not(:disabled):hover{background:linear-gradient(160deg,rgba(var(--accent-light-rgb),1),rgba(var(--accent-rgb),.85));box-shadow:inset 0 1px #ffd2644d,inset 0 -1px #0003,0 4px 16px rgba(var(--accent-rgb),.55);transform:translateY(-1px)}.btn-primary:not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 1px #ffd26426,inset 0 -1px #0003,0 1px 4px rgba(var(--accent-rgb),.3)}.btn-primary:disabled{opacity:.5;cursor:default}.card-surface{background:linear-gradient(145deg,#1e1208f2,#160d05fa);border:1px solid rgba(200,140,30,.15);box-shadow:inset 0 1px #c88c1e14,0 2px 12px #00000059,0 0 0 1px #0003}.nav-tab{padding:7px 16px;border-radius:20px;font-family:Lora,serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1.5px solid transparent;color:#c4a064a6;background:transparent;white-space:nowrap;flex-shrink:0}@media(max-width:639px){.nav-tab{padding:6px 10px;font-size:12px}}.nav-tab:hover{color:#e8b048e6;background:#c88c1e14;border-color:#c88c1e26}.nav-tab-active{color:#1a0e05;background:linear-gradient(135deg,rgba(var(--accent-rgb),.9),rgba(var(--accent-light-rgb),.85));border-color:rgba(var(--accent-light-rgb),.6);box-shadow:0 2px 8px rgba(var(--accent-rgb),.35),inset 0 1px #ffffff1a;font-weight:600}.counter-divider{position:relative;margin:28px 0 20px;height:32px;display:flex;align-items:center;justify-content:center}.counter-edge{position:absolute;left:0;right:0;top:50%;height:12px;transform:translateY(-50%);background:linear-gradient(180deg,#1e1206,#120a03 40%,#0a0501);border-top:2px solid rgba(80,45,10,.8);border-bottom:3px solid rgba(0,0,0,.9);box-shadow:0 -2px 8px #00000080,0 4px 12px #000000b3,inset 0 1px #c88c1e14}.counter-surface{position:relative;z-index:1;background:#0e0802e6;border:1px solid rgba(80,45,10,.6);border-radius:3px;padding:3px 16px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#c88c1e66;font-family:Lora,serif}.tutorial-toast{animation:tutorialSlideIn .45s cubic-bezier(.34,1.56,.64,1) both,tutorialBob 2.2s ease-in-out .5s infinite}.tutorial-ring{animation:tutorialRingPulse 1.6s ease-in-out infinite;border-radius:8px}