:root{--gold: #F4C644;--black: #000000;--ivory: #F2F2E8;--sea: #3E5C76;--moss: #6D8B4F;--sage: #A7C957;--steel: #7D7D7D;--earth: #C46210;--oak: #5C3A21}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;min-height:100vh;background:#000;overflow-x:hidden}body{font-family:Inter,sans-serif;color:var(--ivory);background:#000;overflow-x:hidden;overscroll-behavior-x:none}h1,h2,h3{font-family:Cinzel,serif;font-weight:600;letter-spacing:.03em;margin:0}button{border:none;border-radius:14px;padding:12px 18px;background:var(--gold);color:var(--black);font-weight:600;cursor:pointer;transition:.2s ease}button:hover{transform:translateY(-1px);opacity:.95}input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--ivory);font-size:1rem}input::placeholder{color:#ffffff73}a{color:inherit;text-decoration:none}.login-page{min-height:100vh;width:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgba(244,198,68,.16),transparent 32%),radial-gradient(circle at bottom right,rgba(62,92,118,.22),transparent 34%),#000}.login-card{width:min(420px,100%);padding:36px;border-radius:32px;background:#ffffff09;border:1px solid rgba(244,198,68,.18);box-shadow:0 24px 80px #0000008c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center}.login-logo{width:132px;margin-bottom:18px;filter:drop-shadow(0 0 22px rgba(244,198,68,.22))}.login-form{display:grid;gap:14px}.login-form button{margin-top:8px;width:100%}.home-page{min-height:100vh;background:radial-gradient(circle at bottom right,rgba(109,139,79,.14),transparent 34%),#000;color:var(--ivory);padding:18px 0 20px;overflow:hidden}.home-header{width:min(1180px,calc(100% - 40px));margin:0 auto 18px;display:flex;align-items:center;justify-content:center}.home-logo{width:clamp(112px,13vw,164px)}.logout-button{background:#f2f2e80f;color:var(--ivory);border:1px solid rgba(244,198,68,.24)}.auth-loading-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,rgba(244,198,68,.14),transparent 28%),radial-gradient(circle at bottom right,rgba(62,92,118,.18),transparent 32%),#000;color:var(--ivory);padding:24px}.auth-loading-card{display:grid;gap:10px;padding:26px 28px;border-radius:28px;border:1px solid rgba(244,198,68,.18);background:#ffffff0f;box-shadow:0 24px 70px #00000061;text-align:center}.auth-loading-card.is-error{border-color:#f4c6445c;background:#ffffff14}.auth-loading-label{font-family:Cinzel,serif;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.auth-loading-card strong{font-family:Cinzel,serif;font-size:1.2rem;color:var(--ivory)}.auth-loading-card em{font-style:normal;font-size:.88rem;color:#f2f2e8b8}.auth-loading-card.is-error em{color:#ffe880eb}.auth-loading-card button{margin-top:8px}.home-hero{width:min(980px,calc(100% - 40px));margin:0 auto 8px;text-align:center}.home-hero h1{font-size:clamp(1.85rem,4.6vw,3.35rem);color:var(--gold)}.home-hero-location{margin:4px 0 0;font-size:clamp(.85rem,2vw,1.05rem);letter-spacing:.04em;color:#f2f2e8b3}.empty-state,.home-instruction{margin:16px auto 0;max-width:560px;text-align:center;color:#f2f2e8ad;line-height:1.6}.barrel{position:relative;width:min(1180px,100%);margin:0 auto;padding:8px 0 0;display:grid;grid-template-columns:1fr;align-items:center}.barrel-stage{position:relative;height:clamp(250px,42vh,390px);min-height:250px;overflow:visible;overscroll-behavior-x:contain}.barrel-stage:before{content:"";position:absolute;top:50%;left:50%;width:min(118vw,980px);aspect-ratio:1 / 1;transform:translate(-50%,-50%);z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(255,244,178,.95) 0%,rgba(255,218,86,.76) 12%,rgba(244,198,68,.48) 32%,rgba(196,98,16,.24) 58%,transparent 82%);filter:blur(18px);opacity:1;pointer-events:none}.barrel-stage:after{content:"";position:absolute;top:50%;left:50%;width:min(34vw,300px);aspect-ratio:1 / 1;transform:translate(-50%,-50%);z-index:0;border-radius:50%;background:#ffe8805c;filter:blur(34px);pointer-events:none}.barrel-card{--position: 0;position:absolute;top:50%;left:50%;width:min(43vw,350px);aspect-ratio:1 / 1;transform:translate(-50%,-50%) translate(calc(var(--position) * 240px)) scale(.72);opacity:.16;z-index:1;transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .72s ease,filter .72s ease;filter:saturate(.75)}.barrel-card img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 48px rgba(0,0,0,.62));-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.barrel-card.is-center{transform:translate(-50%,-50%) translate(0) scale(1);opacity:1;z-index:5;filter:saturate(1)}.barrel-card.is-near{opacity:.48;z-index:3;transform:translate(-50%,-50%) translate(calc(var(--position) * 220px)) scale(.78)}.barrel-card.is-far{opacity:0;z-index:0;pointer-events:none;transform:translate(-50%,-50%) translate(calc(var(--position) * 210px)) scale(.46)}.barrel-stage{cursor:grab;touch-action:pan-y}.barrel-controls{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:16px;margin-top:4px}.barrel-dots{display:flex;justify-content:center;gap:9px}.barrel-dots button{width:8px;height:8px;padding:0;border-radius:50%;background:#f2f2e842}.barrel-dots button.is-active{background:var(--gold);box-shadow:0 0 16px #f4c6446b}.barrel-arrow{width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(244,198,68,.28);background:#f2f2e80e;color:var(--gold);font-size:1.7rem;font-weight:400;line-height:1}.barrel-stage{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.barrel-stage:active{cursor:grabbing}.barrel-card{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.barrel-current{grid-column:1 / -1;text-align:center;margin:10px 0 0;display:flex;flex-direction:column;align-items:center;gap:5px}.barrel-current strong{font-family:Cinzel,serif;color:var(--gold);letter-spacing:.05em;font-size:1.08rem}.barrel-current span{color:#f2f2e8ad;font-size:.92rem}@media(max-width:768px){.barrel{grid-template-columns:44px 1fr 44px}.barrel-stage{height:310px;min-height:310px}.barrel-card{width:64vw}.barrel-card.is-near{transform:translate(-50%,-50%) translate(calc(var(--position) * 155px)) scale(.72)}}@media(max-width:768px){.home-header{margin-bottom:16px}.home-logo{width:118px}.logout-button{padding:10px 13px;font-size:.85rem}.barrel{grid-template-columns:1fr}.barrel-stage{height:310px;min-height:310px}.barrel-card{width:64vw}.barrel-card.is-near{transform:translate(-50%,-50%) translate(calc(var(--position) * 155px)) scale(.72)}.barrel-card.is-far{opacity:0;z-index:0;pointer-events:none;transform:translate(-50%,-50%) translate(calc(var(--position) * 140px)) scale(.42)}.barrel-stage{cursor:grab;touch-action:pan-y}.barrel-stage:active{cursor:grabbing}}