:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#0b0c10;color:#fff}
*{box-sizing:border-box}
body{margin:0}
.screen{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at center,#171b23,#08090c)}
video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#08090c}
.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 25%,transparent 70%,rgba(0,0,0,.45))}
.identity{position:absolute;top:max(26px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left))}
.identity a{color:inherit;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:.16em;text-shadow:0 1px 10px #0006}
.toolbar{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));right:max(28px,env(safe-area-inset-right));display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
button{appearance:none;border:1px solid #ffffff30;border-radius:100px;background:#11141c88;backdrop-filter:blur(16px);color:#fff;font:inherit;font-size:12px;line-height:1;padding:13px 17px;cursor:pointer;transition:background .15s,border-color .15s}
button:hover{background:#20242dcc;border-color:#ffffff70}
button:focus-visible,.identity a:focus-visible{outline:2px solid #fff;outline-offset:5px}
.message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:min(90%,440px);margin:0;padding:16px 22px;border-radius:12px;background:#0b0c10c9;text-align:center;font-size:14px;line-height:1.5}
[hidden]{display:none!important}
@media(max-width:520px){.identity{top:22px;left:20px}.identity a{font-size:17px}.toolbar{bottom:max(20px,env(safe-area-inset-bottom));left:16px;right:16px;justify-content:center}button{font-size:11px;padding:12px 14px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}