:root{color-scheme:dark;background:#100b20;font-family:Arial,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#100b20}
body{min-height:100svh}
.triad-app-stage{position:fixed;inset:0;overflow:hidden;background:#100b20;touch-action:manipulation}
#triad-player-view{position:absolute;left:50%;top:50%;display:block;border:0;max-width:none;max-height:none;transform-origin:center;background:#100b20}
.triad-safe-probe{position:fixed;inset:0;visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.triad-app-control{position:fixed;z-index:100;right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #e7c576;border-radius:12px;padding:8px 12px;color:#fff3d0;background:#21152de8;font:700 13px/1.1 Arial,sans-serif;box-shadow:0 2px 10px #0005;touch-action:manipulation;cursor:pointer}
.triad-app-control[hidden]{display:none}
.triad-app-label{position:fixed;z-index:100;left:max(12px,env(safe-area-inset-left));top:max(20px,env(safe-area-inset-top));color:#f0d38b;font:700 16px/1 Arial,sans-serif;pointer-events:none}
.triad-app-label[hidden]{display:none}
.triad-app-control:focus-visible,.triad-install-dialog button:focus-visible{outline:3px solid #8ff0ff;outline-offset:3px}
.triad-shell-status{position:fixed;z-index:99;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:calc(100% - 28px);padding:10px 14px;border-radius:10px;color:#fff3d0;background:#21152df2;font:14px/1.4 Arial,sans-serif;text-align:center;pointer-events:none}
.triad-shell-status:empty{display:none}
.triad-install-dialog{max-width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #e7c576;border-radius:16px;padding:24px;background:#21152d;color:#fff3d0;font:16px/1.5 Arial,sans-serif;overscroll-behavior:contain}
.triad-install-dialog::backdrop{background:#000b}
.triad-install-dialog h2{margin-top:0;font-size:22px}
.triad-install-dialog button{min-width:100px;min-height:44px;border:1px solid #e7c576;border-radius:10px;background:#f0d38b;color:#21152d;font:700 16px Arial,sans-serif;touch-action:manipulation;cursor:pointer}
.triad-noscript{position:fixed;inset:0;display:grid;place-items:center;padding:24px;color:#fff3d0;text-align:center}
.triad-immersive-prompt{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:radial-gradient(ellipse at top,#3c2863,#100b20 75%);color:#fff3d0;text-align:center;touch-action:none;overscroll-behavior:none}
.triad-immersive-prompt[hidden]{display:none}
.triad-immersive-prompt img{width:110px;height:65px;object-fit:contain}
.triad-immersive-prompt h1{font-size:clamp(25px,7vw,36px);margin:0}
.triad-immersive-prompt p{max-width:340px;margin:0;font:16px/1.5 Arial,sans-serif}
.triad-swipe-hand{display:block;font-size:64px;line-height:1.5;animation:triad-swipe-up 1.8s ease-in-out infinite;pointer-events:none}
.triad-immersive-prompt button{min-height:44px;min-width:180px;border:1px solid #e7c576;border-radius:12px;padding:10px 18px;color:#21152d;background:#f0d38b;font:700 16px Arial,sans-serif;touch-action:manipulation;cursor:pointer}
.triad-immersive-prompt .triad-browser-option{background:transparent;color:#fff3d0;font-weight:400}
.triad-immersive-prompt button:focus-visible{outline:3px solid #8ff0ff;outline-offset:3px}
@keyframes triad-swipe-up{0%,100%{transform:translateY(12px);opacity:.6}65%{transform:translateY(-20px);opacity:1}}
@media(prefers-reduced-motion:reduce){.triad-swipe-hand{animation:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}