body{margin:0;background:#0B1020}
a{color:#FFC14D}a:hover{color:#FFD88A}
*{box-sizing:border-box}
.lift{transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.lift:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.38);border-color:#6B5320 !important}
@keyframes tt-pulse{0%,100%{opacity:1}50%{opacity:.25}}
.tt-pulse{animation:tt-pulse 1.4s ease-in-out infinite}
@keyframes tt-rise{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: no-preference){
@supports (animation-timeline: view()){
.reveal{animation:tt-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
}
}
@media (prefers-reduced-motion: reduce){
.lift,.lift:hover{transition:none;transform:none}
.tt-pulse{animation:none}
}
.btn-3d{transition:transform .15s ease, box-shadow .15s ease, filter .15s ease}
.btn-3d:hover{transform:translate(-3px,-3px);box-shadow:1px 1px 0 #C98410, 2px 2px 0 #B87810, 3px 3px 0 #A86A0C, 4px 4px 0 #985F0A, 5px 5px 0 #8A5508, 8px 14px 26px rgba(255,176,32,.28);filter:brightness(1.06);color:#1A1200 !important}
.btn-3d:active{transform:translate(0,0);box-shadow:1px 1px 0 #A86A0C, 2px 4px 10px rgba(255,176,32,.2)}
.btn-ghost{transition:transform .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease}
.btn-ghost:hover{transform:translateY(-3px);border-color:#FFB020 !important;background-color:rgba(255,176,32,.08) !important;box-shadow:0 12px 26px rgba(0,0,0,.35);color:#FFFFFF !important}
.btn-ghost:active{transform:translateY(0)}
.btn-3d:focus-visible,.btn-ghost:focus-visible{outline:2px solid #FFD88A;outline-offset:3px}
@media (prefers-reduced-motion: reduce){.btn-3d,.btn-3d:hover,.btn-3d:active,.btn-ghost,.btn-ghost:hover{transform:none;transition:none}}
.navlink{position:relative;padding:6px 0;transition:color .2s ease}
.navlink::after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;border-radius:2px;background:#FFB020;transition:left .25s ease,right .25s ease}
.navlink:hover{color:#FFFFFF !important}
.navlink:hover::after{left:0;right:0}
.navlink:focus-visible{outline:2px solid #FFD88A;outline-offset:4px}
@media (prefers-reduced-motion: reduce){.navlink,.navlink::after{transition:none}}