*{box-sizing:border-box}body{margin:0;padding:0;font-family:VT323,monospace;background-color:#000;color:#fff;overflow-x:hidden}html{scroll-behavior:smooth}video{display:block;width:100%;height:100%}.font-pricedown{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.aspect-video{aspect-ratio:16 / 9}.aspect-square{aspect-ratio:1}.bg-gradient-radial{background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.5) 50%,black 100%)}:root{--x: 0px;--y: 0px;--scroll: 0;--cigarette-base-width: 100px;--cigarette-min-width: 15px}body{font-family:Inter,sans-serif;min-height:300vh;background-color:#1a1a1a;color:#f0f0f0;padding:2rem}html,body,a,button,[role=button],input,select,textarea,label,[tabindex]{cursor:none}.cursor{position:fixed;top:var(--y);left:var(--x);width:var(--cigarette-base-width);height:20px;pointer-events:none;z-index:9999;transform:translate(-10%,-50%);transition:transform .15s cubic-bezier(.175,.885,.32,1.275)}.cigarette{position:relative;width:calc(var(--cigarette-min-width) + (var(--cigarette-base-width) - var(--cigarette-min-width)) * (1 - var(--scroll)));height:8px;background:linear-gradient(to right,#222 1%,#eee 5%,#fff 10%,#f7f7f7);border:1px solid #ccc;border-radius:5px;box-shadow:0 1px 3px #0003;transition:width .1s ease-out;transform-origin:right}.cigarette-filter{content:"";position:absolute;right:0;top:-1px;width:20px;height:8px;background-color:#d4ac6e;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.2) 1px,transparent 0),radial-gradient(circle at 5px 3px,rgba(0,0,0,.2) 1px,transparent 0);background-size:6px 4px;border-radius:0 5px 5px 0;border-left:2px solid #b8860b}.cigarette-tip{position:absolute;left:-2px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#ff4800;border-radius:50%;box-shadow:0 0 5px 2px #ff7b00,0 0 10px 5px #ff000080,inset 0 0 3px #fff;animation:ember-flicker 1.5s infinite ease-in-out}.cigarette-ash{position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:6px;height:10px;background:linear-gradient(to right,#111,#444,#777);border-radius:3px 2px 2px 3px;box-shadow:inset 0 0 2px #000}.smoke{position:absolute;left:0;top:50%;width:6px;height:6px;background:#c8c8c880;border-radius:50%;filter:blur(3px);transform-origin:50% 50%;animation:smoke-drift 4s infinite linear;opacity:0}.smoke:nth-of-type(2){animation-delay:.8s}.smoke:nth-of-type(3){animation-delay:1.6s}.smoke:nth-of-type(4){animation-delay:2.4s}@keyframes ember-flicker{0%,to{transform:translateY(-50%) scale(1);box-shadow:0 0 5px 2px #ff7b00,0 0 10px 5px #ff000080,inset 0 0 3px #fff}50%{transform:translateY(-50%) scale(1.1);box-shadow:0 0 8px 4px #ff7b00,0 0 15px 8px #f009,inset 0 0 3px #fff}}@keyframes smoke-drift{0%{transform:translate(-10px,-5px) scale(.5) rotate(0);opacity:0}25%{opacity:.8}to{transform:translate(-40px,-60px) scale(2.5) rotate(30deg);opacity:0}}@keyframes ash-flick{0%,to{transform:translate(-10%,-50%) rotate(0)}20%{transform:translate(-10%,-50%) rotate(-3deg) translate(-5px)}60%{transform:translate(-10%,-50%) rotate(3deg) translate(5px)}}.cursor.clicking{animation:ash-flick .3s ease-in-out}.cursor.hovering .cigarette-tip{animation-duration:.5s}@media (prefers-reduced-motion: reduce){.cursor,.cigarette,.cigarette-tip,.smoke{animation:none!important;transition:none!important}}@media (hover: none) or (pointer: coarse){*{cursor:auto}.cursor{display:none}}::-webkit-scrollbar{width:16px;background-color:#000;border:2px solid #84cc16}::-webkit-scrollbar-track{background:linear-gradient(180deg,#000,#1a1a1a,#000);border:2px solid #84cc16;border-radius:0;box-shadow:inset 4px 4px #000c}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#84cc16,#65a30d,#84cc16);border:2px solid #000;border-radius:0;box-shadow:4px 4px #000c,inset 2px 2px #ffffff4d;position:relative}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a3e635,#84cc16,#a3e635);box-shadow:6px 6px #000c,inset 2px 2px #fff6;transform:scale(1.05)}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#d946ef,#c026d3,#d946ef);box-shadow:2px 2px #000c,inset 1px 1px #fff3}::-webkit-scrollbar-corner{background:#000;border:2px solid #84cc16}html{scrollbar-width:auto;scrollbar-color:#84cc16 #000}::-webkit-scrollbar-track:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg,rgba(132,204,22,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(132,204,22,.1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(132,204,22,.1) 75%),linear-gradient(-45deg,transparent 75%,rgba(132,204,22,.1) 75%);background-size:4px 4px;background-position:0 0,0 2px,2px -2px,-2px 0px;pointer-events:none}::-webkit-scrollbar-thumb:after{content:"";position:absolute;top:50%;left:2px;right:2px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0px,rgba(255,255,255,.4) 2px,transparent 2px,transparent 4px);transform:translateY(-50%);pointer-events:none}@media (prefers-reduced-motion: no-preference){::-webkit-scrollbar-thumb{transition:all .2s cubic-bezier(.25,.46,.45,.94)}::-webkit-scrollbar-thumb:hover{transition:all .1s ease-out}}::-webkit-scrollbar-thumb{position:relative}::-webkit-scrollbar-thumb:hover:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:#84cc164d;border-radius:2px;z-index:-1;filter:blur(2px)}@media (prefers-reduced-motion: reduce){::-webkit-scrollbar-thumb{transition:none}::-webkit-scrollbar-thumb:hover:before{display:none}}