:root{--ink:#050505;--paper:#f4f4f0;--charcoal:#232323;--line:#f4f4f0d1}*{box-sizing:border-box}html,body{background:var(--charcoal);min-height:100%;margin:0}body{color:var(--paper);cursor:none;font-family:Georgia,Times New Roman,serif;overflow-x:hidden}button,canvas,[role=button]{cursor:none}.shell{isolation:isolate;background:var(--charcoal);flex-direction:column;height:100dvh;min-height:100dvh;display:flex;position:relative}.matrix-rain{z-index:-1;background:radial-gradient(circle at 50% 38%,#7d35ff24,transparent 34%),var(--charcoal);opacity:.72;pointer-events:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}.cyber-cursor{z-index:100;clip-path:polygon(0 0,0 21px,5px 17px,9px 26px,14px 24px,10px 15px,18px 15px);filter:drop-shadow(1px 0 #4b0fa4)drop-shadow(-1px 0 #4b0fa4)drop-shadow(0 1px #4b0fa4)drop-shadow(0 -1px #4b0fa4)drop-shadow(2px 0 #a32cff)drop-shadow(-2px 0 #a32cff)drop-shadow(0 2px #a32cff)drop-shadow(0 -2px #a32cff)drop-shadow(0 0 5px #fffffff2)drop-shadow(0 0 16px #a32cff)drop-shadow(0 0 34px #7000ff);opacity:0;pointer-events:none;background:#f8fbff;width:19px;height:26px;transition:filter .14s,opacity .14s,transform .14s;position:fixed;top:0;left:0}.cyber-cursor:after{content:none}.cyber-cursor:before{filter:blur(2px);content:"";background:radial-gradient(#a32cffb8,#ff4fd84d 38%,#0000 68%);border-radius:50%;position:absolute;inset:10px -18px -26px -10px;transform:translate(3px,6px)}.cyber-cursor.is-visible{opacity:1}.cyber-cursor.is-pressed{filter:drop-shadow(1px 0 #4a128f)drop-shadow(-1px 0 #4a128f)drop-shadow(0 1px #4a128f)drop-shadow(0 -1px #4a128f)drop-shadow(2px 0 #c15cff)drop-shadow(-2px 0 #c15cff)drop-shadow(0 2px #c15cff)drop-shadow(0 -2px #c15cff)drop-shadow(0 0 8px #fff)drop-shadow(0 0 22px #c15cff)drop-shadow(0 0 40px #7000ff)}.brand-bar{z-index:10;border-bottom:2px solid var(--line);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#232323e0;width:100%;padding:clamp(14px,2vw,22px) clamp(18px,3vw,34px) clamp(12px,1.2vw,18px);position:sticky;top:0;left:0}.brand-bar h1{color:var(--paper);letter-spacing:0;margin:0;font-size:clamp(2.7rem,7.4vw,7.4rem);font-weight:900;line-height:.82}.hero{flex:2 1 0;justify-content:center;min-height:0;padding:0;display:flex}.obj-wrap{background:0 0;border:0;width:100%;height:100%;min-height:0;position:relative}.obj-canvas{cursor:none;touch-action:none;position:absolute;inset:0}.obj-canvas:active{cursor:none}.obj-arrow{z-index:4;cursor:none;width:clamp(36px,2.35vw,54px);height:clamp(68px,4.4vw,96px);transform-style:preserve-3d;background:linear-gradient(145deg,#f4f4f0e0,#848480b3 52%,#2a2a28c7);border:1px solid #f4f4f0ad;padding:0;transition:filter .16s,opacity .16s,transform .16s,box-shadow .16s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 3px 3px #ffffff52,inset -5px -5px #0000005c,0 13px 22px #0000006b}.obj-arrow:hover{filter:brightness(1.16);box-shadow:inset 3px 3px #ffffff6b,inset -5px -5px #0006,0 16px 28px #00000080}.obj-arrow:active{transform:translateY(calc(3px - 50%))scale(.96);box-shadow:inset 1px 1px #ffffff38,inset -3px -3px #00000070,0 7px 14px #0000006b}.obj-arrow:before{content:"";width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.obj-arrow-left{perspective-origin:0;left:clamp(72px,16vw,270px)}.obj-arrow-left:before{border-top:clamp(19px,1.25vw,27px) solid #0000;border-bottom:clamp(19px,1.25vw,27px) solid #0000;border-right:clamp(11px,.72vw,16px) solid #0000009e}.obj-arrow-right{perspective-origin:100%;right:clamp(72px,16vw,270px)}.obj-arrow-right:before{border-top:clamp(19px,1.25vw,27px) solid #0000;border-bottom:clamp(19px,1.25vw,27px) solid #0000;border-left:clamp(11px,.72vw,16px) solid #0000009e}.obj-actions{z-index:6;pointer-events:auto;justify-content:space-between;gap:clamp(18px,5vw,120px);width:min(78vw,540px);display:flex;position:absolute;top:clamp(42px,7.5vh,78px);left:50%;transform:translate(-50%)}.obj-action-button{color:#000000bd;cursor:none;text-align:center;text-shadow:0 1px #ffffff5c;white-space:nowrap;background:linear-gradient(145deg,#f4f4f0e0,#848480b3 52%,#2a2a28c7);border:1px solid #f4f4f0ad;min-width:clamp(132px,13vw,210px);height:clamp(42px,4.5vw,70px);padding:0 clamp(18px,2vw,32px);font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,1.25vw,1.35rem);font-weight:900;line-height:1;transition:filter .16s,transform .16s,box-shadow .16s;box-shadow:inset 3px 3px #ffffff52,inset -5px -5px #0000005c,0 13px 22px #0000006b}.obj-action-button:hover{filter:brightness(1.16);box-shadow:inset 3px 3px #ffffff6b,inset -5px -5px #0006,0 16px 28px #00000080}.obj-action-button:active{transform:translateY(3px)scale(.98);box-shadow:inset 1px 1px #ffffff38,inset -3px -3px #00000070,0 7px 14px #0000006b}.obj-meta{z-index:5;pointer-events:none;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(18px,5vw,80px);width:min(56vw,430px);display:grid;position:absolute;bottom:clamp(16px,4.2vh,46px);left:50%;transform:translate(-50%)}.obj-name,.obj-price{color:var(--paper);letter-spacing:0;text-align:left;text-shadow:2px 2px #000000e6,0 6px 14px #000000b8;image-rendering:pixelated;font-family:Courier New,monospace;font-size:clamp(.9rem,1.35vw,1.45rem);font-weight:700;line-height:1}.obj-name{overflow-wrap:anywhere;text-align:left;text-transform:uppercase;min-width:0}.obj-price{text-align:right;white-space:nowrap}.game-dock{background:#232323e0;flex:1 1 0;place-items:center;min-height:0;padding:0;display:grid}.game-frame{background:#232323e0;border:0;width:100%;height:100%;min-height:0;overflow:hidden}.game-frame canvas{background:var(--charcoal);display:block;width:100%!important;height:100%!important}@media (max-width:700px){.shell{height:100svh;min-height:100svh}.brand-bar h1{font-size:clamp(2.4rem,13vw,4rem)}.obj-arrow{width:24px;height:52px}.obj-arrow-left{left:clamp(24px,8vw,42px)}.obj-arrow-right{right:clamp(24px,8vw,42px)}.obj-actions{gap:14px;width:min(84vw,330px);top:clamp(42px,8vh,62px)}.obj-action-button{flex:1 1 0;min-width:0;height:38px;padding:0 12px;font-size:.88rem}.obj-meta{gap:16px;width:calc(100vw - clamp(84px,32vw,144px));bottom:clamp(12px,3vh,24px);left:50%}.game-frame{min-height:0}}@media (pointer:coarse){body,button,canvas,[role=button]{cursor:auto}.cyber-cursor{display:none}}
