:root{--green: #27e08a;--red: #ff5b6e;--blue: #2f7dff;--ink: #e8eef6}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;background:#05070b;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}#app,#stage{position:fixed;top:0;right:0;bottom:0;left:0}#stage{overflow:hidden;touch-action:none;background:radial-gradient(120% 75% at 50% 8%,rgba(40,80,150,.28),transparent 55%),radial-gradient(80% 60% at 50% 105%,rgba(30,60,120,.18),transparent 60%),#0a0e16}#stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(95,140,215,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(95,140,215,.06) 1px,transparent 1px);background-size:7vmin 7vmin;-webkit-mask:radial-gradient(circle at 50% 62%,#000 45%,transparent 88%);mask:radial-gradient(circle at 50% 62%,#000 45%,transparent 88%)}#stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 22vmin 6vmin #000000b8}#scene-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}#char-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100}#fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3500}#ticker{position:absolute;top:0;left:0;right:0;height:clamp(28px,4.6vh,36px);display:flex;align-items:center;overflow:hidden;background:linear-gradient(#0c1626,#070d18);border-bottom:1px solid rgba(80,140,220,.28);box-shadow:0 3px 16px #0000008c;z-index:5000}.ticker-track{display:inline-flex;white-space:nowrap;will-change:transform;animation:ticker 42s linear infinite}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.tk{display:inline-flex;align-items:center;gap:5px;padding:0 13px;font:600 clamp(11px,2.9vw,13px) / 1 ui-monospace,"SF Mono",Menlo,monospace;border-right:1px solid rgba(255,255,255,.05)}.tk b{color:#cfe0f5;font-weight:700}.tk.up{color:var(--green)}.tk.down{color:var(--red)}.tk .arw{font-size:.78em}.tk.flash{animation:tkflash .5s ease;border-radius:4px}@keyframes tkflash{0%{background:#ffffff29}to{background:transparent}}.wall-logo{position:absolute;top:clamp(34px,5vh,46px);left:50%;transform:translate(-50%);font:900 clamp(15px,4.6vw,30px) / 1 system-ui;letter-spacing:.16em;white-space:nowrap;color:#cde6ff;text-shadow:0 0 6px #6fd0ff,0 0 16px rgba(80,180,255,.85),0 0 30px rgba(60,130,255,.6);animation:neon 3.4s ease-in-out infinite;z-index:5}@keyframes neon{0%,to{opacity:1}47%{opacity:.92}50%{opacity:.62}53%{opacity:.95}}.wall-screen{position:absolute;top:clamp(66px,10.5vh,96px);left:50%;transform:translate(-50%);width:min(58vw,330px);padding:5px 8px;border:1px solid rgba(70,150,255,.4);border-radius:10px;background:linear-gradient(#0a1422,#060c16);box-shadow:0 0 26px #2878ff38,inset 0 0 28px #143c8c47;z-index:6}.wall-chart-wrap{height:clamp(40px,9vh,76px)}.wall-chart{width:100%;height:100%;display:block}.wall-readout{display:flex;justify-content:center;gap:10px;margin-top:3px;font:700 clamp(9px,2.4vw,12px) ui-monospace,monospace}.wall-sym{color:#9fb6d4}.wall-px{color:#fff}.wall-chg.up{color:var(--green)}.wall-chg.down{color:var(--red)}.prop{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.prop svg{display:block;width:100%;height:100%}.bull{width:clamp(58px,15vmin,120px);filter:drop-shadow(0 0 10px rgba(255,200,70,.35));animation:idle 4.2s ease-in-out infinite}.plant{width:clamp(26px,6.5vmin,50px)}.coffee-machine{width:clamp(30px,8vmin,60px);height:clamp(40px,11vmin,84px)}.cm-body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px 6px 4px 4px;background:linear-gradient(#3a4150,#20252e);border:1px solid rgba(120,160,220,.25);box-shadow:0 6px 12px #00000080}.cm-screen{position:absolute;top:12%;left:18%;width:64%;height:22%;border-radius:2px;background:#0a1f16;display:flex;align-items:center;justify-content:flex-end;padding-right:8%}.cm-dot{width:18%;aspect-ratio:1;border-radius:50%;background:#2bd06a;box-shadow:0 0 6px #2bd06a;animation:blink 1.8s steps(1) infinite}@keyframes blink{0%,60%{opacity:1}61%,to{opacity:.25}}.cm-spout{position:absolute;top:44%;left:50%;width:14%;height:12%;transform:translate(-50%);background:#11151b;border-radius:0 0 3px 3px}.cm-cup{position:absolute;bottom:16%;left:50%;width:26%;height:16%;transform:translate(-50%);background:#e9eef5;border-radius:0 0 4px 4px}.cm-tray{position:absolute;bottom:8%;left:18%;width:64%;height:5%;background:#11151b;border-radius:2px}.cm-steam{position:absolute;bottom:34%;left:50%;transform:translate(-50%);width:30%;height:30%}.cm-steam span{position:absolute;bottom:0;width:3px;height:60%;border-radius:2px;background:#ffffff59;filter:blur(1px);animation:steam 2.2s ease-in-out infinite}.cm-steam span:nth-child(1){left:32%}.cm-steam span:nth-child(2){left:56%;animation-delay:1.1s}@keyframes steam{0%{opacity:0;transform:translateY(4px) scaleY(.6)}40%{opacity:.7}to{opacity:0;transform:translateY(-10px) scaleY(1.2)}}.water-cooler{width:clamp(24px,6.5vmin,50px);height:clamp(40px,11vmin,84px)}.wc-bottle{position:absolute;top:0;left:50%;transform:translate(-50%);width:76%;height:52%;border-radius:40% 40% 18% 18%;background:linear-gradient(#7fd3ff,#3aa0e6);border:1px solid rgba(255,255,255,.3);overflow:hidden}.wc-bubble{position:absolute;left:30%;bottom:10%;width:16%;aspect-ratio:1;border-radius:50%;background:#fff9;animation:bubble 2.6s ease-in infinite}@keyframes bubble{0%{transform:translateY(0) scale(.6);opacity:0}30%{opacity:1}to{transform:translateY(-180%) scale(1);opacity:0}}.wc-base{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:50%;border-radius:4px;background:linear-gradient(#dfe6ee,#aab6c4);box-shadow:0 6px 12px #00000080}.bench{position:absolute;transform:translate(-50%,-50%);pointer-events:none;overflow:visible}.desk-top{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;gap:8%;align-items:center;justify-content:center;padding:0 6%;border:1px solid rgba(120,160,220,.16);border-radius:6px;background:linear-gradient(#1b2433,#10161f);box-shadow:0 7px 16px #0000008c;z-index:2}.monitor{position:relative;width:38%;height:66%;padding:2px;border:1px solid rgba(90,150,230,.45);border-radius:3px;background:#05080d;box-shadow:0 0 9px #3282ff8c,inset 0 0 3px #4696ffb3;transition:box-shadow .2s ease,border-color .2s ease}.monitor.flash-up{border-color:#2bd06a;box-shadow:0 0 16px #2bd06ae6,inset 0 0 6px #2bd06acc}.monitor.flash-down{border-color:#ff5b6e;box-shadow:0 0 16px #ff5b6ee6,inset 0 0 6px #ff5b6ecc}.screen{width:100%;height:100%;overflow:hidden}.screen svg{width:100%;height:100%;display:block}.mon-pop{position:absolute;left:50%;bottom:100%;transform:translate(-50%);font:800 clamp(8px,2.2vmin,12px) ui-monospace,monospace;white-space:nowrap;pointer-events:none;animation:monpop .7s ease-out forwards}.mon-pop.up{color:#2bd06a}.mon-pop.down{color:#ff5b6e}@keyframes monpop{0%{opacity:0;transform:translate(-50%,6px)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-14px)}}.chair{position:absolute;top:112%;width:34%;height:70%;transform:translate(-50%);border-radius:44% 44% 40% 40%;background:radial-gradient(circle at 50% 30%,#2a3340,#141a23);box-shadow:0 4px 8px #00000080;z-index:1}.worker{position:absolute;bottom:72%;width:46%;transform:translate(-50%);z-index:1;transform-origin:50% 100%;animation:typing .5s ease-in-out infinite}.worker-svg{width:100%;display:block}@keyframes typing{0%,to{transform:translate(-50%) translateY(0) rotate(-.6deg)}50%{transform:translate(-50%) translateY(-3%) rotate(.6deg)}}.emote{position:absolute;bottom:100%;left:50%;transform:translate(-50%,6px) scale(.6);font-size:clamp(13px,3.6vmin,22px);opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.emote.show{opacity:1;transform:translate(-50%,-2px) scale(1)}.paper{position:absolute;transform:translate(-50%,-50%);width:clamp(10px,2.6vmin,18px);pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.paper svg{display:block;width:100%}.paper.drift{animation:paperdrift .95s ease-out}@keyframes paperdrift{0%{transform:translate(-50%,-50%) rotate(0)}35%{transform:translate(calc(-50% + var(--dx, 14px)),calc(-50% - 16px)) rotate(var(--rot, 22deg))}to{transform:translate(-50%,-50%) rotate(0)}}.character{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;pointer-events:none;will-change:transform}.char-body{will-change:transform}.char-bob{transform-origin:50% 92%}.avatar-svg,.fabyan-svg{display:block}.visitor .char-body{width:clamp(34px,9.5vmin,62px)}.visitor .char-bob{animation:idle 2.6s ease-in-out infinite}.character.walking .char-bob{animation:walk .36s ease-in-out infinite}@keyframes idle{0%,to{transform:translateY(0)}50%{transform:translateY(-6%)}}@keyframes walk{0%{transform:translateY(0) rotate(-3.5deg)}50%{transform:translateY(-11%) rotate(0)}to{transform:translateY(0) rotate(3.5deg)}}.char-name{margin-bottom:3px;padding:1px 7px;font:700 clamp(9px,2.5vmin,12px) system-ui;white-space:nowrap;border-radius:999px;background:#060a12b8;text-shadow:0 1px 2px #000}.self .char-name{box-shadow:0 0 0 1.5px #ffffff59}.self:after{content:"";position:absolute;left:50%;bottom:-2px;width:clamp(26px,7vmin,46px);height:clamp(8px,2vmin,14px);transform:translate(-50%);border:2px solid rgba(150,210,255,.55);border-radius:50%;box-shadow:0 0 10px #78c8ff99;animation:ringpulse 1.7s ease-in-out infinite}@keyframes ringpulse{0%,to{opacity:.4;transform:translate(-50%) scale(.9)}50%{opacity:.9;transform:translate(-50%) scale(1.08)}}.fabyan .char-body{width:clamp(64px,16vmin,120px)}.fabyan .char-bob{animation:bossidle 3.6s ease-in-out infinite}@keyframes bossidle{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-2.4%) rotate(1deg)}}.boss-name{color:#ffd24a;font-weight:800;letter-spacing:.03em}.boss-tag{font-size:.68em;background:#ffd24a;color:#1a1206;padding:0 4px;border-radius:4px;margin-left:4px;vertical-align:middle;font-weight:900}.speech{position:absolute;bottom:100%;left:50%;margin-bottom:7px;transform:translate(-50%,5px);width:max-content;max-width:46vw;padding:7px 10px;border-radius:12px;background:#fff;color:#15202e;font:600 clamp(10px,2.6vw,13px) / 1.25 system-ui;text-align:center;box-shadow:0 6px 18px #00000073;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.speech.show{opacity:1;transform:translate(-50%)}.speech:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:#fff}.fabyan .speech{background:linear-gradient(#fff,#eaf2ff);font-weight:700;max-width:52vw}.chat-bubble{background:#0f1a2b;color:#dcebff;border:1px solid rgba(120,170,255,.45)}.chat-bubble:after{border-top-color:#0f1a2b}#chat{position:absolute;left:8px;bottom:8px;width:min(64vw,320px);display:flex;flex-direction:column;gap:5px;z-index:4000}.chat-log{display:flex;flex-direction:column;gap:3px;max-height:26vh;overflow-y:auto;padding:4px 6px;border-radius:10px;background:#060a1266;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);touch-action:pan-y;scrollbar-width:thin}.chat-log:empty{display:none}.chat-msg{font:500 clamp(11px,3vw,13px) / 1.3 system-ui;word-break:break-word}.chat-name{font-weight:800;margin-right:5px}.chat-text{color:#dbe6f3}.chat-form{display:flex;gap:5px}#chat-input{flex:1;min-width:0;padding:8px 12px;border:1px solid rgba(120,170,255,.3);border-radius:999px;background:#0a101ad9;color:#eaf2ff;font-size:16px;outline:none;pointer-events:auto}.chat-form button{flex:0 0 auto;width:38px;height:38px;border:none;border-radius:50%;background:var(--blue);color:#fff;font-size:15px}.tap-ring{position:absolute;width:8px;height:8px;transform:translate(-50%,-50%);border:2px solid rgba(140,205,255,.9);border-radius:50%;animation:tapring .5s ease-out forwards}@keyframes tapring{0%{width:8px;height:8px;opacity:.9}to{width:46px;height:46px;opacity:0}}.coffee-badge{margin-left:2px;filter:drop-shadow(0 0 3px rgba(255,200,120,.7))}#coffee-hint{position:absolute;transform:translate(-50%,-100%);z-index:4200;padding:7px 11px;border:1px solid rgba(255,210,120,.6);border-radius:999px;background:#141008e6;color:#ffe6b0;font:600 clamp(11px,3vw,13px) system-ui;white-space:nowrap;box-shadow:0 4px 16px #00000080,0 0 14px #ffbe5a40;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}#coffee-hint b{color:#fff}#coffee-hint.show{opacity:1;pointer-events:auto;animation:hintbob 1.4s ease-in-out infinite}@keyframes hintbob{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,-118%)}}#landing{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;overflow:hidden}.door{position:absolute;top:0;height:100%;width:50.5%;z-index:1;background:radial-gradient(120% 80% at 50% 10%,rgba(40,70,120,.25),transparent 55%),linear-gradient(#0a0e16,#05070b);transition:transform .6s cubic-bezier(.7,0,.25,1) .18s}.door-l{left:0;border-right:1px solid rgba(140,180,255,.18);box-shadow:inset -7px 0 22px #0009}.door-r{right:0;border-left:1px solid rgba(140,180,255,.18);box-shadow:inset 7px 0 22px #0009}#landing.opening .door-l{transform:translate(-101%)}#landing.opening .door-r{transform:translate(101%)}.l-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden;transition:opacity .25s ease}#landing.opening .l-overlay{opacity:0;pointer-events:none}.l-grid{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(58px,20vw,96px),1fr));grid-auto-rows:clamp(40px,12vw,64px);gap:clamp(8px,3vw,18px);padding:2%;opacity:.17;animation:griddrift 30s ease-in-out infinite alternate}.l-cell{animation:cellflicker 5s ease-in-out infinite}.l-cell svg{width:100%;height:100%;display:block}@keyframes griddrift{0%{transform:translate(-1.6%,-1.1%)}to{transform:translate(1.6%,1.3%)}}@keyframes cellflicker{0%,to{opacity:.5}45%{opacity:1}72%{opacity:.32}}.l-ticker{position:absolute;top:0;left:0;right:0;height:clamp(28px,4.6vh,36px);display:flex;align-items:center;overflow:hidden;background:linear-gradient(#0c1626,#070d18);border-bottom:1px solid rgba(80,140,220,.28);opacity:.85}.l-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 42%,transparent 28%,rgba(3,5,9,.86) 92%)}.l-card{position:relative;z-index:2;width:min(90vw,400px);padding:26px 22px 20px;text-align:center;border-radius:20px;border:1px solid rgba(90,150,255,.25);background:linear-gradient(#0e1726d1,#080e18eb);box-shadow:0 24px 70px #0009,inset 0 0 40px #143c8c26;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.l-kicker{font:700 10px/1 system-ui;letter-spacing:.28em;color:#5fb0ff}.l-title{margin:10px 0 6px;font-family:system-ui,sans-serif;font-weight:900;line-height:.92;letter-spacing:.01em;font-size:clamp(30px,9vw,52px);color:#fff;text-shadow:0 2px 18px rgba(60,130,255,.35)}.l-title span{display:block;background:linear-gradient(#ffd24a,#ff9e2c);-webkit-background-clip:text;background-clip:text;color:transparent}.l-tag{margin:0 0 16px;color:#9fb6d4;font-style:italic;font-size:clamp(12px,3.4vw,15px)}.l-count{display:inline-block;margin:0 auto 18px;padding:7px 13px;border-radius:999px;border:1px solid rgba(80,200,140,.22);background:#12261c80;color:#bfe6cf;font-size:clamp(11px,3vw,13px)}.l-count.live b{color:#fff}.l-form{display:flex;flex-direction:column;gap:11px}#l-name{padding:14px 16px;border:1px solid rgba(120,170,255,.3);border-radius:14px;background:#070d16;color:#fff;font-size:16px;text-align:center;outline:none}#l-name:focus{border-color:#3a82ff;box-shadow:0 0 0 3px #3a82ff33}.l-go{padding:16px;border:none;border-radius:14px;cursor:pointer;background:linear-gradient(#ffd24a,#f5a623);color:#1a1206;font:900 clamp(15px,4.4vw,18px) system-ui;letter-spacing:.05em;box-shadow:0 10px 26px #f5a62359}.l-go:active{transform:translateY(1px)}.l-hint{margin-top:14px;color:#6b7c93;font-size:11px}.l-form.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}