:root{font-family:Courier New,Courier,monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#eef6ff}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:#000;color:inherit;overflow:hidden;position:relative}#app{width:calc(100vw - env(safe-area-inset-left,0) - env(safe-area-inset-right,0));height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));position:absolute;top:env(safe-area-inset-top,0);left:env(safe-area-inset-left,0)}canvas{width:100%;height:100%;display:block;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;touch-action:none}html,body,#app{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.player-canvas{width:100vw;height:100vh;max-width:none;max-height:none}.screen-canvas{max-width:100vw;max-height:100vh}.fullscreen-prompt{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0) + 6vh);transform:translate(-50%);padding:.9rem 1.8rem;border-radius:999px;border:1px solid rgba(132,198,255,.6);background:#081220d9;color:#f4fbff;font-family:Courier New,Courier,monospace;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 20px 45px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .18s ease,opacity .18s ease}.fullscreen-prompt:hover{transform:translate(-50%) scale(1.03);opacity:.95}.fullscreen-prompt:active{transform:translate(-50%) scale(.98);opacity:.8}.status-card{background:#070e1ae0;border:1px solid rgba(91,133,196,.4);border-radius:20px;padding:2.5rem 3rem;max-width:520px;box-shadow:0 24px 60px #03060c99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-card h1{margin:0 0 1rem;font-size:1.8rem;color:#f0f6ff}.status-card p{margin:0 0 1.5rem;line-height:1.6;color:#b0c4e4}.status-card code{background:#192d4a99;padding:.15rem .35rem;border-radius:6px;font-size:.95rem;color:#f8fbff}.status-card pre{margin:0;padding:1rem;background:#0a1220cc;border-radius:12px;color:#89a7d6;font-family:Courier New,Courier,monospace;font-size:.85rem;overflow-x:auto}.player-overlay{position:absolute;top:5vh;right:5vw;width:clamp(240px,28vw,320px);background:#08101ee6;border:1px solid rgba(104,150,219,.35);border-radius:18px;padding:1.5rem 1.75rem 1.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 50px #00000073;pointer-events:auto;z-index:5}.player-overlay h2{margin:0 0 1rem;font-size:1.25rem;color:#f4f8ff;letter-spacing:.04em;text-transform:uppercase}.player-form{display:flex;flex-direction:column;gap:.85rem}.player-field{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:#bcd1f1}.player-field-label{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.player-input,.player-select{width:100%;padding:.5rem .75rem;border-radius:10px;border:1px solid rgba(117,169,233,.35);background:#0c182ce6;color:#f0f6ff;font-family:Courier New,Courier,monospace;font-size:.95rem;outline:none}.player-input:focus,.player-select:focus{border-color:#a7d1ffbf;box-shadow:0 0 0 3px #6ca6ff40}.player-hint{margin:1.25rem 0 0;font-size:.75rem;line-height:1.4;color:#c6d8f9bf}@media(max-width:640px){.player-overlay{top:auto;bottom:0;right:50%;transform:translate(50%);width:min(92vw,420px);padding:1.25rem;border-radius:18px 18px 0 0}}