:root{--px-bg:teal;--px-bg2:#066;--px-panel:silver;--px-panel-light:#dfdfdf;--px-panel-dark:gray;--px-border:#dfdfdf;--px-border-dark:#404040;--px-border-light:#fff;--px-titlebar:navy;--px-titlebar-inactive:gray;--px-btn:silver;--px-btn-hover:#d4d4d4;--px-btn-dark:gray;--px-text:#000;--px-text-dim:#404040;--px-text-dark:#000;--px-accent:navy;--px-danger:maroon;--px-title:#fff;--px-shadow:#000;--px-field:#fff}*{box-sizing:border-box;margin:0;padding:0;cursor:url(/sprites/cursor.png) 0 0,auto!important}html,body{background:var(--px-bg);height:100%;color:var(--px-text);image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;font-family:"Press Start 2P",monospace;overflow:hidden;margin:0!important;padding:0!important}a,button,input,select,textarea,[role=button],summary,label,.clickable{cursor:url(/sprites/cursor_active.png) 0 0,auto!important}canvas{display:block;position:fixed;top:0;left:0;cursor:url(/sprites/cursor.png) 0 0,auto!important}.win-outset{border:2px solid;border-color:var(--px-border-light) var(--px-border-dark) var(--px-border-dark) var(--px-border-light);box-shadow:inset 1px 1px 0 var(--px-panel-light), inset -1px -1px 0 var(--px-panel-dark)}.win-inset{border:2px solid;border-color:var(--px-border-dark) var(--px-border-light) var(--px-border-light) var(--px-border-dark);box-shadow:inset 1px 1px 0 var(--px-panel-dark), inset -1px -1px 0 var(--px-panel-light)}.px-panel{background:var(--px-panel);border:2px solid;border-color:var(--px-border-light) var(--px-border-dark) var(--px-border-dark) var(--px-border-light);box-shadow:3px 3px 0 var(--px-shadow)}.px-panel-header{background:linear-gradient(90deg, var(--px-titlebar) 0%, #1084d0 100%);color:var(--px-title);text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:5px 8px;font-size:11px;display:flex}.px-panel-header span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.win-btn{background:var(--px-panel);border:2px solid;border-color:var(--px-border-light) var(--px-border-dark) var(--px-border-dark) var(--px-border-light);width:20px;height:18px;box-shadow:inset 1px 1px 0 var(--px-panel-light), inset -1px -1px 0 var(--px-panel-dark);color:var(--px-text);justify-content:center;align-items:center;padding:0;font-family:"Press Start 2P",monospace;font-size:9px;line-height:1;display:flex}.win-btn:active{border-color:var(--px-border-dark) var(--px-border-light) var(--px-border-light) var(--px-border-dark);box-shadow:inset 1px 1px 0 var(--px-panel-dark);transform:translate(1px,1px)}.px-btn{background:var(--px-panel);color:var(--px-text);border:2px solid;border-color:var(--px-border-light) var(--px-border-dark) var(--px-border-dark) var(--px-border-light);box-shadow:inset 1px 1px 0 var(--px-panel-light), inset -1px -1px 0 var(--px-panel-dark);text-transform:uppercase;letter-spacing:.5px;image-rendering:pixelated;white-space:nowrap;align-items:center;gap:8px;padding:8px 16px;font-family:"Press Start 2P",monospace;font-size:10px;text-decoration:none;transition:none;display:inline-flex}.px-btn:hover{background:var(--px-btn-hover);color:#fff}.px-btn:active{border-color:var(--px-border-dark) var(--px-border-light) var(--px-border-light) var(--px-border-dark);box-shadow:inset 1px 1px 0 var(--px-panel-dark);transform:translate(1px,1px)}.px-btn.accent{background:var(--px-panel);outline-color:var(--px-accent)}.px-btn.danger{background:var(--px-panel);outline-color:var(--px-danger);color:var(--px-danger)}.px-btn.small{outline:none;padding:5px 10px;font-size:9px}.px-input{background:var(--px-field);border:2px solid;border-color:var(--px-border-dark) var(--px-border-light) var(--px-border-light) var(--px-border-dark);box-shadow:inset 1px 1px 0 var(--px-panel-dark);color:var(--px-text);outline:none;width:100%;padding:8px 10px;font-family:"Press Start 2P",monospace;font-size:10px}.px-input:focus{border-color:var(--px-accent)}.px-input::placeholder{color:var(--px-text-dim)}select.px-input{appearance:none;background:var(--px-field);background-image:url("data:image/svg+xml,%3Csvg width='10' height='5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h10L5 5z' fill='%23000'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:24px}#ctx-menu{border:2px solid;background:var(--px-panel)!important;border-color:var(--px-border-light) var(--px-border-dark) var(--px-border-dark) var(--px-border-light)!important;box-shadow:3px 3px 0 var(--px-shadow)!important;-webkit-backdrop-filter:none!important;border-radius:0!important;padding:3px!important}.ctx-item{-webkit-user-select:none;user-select:none;border:1px solid #0000;align-items:center;font-family:"Press Start 2P",monospace;color:var(--px-text)!important;border-radius:0!important;gap:10px!important;padding:8px 12px!important;font-size:9px!important;transition:none!important;display:flex!important}.ctx-item:hover{border-color:#0000;background:var(--px-titlebar)!important;color:var(--px-title)!important}.ctx-item:active{transform:none}.ctx-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.ctx-text{white-space:nowrap;flex:1}.modal-btn{text-transform:uppercase;border:2px solid;align-items:center;gap:6px;font-family:"Press Start 2P",monospace;display:inline-flex;background:var(--px-panel)!important;color:var(--px-text-dim)!important;border-color:var(--px-border-light) var(--px-border-dark) var(--px-border-dark) var(--px-border-light)!important;box-shadow:inset 1px 1px 0 var(--px-panel-light), inset -1px -1px 0 var(--px-panel-dark)!important;padding:7px 14px!important;font-size:9px!important;font-weight:400!important;transition:none!important}.modal-btn:hover{background:var(--px-btn-hover)!important;color:var(--px-text)!important}.modal-btn:active{transform:translate(1px,1px);border-color:var(--px-border-dark) var(--px-border-light) var(--px-border-light) var(--px-border-dark)!important;box-shadow:inset 1px 1px 0 var(--px-panel-dark)!important}.modal-btn.accent,.modal-btn.selected{background:var(--px-titlebar)!important;color:var(--px-title)!important;border-color:var(--px-border-dark) var(--px-border-light) var(--px-border-light) var(--px-border-dark)!important;box-shadow:inset 1px 1px #4040c0,inset -1px -1px #000040!important}.emoji-btn{border:2px solid;border-color:var(--px-border-light) var(--px-border-dark) var(--px-border-dark) var(--px-border-light);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;background:var(--px-panel)!important;border-radius:0!important;width:36px!important;height:36px!important;font-size:16px!important;transition:none!important;display:flex!important}.emoji-btn:hover{background:var(--px-btn-hover)!important}.emoji-btn:active{border-color:var(--px-border-dark) var(--px-border-light) var(--px-border-light) var(--px-border-dark);box-shadow:inset 1px 1px 0 var(--px-panel-dark);transform:translate(1px,1px)}.hud-card{transition:none!important}.hud-card:hover{box-shadow:none!important;transform:none!important}@keyframes pulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.03)}}@keyframes clickRipple{0%{opacity:1;border-width:2px;width:4px;height:4px}to{opacity:0;border-width:1px;width:36px;height:36px}}::-webkit-scrollbar{width:18px}::-webkit-scrollbar-track{background:repeating-conic-gradient(var(--px-panel) 0% 25%, var(--px-panel-light) 0% 50%) 50% / 2px 2px}::-webkit-scrollbar-thumb{background:var(--px-panel);border:2px solid;border-color:var(--px-border-light) var(--px-border-dark) var(--px-border-dark) var(--px-border-light);box-shadow:inset 1px 1px 0 var(--px-panel-light), inset -1px -1px 0 var(--px-panel-dark)}::-webkit-scrollbar-button{background:var(--px-panel);border:2px solid;border-color:var(--px-border-light) var(--px-border-dark) var(--px-border-dark) var(--px-border-light);height:18px;display:block}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(350px)rotate(720deg)scale(.2)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomOut{0%{opacity:0;transform:scale(3)}20%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes vhsSweep1{0%{top:-4px}to{top:100vh}}@keyframes vhsSweep2{0%{top:100vh}to{top:-2px}}@keyframes vhsColorDrift{0%{transform:translateY(0)}50%{transform:translateY(8px)}to{transform:translateY(0)}}.vhs-line-1{animation:3s linear infinite vhsSweep1}.vhs-line-2{animation:4.7s linear infinite vhsSweep2}.vhs-color{animation:2.3s ease-in-out infinite vhsColorDrift}