:root{--game-chrome-height:calc(48px + env(safe-area-inset-top,0px))}.game-chrome{z-index:20;top:env(safe-area-inset-top,0px);padding:6px max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left));box-sizing:border-box;pointer-events:none;color:#413d37;justify-content:space-between;align-items:center;gap:12px;height:48px;font:500 14px/1.2 system-ui,Yu Gothic,sans-serif;display:flex;position:fixed;left:0;right:0}.game-chrome .game-list-link{min-height:36px;color:inherit;white-space:nowrap;pointer-events:auto;touch-action:manipulation;background:#fff9ec;border-radius:999px;align-items:center;gap:6px;padding:0 10px;text-decoration:none;display:inline-flex}.game-chrome svg{flex-shrink:0;width:16px;height:16px;display:block}.game-chrome .language-select{box-sizing:border-box;pointer-events:auto;background:#fff9ec;border:1px solid #81796b;border-radius:999px;flex-shrink:0;align-items:center;height:36px;display:flex;position:relative}.language-select>svg{pointer-events:none;position:absolute;left:10px}.language-select>span{pointer-events:none;position:absolute;right:10px}.game-chrome select{appearance:none;width:128px;height:36px;min-height:36px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;margin:0;padding:0 27px 0 33px;font-size:14px}.game-chrome a:focus-visible,.game-chrome select:focus-visible{outline-offset:2px;outline:3px solid #ad613a}.with-game-chrome #app{top:var(--game-chrome-height);height:calc(100% - var(--game-chrome-height));position:relative}.with-game-chrome #game{top:var(--game-chrome-height);width:100%;height:calc(100% - var(--game-chrome-height));position:fixed;left:0}:root{color:#514438;font-synthesis:none;--ink:#514438;--muted:#786950;--cream:#fdf6e3;--coral:#ba725c;font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;font-size:16px;font-weight:700}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{overscroll-behavior:none;touch-action:none;width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(at 70% 0,#fffbf2,#0000 70%),#fdf6e3;height:100dvh}button,a{font:inherit;color:inherit;touch-action:none}button{cursor:pointer;border:0;min-height:48px;transition:transform .15s,filter .15s}button:active{transform:translateY(2px)}button:hover{filter:brightness(1.04)}button:focus-visible,a:focus-visible{outline:3px solid var(--coral);outline-offset:3px}h1,p{margin:0}h1{white-space:nowrap;font-weight:900}svg{flex-shrink:0;width:1.2em;height:1.2em;display:block}#app{width:min(100%,520px);height:100%;margin:auto}.loading{text-align:center;padding:24px;font-size:16px}.screen{width:100%;height:100%;padding:max(16px,env(safe-area-inset-top)) 16px max(10px,env(safe-area-inset-bottom));flex-direction:column;gap:10px;display:flex}.play{gap:0;padding-left:0;padding-right:0}.play header{text-align:center;flex-shrink:0;padding:0 16px 6px}.play h1{letter-spacing:.06em;font-size:30px}.height{color:var(--muted);font-size:16px;line-height:1.4}.height strong{color:var(--ink);font-variant-numeric:tabular-nums;margin-right:3px;font-size:32px;font-weight:900}#playfield{touch-action:none;cursor:grab;flex:1;min-height:0;position:relative;overflow:hidden}#playfield:active{cursor:grabbing}canvas{width:100%;height:100%;display:block}.guide{text-align:center;pointer-events:none;font-size:16px;line-height:1.6;position:absolute;left:0;right:0}.guide[hidden]{display:none}.guide-copy{background:#fffaf0eb;border:1px solid #c7b48e;border-radius:14px;padding:8px 16px;display:inline-block}.gesture{color:#786950;justify-content:center;align-items:center;height:49px;display:flex;position:relative}.gesture:before{content:"";border-bottom:2px dashed #c7b48e;width:120px}.hand{animation:2.5s ease-in-out infinite slide-hand;position:absolute;top:5px;left:calc(50% - 15px)}.hand svg{filter:drop-shadow(0 2px #fffaf0);width:30px;height:38px}@keyframes slide-hand{0%,to{transform:translate(-42px)}50%{transform:translate(42px)}}.play-footer{flex-direction:column;flex-shrink:0;align-items:center;gap:3px;padding:0 12px;display:flex}.status{min-height:24px;color:var(--muted);font-size:16px}.keyboard-hint{color:var(--muted);font-size:14px}.result{gap:8px}.result header{text-align:center;flex-shrink:0}.result h1{letter-spacing:.04em;font-size:27px}.result-paper{background:#fffaf044;border:4px double #aa956d;border-radius:18px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 20px #51443808}.scene-window{flex:1;min-height:0;position:relative;overflow:hidden}.scene-label{text-align:center;color:var(--muted);font-size:14px;position:absolute;top:8px;left:0;right:0}.result-info{text-align:center;background:#f9efd9;border-top:1px solid #c7b48e90;flex-shrink:0;padding:4px 0 8px}.result-height{white-space:nowrap;font-size:30px;line-height:1.1}.result-height strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-right:4px;font-size:66px;font-weight:900}.best{color:var(--muted);margin-top:4px;font-size:14px;line-height:1.5}.result-actions{flex-shrink:0;grid-template-columns:1fr 1fr;gap:8px;display:grid}.result-actions button{white-space:nowrap;border:1px solid #ad997680;border-radius:11px;justify-content:center;align-items:center;gap:4px;min-height:52px;padding:8px 4px;font-size:16px;display:flex;box-shadow:0 3px #51443828}.post{color:#fff9eb;background:#514438}.again{color:var(--ink);background:#fff}.more-games{min-height:46px;color:var(--muted);background:#fff9ebc0;border:1px solid #ad997680;border-radius:30px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;padding:7px 24px;font-size:16px;text-decoration:none;display:inline-flex}.share-feedback{text-align:center;color:#8b4a36;flex-shrink:0;font-size:14px;line-height:1.5}.share-feedback:empty,.share-feedback p:empty{display:none}.share-feedback a{min-height:44px;color:var(--ink);background:#fff9eb;border:1px solid #ad9976;border-radius:9px;justify-content:center;align-items:center;margin-top:4px;text-decoration:underline;display:flex}.share-feedback a[hidden]{display:none}@media (width>=700px){.play h1{font-size:34px}.screen{padding-top:24px;padding-bottom:16px}.play-footer{padding-bottom:0}}@media (height<=620px){.screen{padding-top:max(10px,env(safe-area-inset-top));gap:6px}.play{gap:0}.play h1{font-size:27px}.height strong{font-size:28px}.result-height strong{font-size:58px}.result h1{font-size:25px}.result-info{padding-bottom:5px}}@media (prefers-reduced-motion:reduce){button{transition:none}.hand{animation:none}}.next{pointer-events:none;background:#fffaf0cc;border:2px solid #d9c9a6;border-radius:14px;flex-direction:column;align-items:center;gap:0;min-width:64px;padding:6px 8px 4px;display:flex;position:absolute;top:8px;right:14px}.next-label{color:var(--muted);font-size:14px;font-weight:700;line-height:1.2}.next-char{-webkit-text-stroke:1.5px #665044;paint-order:stroke fill;min-height:44px;font-family:Zen Maru Gothic,sans-serif;font-size:40px;font-weight:900;line-height:1.1}.result-level{margin-top:3px;font-size:16px;line-height:1.4}
