@import url("https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&family=VT323&display=swap");
:root{color-scheme:dark;background:#141512}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;overflow-x:hidden}body{background:#141512}.world{min-height:100svh;display:grid;align-items:center}.stage{position:relative;aspect-ratio:16/9;width:100%;isolation:isolate;overflow:hidden}.stage video{display:block;width:100%;height:100%;object-fit:fill}.sign{position:absolute;z-index:3;display:block;cursor:pointer;-webkit-tap-highlight-color:transparent;transform-origin:center;animation:sign-invitation 4s ease-in-out infinite;text-decoration:none}.sign img{width:100%;height:100%;display:block;pointer-events:none;user-select:none}.mine-sign{left:2.21%;top:19.13%;width:7.36%;height:18.17%}.broker-sign{left:75.54%;top:4.99%;width:13.82%;height:14.88%;animation-delay:2s}.sign:hover{animation:none;transform:scale(1.08) rotate(-1deg);filter:brightness(1.23) drop-shadow(0 3px 5px #000a)}.sign:active{transform:scale(1.025)}.sign:focus-visible{outline:2px solid #ffe3a2;outline-offset:5px;filter:brightness(1.25)}.billboard{position:absolute;z-index:2;left:25%;top:2%;width:25%;height:auto;max-height:37%;object-fit:contain;pointer-events:none;filter:drop-shadow(3px 7px 5px #0009)}@keyframes sign-invitation{0%,70%,100%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.045);filter:brightness(1.2) drop-shadow(0 1px 3px #e7b94b80)}}@media(max-width:900px) and (orientation:portrait){html,body{height:100%;overflow:hidden}.world{height:100svh;height:100dvh;min-height:0;width:100%;overflow-x:auto;overflow-y:hidden;display:flex;align-items:stretch;scrollbar-width:none;overscroll-behavior-x:contain}.world::-webkit-scrollbar{display:none}.stage{height:100%;width:auto;min-width:100%;aspect-ratio:16/9;flex:0 0 auto}.sign:focus-visible{outline-offset:2px}.billboard{width:25%}}@media(prefers-reduced-motion:reduce){.sign{animation:none}.sign:hover{transform:none}}
.sign svg{display:block;width:100%;height:100%;pointer-events:none}
.billboard{clip-path:polygon(6.4% 27.2%,93% 10.1%,94.3% 11.7%,95.1% 19.2%,94.4% 21.9%,96.3% 87.5%,97.8% 90.2%,97.7% 93%,95.8% 94.5%,4.6% 98%,3% 96.4%,3.1% 91.1%,4.8% 88.8%,7.7% 35.9%,5.2% 35.1%,5.3% 29.6%);top:-1%;width:25%;}
.billboard{left:23%;clip-path:polygon(6.8% 28%,92.6% 11%,93.7% 12.2%,94.4% 19.2%,93.8% 21.9%,95.6% 87.5%,97% 90.5%,96.8% 92.4%,95% 93.1%,4.9% 96.7%,3.8% 95.7%,4% 91.5%,5.5% 89%,8.3% 35.3%,6% 34.4%,6.1% 30%);}

.swipe-hint{display:none}
@media(max-width:900px) and (orientation:portrait){.swipe-hint{position:fixed;z-index:5;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap;padding:12px 17px;border:1px solid #c9ad6866;border-radius:4px;background:#1b201be8;color:#f0dba6;font:400 10px/1.5 "Silkscreen","VT323","Courier New",monospace;box-shadow:0 3px 14px #0004;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}.swipe-hint svg{width:20px;height:20px;animation:swipe-nudge 1.8s ease-in-out infinite}.swipe-hint.is-dismissed{opacity:0;visibility:hidden}}
@keyframes swipe-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@media(prefers-reduced-motion:reduce){.swipe-hint svg{animation:none}.swipe-hint{transition:none}}

.conversation{position:absolute;z-index:4;left:46%;bottom:50%;width:max-content;max-width:200px;transform:translateX(-50%);padding:10px 13px;color:#252323;font-family:'Silkscreen','VT323','Courier New',monospace;pointer-events:none}.conversation[hidden]{display:none}.conversation[data-speaker=wife]{left:65%;bottom:45%}.pixel-bubble{position:absolute;inset:0;width:100%;height:100%;z-index:-1;shape-rendering:crispEdges}.pixel-tail{position:absolute;top:calc(100% - 4px);left:calc(50% - 16px);width:32px;height:24px;shape-rendering:crispEdges}.conversation-line{margin:0;font-size:10px;line-height:1.6}
@media(max-width:900px) and (orientation:portrait){.conversation{max-width:180px;padding:10px 12px}.conversation-line{font-size:10px}}