*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#eee;background:#050a06;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.stage{flex-direction:column;align-items:center;min-height:100vh;padding:24px 16px 64px;display:flex}.banner{color:#ffc46b;letter-spacing:.02em;text-align:center;background:#3a1f00;border:1px solid #6b4400;border-radius:8px;margin-bottom:24px;padding:8px 16px;font-size:.85rem;font-weight:600}.header{text-align:center;margin-bottom:32px}.header h1{color:#d4af37;margin:0 0 4px;font-size:1.6rem}.subtitle{color:#9ab89f;margin:0 0 20px}.panel{text-align:center;background:#ffffff0a;border:1px solid #d4af3740;border-radius:16px;width:100%;max-width:480px;padding:28px}.hint{color:#9ab89f}.status{color:#d4af37;margin-top:16px}.error{color:#ff6b6b;white-space:pre-wrap;word-break:break-word;margin-top:16px}.pack-row{justify-content:center;gap:16px;display:flex}.pack-btn{color:#fff;cursor:pointer;background:linear-gradient(145deg,#3d2b1f,#1a120c);border:2px solid #8b5a2b;border-radius:12px;flex:1;padding:20px 12px;transition:transform .15s,border-color .15s}.pack-btn:hover:not(:disabled){border-color:#d4af37;transform:translateY(-2px)}.pack-btn:disabled{opacity:.5;cursor:not-allowed}.pack-title{font-size:1.05rem;font-weight:700}.pack-sub{color:#cbd5c9;margin-top:4px;font-size:.85rem}.pack-price{color:#d4af37;margin-top:10px;font-size:.85rem;font-weight:600}.reveal-stage{cursor:pointer;z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tree-layer{background:#0d1f11;justify-content:center;align-items:center;width:50vw;height:100vh;font-size:5rem;transition:transform .8s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:0}.tree-left{border-right:4px solid #020502;left:0;transform:translate(-100%)}.tree-right{border-left:4px solid #020502;right:0;transform:translate(100%)}.reveal-stage.revealed .tree-left{transform:translate(-15vw)}.reveal-stage.revealed .tree-right{transform:translate(15vw)}.pack-container{perspective:1200px;z-index:20;width:280px;height:400px;position:relative}.pack{width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.4,0,.2,1);position:relative}.reveal-stage.revealed .pack{transition-delay:.6s;transform:rotateY(180deg)}.face{backface-visibility:hidden;color:#fff;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;padding:16px;font-size:1.4rem;font-weight:700;display:flex;position:absolute;box-shadow:0 15px 35px #00000080}.face.front{background:linear-gradient(145deg,#3d2b1f,#1a120c);border:2px solid #8b5a2b}.face.back{color:#d4af37;background:#111;border:2px solid #d4af37;transform:rotateY(180deg)}.reveal-stage .hint{text-align:center;color:#555;width:100%;font-size:.9rem;transition:opacity .3s;position:absolute;bottom:-40px}.reveal-stage.revealed .hint{opacity:.7}