:root{--safe-top:env(safe-area-inset-top);--safe-right:env(safe-area-inset-right);--safe-bottom:env(safe-area-inset-bottom);--safe-left:env(safe-area-inset-left);--max-width:640px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--primary-color:#3b82f6;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0}}*{box-sizing:border-box;padding:0;margin:0}body,html{-webkit-overflow-scrolling:touch;overscroll-behavior:none;overflow:scroll}body{width:100%;height:100%;max-width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0;position:fixed;top:0;left:0;right:0;bottom:0;color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}.game-container{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin:0;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;background:#000}.game-iframe{width:100%;height:100%;border:none;display:block;background:#000}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-left:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:16px;font-weight:600;border-radius:var(--border-radius);border:none;cursor:pointer;transition:all .2s ease;text-align:center}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#2563eb;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-success{background-color:var(--success-color);color:#fff}.btn-error{background-color:var(--error-color);color:#fff}.card{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);padding:20px;margin:10px;border:1px solid hsla(0,0%,100%,.2)}@media (prefers-color-scheme:dark){.card{background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.1)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.p-4{padding:16px}.m-4{margin:16px}.text-center{text-align:center}.font-bold{font-weight:700}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:20px}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.hidden{display:none}.safe-area-top{padding-top:var(--safe-top)}.safe-area-bottom{padding-bottom:var(--safe-bottom)}.safe-area-left{padding-left:var(--safe-left)}.safe-area-right{padding-right:var(--safe-right)}.all-safe-areas{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}