:root{--px-border: 3px;--px-shadow: 4px 4px 0 #1a1a2e;--px-shadow-sm: 2px 2px 0 #1a1a2e;--color-ink: #1a1a2e;--color-bg: #c8e8ff;--color-panel: #fff8f0;--color-yellow: #ffe566;--color-pink: #ff9ec8;--color-mint: #7eecc8;--color-blue: #5b9bd5;--color-white: #ffffff;--font-pixel: "Press Start 2P", monospace;--font-body: "Pixelify Sans", ui-sans-serif, system-ui, sans-serif;--frame-inset-top: calc(env(safe-area-inset-top) + 10px) ;--frame-inset-right: 12px;--frame-inset-bottom: calc(env(safe-area-inset-bottom) + 10px) ;--frame-inset-left: 12px;color:var(--color-ink);background:var(--color-bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0}body{min-width:320px;overflow:hidden;image-rendering:pixelated}button{font:inherit}.scan-page,.ar-shell,.ar-container{position:fixed;inset:0;width:100vw;height:100dvh;overflow:hidden;background:#0d0d1a;touch-action:none}.ar-container video,.ar-container canvas{position:absolute!important;display:block}.ar-container video{z-index:0}.ar-container canvas{z-index:1}.mindar-ui-scanning,.mindar-ui-scanning .scanline{display:none!important}.game-viewport{position:fixed;inset:0;z-index:8;pointer-events:none}.game-viewport__shade{position:absolute;inset:0;box-shadow:inset 0 0 0 9999px #0d0d1a61,inset 0 0 80px #1a1a2e40}.game-viewport__frame{position:absolute;top:var(--frame-inset-top);right:var(--frame-inset-right);bottom:var(--frame-inset-bottom);left:var(--frame-inset-left);border:4px solid var(--color-blue);box-shadow:0 0 0 3px var(--color-ink),inset 0 0 0 3px var(--color-ink),inset 0 0 0 7px var(--color-yellow),var(--px-shadow);background:transparent}.game-viewport__corner{position:absolute;width:18px;height:18px;background:var(--color-pink);border:2px solid var(--color-ink)}.game-viewport__corner--tl{top:-2px;left:-2px}.game-viewport__corner--tr{top:-2px;right:-2px;background:var(--color-mint)}.game-viewport__corner--br{right:-2px;bottom:-2px;background:var(--color-yellow)}.game-viewport__corner--bl{bottom:-2px;left:-2px;background:var(--color-pink)}.game-viewport__stud{position:absolute;width:8px;height:8px;background:var(--color-white);border:2px solid var(--color-ink)}.game-viewport__stud--top-left{top:14px;left:50%;transform:translate(calc(-50% - 40px))}.game-viewport__stud--top-right{top:14px;left:50%;transform:translate(calc(-50% + 40px));background:var(--color-mint)}.game-viewport__stud--bottom-left{bottom:14px;left:50%;transform:translate(calc(-50% - 40px));background:var(--color-yellow)}.game-viewport__stud--bottom-right{right:auto;bottom:14px;left:50%;transform:translate(calc(-50% + 40px));background:var(--color-pink)}.game-viewport__title{position:absolute;top:calc(var(--frame-inset-top) + 6px);left:50%;z-index:1;transform:translate(-50%);padding:5px 14px;border:2px solid var(--color-ink);box-shadow:var(--px-shadow-sm);background:var(--color-blue);color:var(--color-white);font-family:var(--font-pixel);font-size:clamp(.38rem,2.2vw,.48rem);letter-spacing:.1em;white-space:nowrap}.game-viewport__hearts{position:absolute;right:calc(var(--frame-inset-right) + 10px);bottom:calc(var(--frame-inset-bottom) + 10px);display:flex;gap:6px;font-size:.75rem}.game-viewport__hearts span:nth-child(1){color:var(--color-pink)}.game-viewport__hearts span:nth-child(2){color:var(--color-yellow)}.game-viewport__hearts span:nth-child(3){color:var(--color-mint)}.boot-splash{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#000;pointer-events:none}.boot-splash__window{width:min(90vw,360px);border:0;box-shadow:none;background:transparent}.boot-splash__header{display:none;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:var(--px-border) solid var(--color-ink);background:var(--color-blue);color:var(--color-white);font-family:var(--font-pixel);font-size:.55rem;letter-spacing:.04em}.boot-splash__close{display:grid;place-items:center;width:22px;height:22px;border:2px solid var(--color-ink);background:var(--color-pink);color:var(--color-ink);font-family:var(--font-pixel);font-size:.45rem;line-height:1}.boot-splash__body{padding:0;text-align:center}.boot-splash__animation{display:block;width:100%;max-height:360px;margin:0 auto 18px;object-fit:contain;background:#000;pointer-events:none;-webkit-user-select:none;user-select:none}.boot-splash__animation::-webkit-media-controls,.boot-splash__animation::-webkit-media-controls-enclosure,.boot-splash__animation::-webkit-media-controls-panel,.boot-splash__animation::-webkit-media-controls-play-button,.boot-splash__animation::-webkit-media-controls-start-playback-button{display:none!important;opacity:0!important;pointer-events:none!important}.boot-splash__title{margin:0;color:#fff;font-family:Cooper Black,Cooper Std Black,Georgia,serif;font-weight:900;font-size:clamp(.7rem,3.5vw,.85rem);line-height:1.6;animation:pixel-blink .8s step-end infinite}.boot-splash__bar,.boot-splash__hearts{display:none}.boot-splash__bar{height:18px;border:var(--px-border) solid var(--color-ink);background:var(--color-panel);overflow:hidden}.boot-splash__bar-fill{height:100%;background:repeating-linear-gradient(90deg,var(--color-mint) 0px,var(--color-mint) 12px,var(--color-yellow) 12px,var(--color-yellow) 24px);animation:boot-bar 1.1s steps(12) forwards}.boot-splash__hearts{display:flex;justify-content:center;gap:10px;margin-top:18px}.boot-splash__heart{font-size:1.1rem;animation:heart-bounce .6s ease-in-out infinite}.boot-splash__heart:nth-child(2){animation-delay:.15s;color:var(--color-pink)}.boot-splash__heart:nth-child(3){animation-delay:.3s;color:var(--color-mint)}.boot-splash__hearts{display:none}@keyframes boot-bar{0%{width:0%}to{width:100%}}@keyframes boot-fade-out{to{opacity:0;visibility:hidden}}@keyframes pixel-blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes heart-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.scan-overlay{position:fixed;inset:0;z-index:10;display:grid;pointer-events:none;place-items:center}.scan-frame{position:relative;width:min(58vw,260px);aspect-ratio:1}.scan-frame__box{position:absolute;inset:0;border:3px solid var(--color-white);box-shadow:0 0 0 2px var(--color-ink),inset 0 0 0 2px var(--color-ink),inset 0 0 24px #7eecc826}.scan-frame__edge{position:absolute;background:repeating-linear-gradient(90deg,var(--color-mint) 0px,var(--color-mint) 8px,transparent 8px,transparent 14px)}.scan-frame__edge--top,.scan-frame__edge--bottom{left:12px;width:calc(100% - 24px);height:3px}.scan-frame__edge--top{top:-1px}.scan-frame__edge--bottom{bottom:-1px}.scan-frame__edge--left,.scan-frame__edge--right{top:12px;width:3px;height:calc(100% - 24px);background:repeating-linear-gradient(180deg,var(--color-pink) 0px,var(--color-pink) 8px,transparent 8px,transparent 14px)}.scan-frame__edge--left{left:-1px}.scan-frame__edge--right{right:-1px}.scan-frame__corner{position:absolute;width:32px;height:32px;border:4px solid var(--color-yellow);box-shadow:0 0 0 2px var(--color-ink);z-index:1}.scan-frame__corner--tl{top:0;left:0;border-width:4px 0 0 4px}.scan-frame__corner--tr{top:0;right:0;border-width:4px 4px 0 0}.scan-frame__corner--br{right:0;bottom:0;border-width:0 4px 4px 0}.scan-frame__corner--bl{bottom:0;left:0;border-width:0 0 4px 4px}.scan-line{position:absolute;left:8%;width:84%;height:3px;background:var(--color-mint);box-shadow:0 0 8px var(--color-mint),0 0 0 1px var(--color-ink);animation:scan-sweep 2s linear infinite}@keyframes scan-sweep{0%{top:6%;opacity:.6}50%{opacity:1}to{top:92%;opacity:.6}}.scan-hud-top{position:fixed;top:calc(env(safe-area-inset-top) + 52px);left:50%;z-index:15;transform:translate(-50%);padding:8px 16px;border:var(--px-border) solid var(--color-ink);box-shadow:var(--px-shadow-sm);background:var(--color-yellow);color:var(--color-ink);font-family:var(--font-pixel);font-size:clamp(.45rem,2.8vw,.55rem);letter-spacing:.06em;white-space:nowrap;animation:hud-pulse 1.5s step-end infinite}@keyframes hud-pulse{0%,80%{opacity:1}90%{opacity:.5}}.status-dialog{position:fixed;right:calc(12px + var(--frame-inset-right));bottom:calc(var(--frame-inset-bottom) + 18px);left:calc(12px + var(--frame-inset-left));z-index:20;margin:0 auto;max-width:380px;border:var(--px-border) solid var(--color-ink);box-shadow:var(--px-shadow);background:var(--color-white);overflow:hidden}.status-dialog:before{content:"";position:absolute;inset:5px;border:2px dashed var(--color-mint);pointer-events:none}.status-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:var(--px-border) solid var(--color-ink);background:var(--color-blue);color:var(--color-white);font-family:var(--font-pixel);font-size:.45rem;letter-spacing:.05em}.status-dialog__dot{width:10px;height:10px;border:2px solid var(--color-ink);background:var(--color-mint);animation:dot-blink .6s step-end infinite}.status-dialog__body{padding:14px 16px;font-size:1.05rem;font-weight:600;line-height:1.45;text-align:center}.status-dialog--found .status-dialog__header{background:var(--color-mint);color:var(--color-ink)}.status-dialog--found .status-dialog__dot{background:var(--color-yellow);animation:none}.status-dialog--error .status-dialog__header{background:var(--color-pink);color:var(--color-ink)}.status-dialog--error .status-dialog__body{color:#8b1a1a}.status-dialog--lost .status-dialog__dot{background:var(--color-yellow)}@keyframes dot-blink{0%,to{opacity:1}50%{opacity:.2}}.found-badge{position:fixed;top:50%;left:50%;z-index:12;transform:translate(-50%,-50%);padding:12px 20px;border:var(--px-border) solid var(--color-ink);box-shadow:var(--px-shadow);background:var(--color-pink);color:var(--color-ink);font-family:var(--font-pixel);font-size:clamp(.55rem,3vw,.7rem);letter-spacing:.04em;pointer-events:none;animation:found-pop .4s cubic-bezier(.34,1.56,.64,1) forwards,found-fade .3s ease 1.4s forwards}@keyframes found-fade{to{opacity:0;visibility:hidden}}@keyframes found-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(min-width:720px){.status-dialog{right:auto;left:50%;transform:translate(-50%)}}.scanner-overlay{display:block;position:fixed;inset:0;width:100vw;height:100dvh;z-index:9999;pointer-events:none;overflow:hidden}.scanner-border{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.scanner-top{position:absolute;top:calc(env(safe-area-inset-top,0px) + 32px);left:50%;transform:translate(-50%);width:min(72vw,420px);display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.8vh,18px)}.scanner-title{width:82%;height:auto;display:block}.scanner-frame{position:absolute;left:50%;top:53%;width:min(72vw,430px);height:auto;transform:translate(-50%,-50%);display:block}.scanner-frame.hidden{display:none}.scanner-bottom{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 34px);width:min(34vw,180px);height:auto;transform:translate(-50%);display:block}@media(max-height:700px){.scanner-top{top:calc(env(safe-area-inset-top,0px) + 20px);width:min(68vw,380px);gap:8px}.scanner-frame{top:56%;width:min(68vw,390px)}.scanner-bottom{bottom:calc(env(safe-area-inset-bottom,0px) + 20px);width:min(28vw,150px)}}@media(orientation:landscape){.scanner-overlay{display:none!important}}