*,*: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:24px;height:24px;flex-shrink:0}.platform-header{box-shadow:0 1px 6px #0000004d}.platform-header .header-actions{display:flex;gap:8px;align-items:center}.platform-header .icon-btn,.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;min-width:44px;min-height:44px;padding:6px;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;position:relative}.game-topbar .mute-btn.muted:after,.platform-header .mute-btn.muted:after{content:"🚫";position:absolute;font-size:14px;bottom:2px;right:2px;line-height:1;pointer-events:none}.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{flex-direction:column;gap:6px;align-items:center}.game-card .card-icon{font-size:40px;line-height:1.2}.game-card .card-name{font-size:14px;font-weight:600;color:var(--color-text)}.game-card .card-desc{font-size:11px;color:var(--color-text-dim);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.game-card .card-meta{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:26px;margin-top:auto;padding-top:6px;border-top:1px solid rgba(255,255,255,.06);font-size:11px}.game-card .card-meta .card-duration{color:var(--color-text-dim)}.game-card .card-voice{cursor:default}.game-page{position:fixed;inset:0;z-index:100;background:#0d1117}.dts-setup{position:fixed;inset:0;z-index:100;background:#12142a;color:#e8ddd4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:auto;display:flex;justify-content:center}.dts-inner{width:320px;padding:80px 20px 28px;display:flex;flex-direction:column;gap:14px;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.dts-title{font-size:20px;color:#ffb347;font-weight:700;text-align:center;margin-bottom:6px}.dts-sec{display:flex;flex-direction:column;gap:6px}.dts-lbl{font-size:13px;color:#9b8c82}.dts-row{display:flex;gap:6px}.dts-btn{display:flex;align-items:center;justify-content:center;border:2px solid #444;border-radius:10px;background:#1a1a30;color:#ccc;font-size:14px;font-weight:600;cursor:pointer;padding:0;min-height:44px;flex:1;font-family:inherit;-webkit-appearance:none;appearance:none}.dts-btn.sel{border-color:#ff8c52;background:#3a2510;color:#ffb347}.dts-btn.cnt{flex:0 0 42px;height:42px}.dts-btn.diff{height:40px;font-size:12px}.dts-roles{display:flex;flex-direction:column;gap:6px}.dts-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#1a1a30;border:1px solid #333}.dts-card.human{border-left:3px solid #ff8c52}.dts-card.ai{border-left:3px solid #ff4444}.dts-tag{font-size:10px;padding:2px 6px;border-radius:4px;min-width:32px;text-align:center}.dts-card.human .dts-tag{background:#ff8c5233;color:#ff8c52}.dts-card.ai .dts-tag{background:#f443;color:#f66}.dts-role.clickable{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer;border-radius:6px;padding:2px 0}.dts-role.clickable:hover{background:#ffffff0f}.dts-emj{font-size:22px;padding:4px 6px;border-radius:8px;display:inline-flex}.dts-nm{font-size:14px;font-weight:600;color:#fff}.dts-dot{width:12px;height:12px;border-radius:50%;border:1px solid #333;flex-shrink:0}.dts-start{width:100%;min-height:56px;border:none;border-radius:14px;background:#ff8c52;color:#fff;font-size:18px;font-weight:700;cursor:pointer;margin-top:4px;font-family:inherit;-webkit-appearance:none;appearance:none;padding:16px}.dts-start:disabled{background:#444;color:#888;cursor:default}.game-topbar{display:flex;align-items:center;gap:10px;padding:8px 12px;padding-top:calc(8px + var(--safe-top));background:#2d2520eb;position:fixed;top:0;left:0;right:0;z-index:150;transform:translateY(-100%);transition:transform .25s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 12px #00000040}.game-topbar.visible{transform:translateY(0)}.game-title{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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{position:fixed;top:env(safe-area-inset-top);bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left);right:env(safe-area-inset-right);touch-action:none;-webkit-touch-callout:none;user-select:none;overflow:hidden}.game-canvas-container canvas{display:block}.game-page:fullscreen .feedback-dropdown,.game-page.is-fullscreen .feedback-dropdown{display:none}.game-page.is-fullscreen{position:fixed;inset:0;z-index:9999}.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-topbar{padding:4px 8px;padding-top:calc(4px + var(--safe-top));gap:6px}.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}}@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}}.platform-tagline{text-align:center;font-size:13px;color:var(--color-text-dim);padding:12px 16px;flex-shrink:0;opacity:.6}.platform-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:10px 20px;border-radius:12px;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;z-index:9999;opacity:0;transition:opacity .25s;pointer-events:none}.platform-toast.show{opacity:1}