*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #1e1814;--color-surface: #2d2520;--color-primary: #ff8c52;--color-accent: #ffb347;--color-text: #e8ddd4;--color-text-dim: #9b8c82;--color-border: #3d3530;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom)}html,body{height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text)}#app{height:100%;display:flex;flex-direction:column}.platform-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;padding-top:calc(8px + var(--safe-top));background:var(--color-surface);flex-shrink:0}.platform-header h1{font-size:18px;cursor:pointer;display:flex;align-items:center;gap:8px}.platform-header .logo-icon{width:22px;height:22px;flex-shrink:0}.platform-header{box-shadow:0 1px 6px #0000004d}.platform-header .header-actions{display:flex;gap:8px;align-items:center}.game-topbar .back-btn,.game-topbar .mute-btn,.game-topbar .fs-btn,.platform-header .mute-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:1px solid var(--color-text-dim);color:var(--color-text);border-radius:8px;font-size:18px;cursor:pointer;flex-shrink:0;line-height:1}.game-topbar .back-btn:hover,.game-topbar .mute-btn:hover,.game-topbar .fs-btn:hover,.platform-header .mute-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.game-topbar .feedback-toggle,.platform-header .lang-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border:none;border-radius:8px;font-size:14px;cursor:pointer;flex-shrink:0;white-space:nowrap}.feedback-toggle{background:var(--color-primary);color:#fff}.feedback-toggle:hover{background:#e06935}.platform-header .lang-btn{background:transparent;border:1px solid var(--color-text-dim);color:var(--color-text);font-size:13px}.platform-header .lang-btn:hover{border-color:var(--color-text)}.game-hub{flex:1;overflow-y:auto;padding:16px;padding-bottom:calc(16px + var(--safe-bottom))}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;max-width:720px;margin:0 auto}.game-card{background:var(--color-surface);border-radius:16px;padding:20px 16px 16px;cursor:pointer;transition:transform .15s,box-shadow .15s;text-align:center;box-shadow:0 2px 12px #0003}.game-card:hover{transform:scale(1.04);box-shadow:0 4px 20px #0000004d}.game-card:active{transform:scale(.97)}.game-card .icon{font-size:40px;margin-bottom:8px}.game-card .name{font-size:14px;font-weight:600;color:var(--color-text)}.game-card .rating{font-size:12px;color:var(--color-text-dim);margin-top:4px}.game-page{flex:1;display:flex;flex-direction:column}.game-topbar{display:flex;align-items:center;gap:12px;padding:8px 16px;padding-top:calc(8px + var(--safe-top));background:var(--color-surface);flex-shrink:0;position:relative;z-index:10;box-shadow:0 1px 6px #0000004d}.game-title{font-size:16px;font-weight:600}.topbar-spacer{flex:1}.feedback-dropdown{position:relative}.feedback-menu{display:none;position:absolute;top:100%;right:0;margin-top:6px;background:var(--color-surface);border:1px solid #444;border-radius:10px;padding:8px;min-width:200px;z-index:100;flex-direction:column;gap:6px}.feedback-menu.open{display:flex}.fb-item{background:transparent;border:none;color:var(--color-text);padding:10px 14px;border-radius:8px;font-size:15px;cursor:pointer;text-align:left;min-height:44px;width:100%;display:flex;align-items:center;gap:8px}.fb-item:hover{background:#6c63ff26}.fb-msg-row{display:flex;gap:6px;padding:8px 0 4px;border-top:1px solid #333;margin-top:2px}.feedback-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.feedback-modal-card{background:var(--color-surface);border-radius:16px;padding:28px 24px;width:100%;max-width:420px;position:relative;display:flex;flex-direction:column;gap:16px}.feedback-modal-card h2{font-size:18px;text-align:center}.fb-modal-close{position:absolute;top:12px;right:14px;background:transparent;border:none;color:var(--color-text-dim);font-size:20px;cursor:pointer;min-width:44px;min-height:44px}.fb-modal-textarea{width:100%;background:var(--color-bg);border:1px solid #444;color:var(--color-text);padding:12px;border-radius:10px;font-size:15px;font-family:inherit;resize:vertical;min-height:100px}.fb-modal-textarea::placeholder{color:var(--color-text-dim)}.fb-captcha{display:flex;align-items:center;gap:8px;background:var(--color-bg);padding:10px 14px;border-radius:10px;font-size:15px}.fb-captcha-label{color:var(--color-text-dim);font-size:13px;flex-shrink:0}.fb-captcha-input{width:60px;background:var(--color-bg);border:1px solid #555;color:var(--color-text);padding:6px 8px;border-radius:6px;font-size:16px;text-align:center}.fb-modal-actions{display:flex;justify-content:center}.fb-modal-send{background:var(--color-primary);color:#fff;border:none;padding:12px 32px;border-radius:10px;font-size:16px;cursor:pointer;min-height:44px}.fb-modal-send:disabled{opacity:.4;cursor:not-allowed}.fb-modal-note{text-align:center;font-size:12px;color:var(--color-text-dim)}.game-canvas-container{flex:1;position:relative;touch-action:none;-webkit-touch-callout:none;user-select:none;overflow:hidden}.game-canvas-container canvas{display:block}.game-page:fullscreen{background:var(--color-bg);padding:0}.game-page:fullscreen .game-topbar{display:none}.game-page:fullscreen .game-canvas-container{padding:0;height:100vh}.game-page.is-fullscreen{position:fixed;inset:0;z-index:9999;background:var(--color-bg)}.game-page.is-fullscreen .game-topbar{display:none}.game-page.is-fullscreen .game-canvas-container{padding:0}.game-page:fullscreen .feedback-dropdown,.game-page.is-fullscreen .feedback-dropdown{display:none}.game-error{padding:24px;text-align:center;color:var(--color-accent)}.game-error pre{margin-top:12px;font-size:13px;color:var(--color-text-dim);white-space:pre-wrap;word-break:break-all}.toast-msg{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#6c63ff;color:#fff;padding:8px 20px;border-radius:20px;font-size:14px;z-index:1000;opacity:0;transition:opacity .3s}@media (max-width: 480px),(max-height: 500px){.game-grid{grid-template-columns:repeat(2,1fr);gap:8px}.game-card{padding:12px 8px}.game-card .icon{font-size:32px}.game-title{font-size:14px}.feedback-menu{min-width:180px;right:-8px}.game-page{position:fixed;inset:0;z-index:100}.game-topbar{padding:4px 8px;padding-top:calc(4px + var(--safe-top));gap:6px;background:#2d2520e0}@supports (backdrop-filter: blur(8px)){.game-topbar{backdrop-filter:blur(8px)}}.game-topbar .back-btn,.game-topbar .mute-btn,.game-topbar .fs-btn{width:36px;height:36px;font-size:16px}.game-topbar .fs-btn{display:none}.game-topbar .feedback-toggle{height:36px;padding:0 10px;font-size:13px}.game-canvas-container{padding:0}}@media (max-height: 400px){.game-topbar{padding:2px 6px}.game-topbar .back-btn,.game-topbar .mute-btn,.game-topbar .fs-btn{width:32px;height:32px;font-size:14px}.game-title{font-size:12px}.game-topbar .feedback-toggle{height:32px;padding:0 8px;font-size:12px}}