:root{--bg-deep: #0E0620;--bg-app: #120828;--bg-card: #1A0838;--bg-inner: #250D45;--bg-input: #0E0620;--hot-pink: #FF1E8E;--pink-dark: #B7136A;--neon-cyan: #00E5FF;--yellow: #FFD600;--lime: #C8E83A;--ink: #FFFFFF;--ink-soft: #C0A0D8;--muted: #7A5A9A;--line: #3A1858;--black: #000000;--magenta: var(--hot-pink);--sky: var(--neon-cyan);--sunshine: var(--yellow);--deep-purple:#4A1F5E;--font-pixel: "Press Start 2P", monospace;--font-display: "Anton", "Impact", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--r-sm: 4px;--r-md: 8px;--r-lg: 14px;--px-shadow: 4px 4px 0 var(--black);--px-shadow-pink: 4px 4px 0 var(--pink-dark);--shadow-press: 0 4px 0 rgba(0, 0, 0, .5);--shadow-2: 0 4px 14px rgba(0, 0, 0, .4);--shadow-3: 0 16px 40px rgba(0, 0, 0, .6)}.rotate-gate{display:none}@media(orientation:landscape)and (pointer:coarse){#app,.game-screen{display:none!important}.rotate-gate{display:grid;place-content:center;justify-items:center;gap:18px;position:fixed;inset:0;z-index:9999;padding:24px;text-align:center;background:var(--bg-deep)}}.rotate-gate-phone{width:54px;height:92px;border:4px solid var(--hot-pink);border-radius:8px;box-shadow:var(--px-shadow);animation:rotate-hint 2.4s ease-in-out infinite}@keyframes rotate-hint{0%,35%{transform:rotate(90deg)}55%,to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.rotate-gate-phone{animation:none;transform:rotate(0)}}.rotate-gate-title{margin:0;font-family:var(--font-pixel);font-size:clamp(11px,3.4vmin,18px);line-height:1.8;color:var(--ink)}.rotate-gate-sub{margin:0;font-family:var(--font-body);font-size:clamp(12px,2.6vmin,16px);color:var(--ink-soft)}html:has(.game-screen),body:has(.game-screen){height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-text-size-adjust:100%}.game-screen{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.game-screen input,.game-screen textarea{-webkit-user-select:text;user-select:text}.game-screen{box-sizing:border-box;width:100%;margin:0 auto;max-width:var(--gs-max-width, 100%);height:100vh;height:100dvh;--u: clamp(1.6px, .5vmin, 6px);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-rows:minmax(44px,10fr) var(--gs-stage-fr, 55fr) var(--gs-controls-fr, 25fr) minmax(56px,10fr);overflow:hidden;background:var(--bg-app);color:var(--ink);font-family:var(--font-body, "Inter", system-ui, sans-serif)}.game-screen>*{min-height:0;min-width:0}.game-screen[data-controls=compact]{--gs-stage-fr: 65fr;--gs-controls-fr: 15fr}.gs-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:calc(var(--u) * 5);padding:0 calc(var(--u) * 6);border-bottom:calc(var(--u) * 1) solid var(--line)}.gs-title{justify-self:center;display:inline-flex;align-items:center;padding:0 calc(var(--u) * 8);height:62%;border-radius:999px;background:var(--bg-card);border:calc(var(--u) * 1) solid var(--line);font-family:var(--font-pixel, "Press Start 2P", monospace);font-size:clamp(7px,1.2vmin,12px);letter-spacing:.02em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.gs-icon-btn{flex:0 0 auto;height:62%;aspect-ratio:1;width:auto;min-width:38px;min-height:38px;display:grid;place-items:center;border-radius:50%;background:var(--bg-card);border:calc(var(--u) * 1) solid var(--line);color:var(--ink);font-size:clamp(19px,2.75vmin,32px);line-height:1;cursor:pointer;padding:0}.gs-icon-btn:active{background:var(--bg-inner);transform:translateY(1px)}.gs-icon-btn img{width:60%;height:60%;object-fit:contain}.gs-stage,.gs-panel{position:relative;overflow:hidden;background:var(--bg-inner);border:calc(var(--u) * 1) solid var(--line);border-radius:calc(var(--u) * 7)}.gs-stage{margin:calc(var(--u) * 5) calc(var(--u) * 6) calc(var(--u) * 2.5);display:grid;place-items:center;touch-action:none}.gs-controls{overflow:hidden;display:flex;align-items:stretch;padding:calc(var(--u) * 3) calc(var(--u) * 6)}.gs-panel{flex:1;min-width:0}.gs-panel.gs-hud{background:none;border:none;border-radius:0;padding-left:0;padding-right:0}.gs-hud-stat{font-family:var(--font-pixel, "Press Start 2P", monospace);font-size:clamp(17px,2.7vmin,32px);font-variant-numeric:tabular-nums;line-height:1.1;color:var(--ink)}.gs-hud-sub{font-family:var(--font-pixel, "Press Start 2P", monospace);font-size:clamp(10px,1.5vmin,17px);font-variant-numeric:tabular-nums;line-height:1.1}.gs-hud-note{margin:0;font-size:clamp(12px,1.7vmin,19px);line-height:1.35;color:var(--ink-soft)}.gs-hud-note.is-quiet{font-size:clamp(10px,1.4vmin,16px);opacity:.72}.gs-tray{display:flex;gap:calc(var(--u) * 4);flex:1;min-width:0;align-items:center;padding:calc(var(--u) * 1.5) calc(var(--u) * 1.5);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;--gs-fade: calc(var(--u) * 7);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--gs-fade),#000 calc(100% - var(--gs-fade)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--gs-fade),#000 calc(100% - var(--gs-fade)),transparent 100%)}.gs-tray::-webkit-scrollbar{display:none}.gs-tile{flex:0 0 auto;height:100%;aspect-ratio:1;scroll-snap-align:start;display:grid;place-items:center;padding:calc(var(--u) * 2);background:var(--bg-inner);border:calc(var(--u) * 1) solid var(--line);border-radius:calc(var(--u) * 5);cursor:pointer}.gs-tile:active{border-color:var(--hot-pink);transform:translateY(1px)}.gs-tile.is-selected{border-color:var(--neon-cyan);box-shadow:0 0 0 2px #00e5ff40}.gs-tile img{width:100%;height:100%;object-fit:contain;pointer-events:none}.gs-field{width:100%;box-sizing:border-box;padding:12px 14px;border:none;background:transparent;color:var(--ink);font-family:var(--font-body, "Inter", system-ui, sans-serif);font-size:20px}.gs-field:focus{outline:none}.gs-field::placeholder{color:var(--muted)}.game-screen[data-template=photo] .gs-stage{grid-row:2 / 4;margin-bottom:8px}.game-screen[data-template=photo] .gs-controls{display:none}.gs-shutter{height:34%;aspect-ratio:1;width:auto;border-radius:50%;display:grid;place-items:center;background:var(--bg-card);border:calc(var(--u) * 2) solid var(--neon-cyan);box-shadow:0 0 0 calc(var(--u) * 3) #00e5ff1f;color:var(--neon-cyan);font-size:clamp(32px,7.5vmin,72px);cursor:pointer;padding:0}.gs-shutter:active{transform:scale(.95)}.gs-footer{display:grid;place-items:center;border-top:calc(var(--u) * 1) solid var(--line);padding:0 calc(var(--u) * 6)}.gs-share{--gs-step: min(calc(var(--u) * 2), 10px);--s1: var(--gs-step);--s2: calc(var(--gs-step) * 2);width:auto;min-width:8em;max-width:calc(100% - var(--u) * 8);height:min(76%,3.4em);min-height:56px;display:grid;place-items:center;clip-path:polygon(var(--s2) 0,calc(100% - var(--s2)) 0,calc(100% - var(--s2)) var(--s1),calc(100% - var(--s1)) var(--s1),calc(100% - var(--s1)) var(--s2),100% var(--s2),100% calc(100% - var(--s2)),calc(100% - var(--s1)) calc(100% - var(--s2)),calc(100% - var(--s1)) calc(100% - var(--s1)),calc(100% - var(--s2)) calc(100% - var(--s1)),calc(100% - var(--s2)) 100%,var(--s2) 100%,var(--s2) calc(100% - var(--s1)),var(--s1) calc(100% - var(--s1)),var(--s1) calc(100% - var(--s2)),0 calc(100% - var(--s2)),0 var(--s2),var(--s1) var(--s2),var(--s1) var(--s1),var(--s2) var(--s1));background:var(--hot-pink);border:none;filter:drop-shadow(0 calc(var(--u) * 2) 0 var(--pink-dark));color:var(--black);font-family:var(--font-pixel, "Press Start 2P", monospace);font-size:clamp(14px,2.1vmin,26px);letter-spacing:.06em;cursor:pointer;padding:0 1.4em}.gs-share:active{transform:translateY(calc(var(--u) * 2));filter:none}.gs-share[disabled]{background:var(--bg-card);filter:none;color:var(--muted);cursor:default}
