html,body{margin:0;height:100%;overflow:hidden;background:#9fd8ff;touch-action:none;font-family:system-ui,sans-serif;-webkit-user-select:none;user-select:none}#game{width:100vw;height:100vh;display:block}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.gems{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;width:200px;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);gap:4px 6px;padding:8px 10px;border-radius:14px;background:#ffffffd9}.gem-tile{display:flex;align-items:center;gap:5px;font-size:13px}.gem-tile i{flex:none;width:11px;height:11px;margin:2px;transform:rotate(45deg);border-radius:2px;background:linear-gradient(135deg,rgba(255,255,255,.85) 0%,var(--c) 35%,var(--d) 100%);box-shadow:0 2px 3px #00000040}.gem-tile b{font-variant-numeric:tabular-nums}.gem-red i{--c: #ff3b3b;--d: #a30000}.gem-orange i{--c: #ff9a2e;--d: #b85a00}.gem-yellow i{--c: #ffe14a;--d: #b89a00}.gem-green i{--c: #48d96b;--d: #0f8a2e}.gem-blue i{--c: #3e8bff;--d: #0b3fa8}.gem-purple i{--c: #a45cff;--d: #5a1bb0}.gem-pink i{--c: #ff7ac6;--d: #c21f7f}.gem-turquoise i{--c: #2ee6d6;--d: #0a8f85}.action{pointer-events:auto;position:absolute;right:20px;bottom:max(28px,env(safe-area-inset-bottom));min-width:140px;padding:18px 22px;border:0;border-radius:999px;font-size:20px;font-weight:800;background:#ffcf3a;box-shadow:0 6px #c99a00}.action:disabled{background:#e6e6e6;box-shadow:0 6px #bdbdbd;color:#555}.stick-zone{pointer-events:auto;position:absolute;left:0;bottom:0;width:50vw;height:60vh}.stick-base{position:absolute;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;background:#ffffff40;border:3px solid rgba(255,255,255,.8);display:none;pointer-events:none}.stick-base.on{display:block}.stick-knob{position:absolute;left:30px;top:30px;width:50px;height:50px;border-radius:50%;background:#fff}.sheet-wrap{pointer-events:auto;position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:flex-end}.sheet-wrap[hidden]{display:none}.sheet{width:100%;max-height:78vh;display:flex;flex-direction:column;background:#fffaf0;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -6px 20px #0003}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px}.sheet-head h2{margin:0;font-size:22px}.sheet-close{border:0;background:#eee;width:40px;height:40px;border-radius:50%;font-size:18px}.sheet-body{overflow-y:auto;padding:0 12px 16px}.tabs{display:flex;gap:6px;position:sticky;top:0;background:#fffaf0;padding:6px 0 10px}.tabs button{flex:1;border:0;border-radius:12px;padding:10px 4px;font-size:14px;font-weight:700;background:#f0e6d2}.tabs button.on{background:#ffcf3a}.row{display:flex;align-items:center;gap:10px;padding:10px 6px;border-bottom:1px solid #efe4cf}.row-emoji{font-size:32px;width:40px;text-align:center}.row-text{flex:1;display:flex;flex-direction:column;min-width:0}.row-text small{color:#776}.chip{padding:4px 8px;border-radius:999px;background:#fff;font-size:15px}.buy{border:0;border-radius:12px;padding:10px 12px;font-weight:800;font-size:14px;background:#5cc95c;color:#fff;min-width:74px}.buy:disabled{background:#ddd;color:#777}.empty{color:#776;text-align:center;padding:20px}.picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:8px}.pick{border:0;border-radius:16px;background:#f0e6d2;padding:12px 4px;display:flex;flex-direction:column;align-items:center;gap:4px}.pick span{font-size:40px}.pick small{font-size:13px;font-weight:700}.tabs{overflow-x:auto;scrollbar-width:none}.tabs button{flex:none;padding:10px 12px}.look-zone{pointer-events:auto;position:absolute;right:0;top:90px;bottom:0;width:50vw}.action{z-index:2}.sheet-wrap{z-index:3}.backpack{pointer-events:auto;position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;width:56px;height:56px;border:0;border-radius:14px;background:#ffffffd9;font-size:32px}.mc-wrap{pointer-events:auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:#00000073;display:flex;align-items:center;justify-content:center;padding:12px}.mc-wrap[hidden]{display:none}.mc-panel{background:#c6c6c6;padding:10px;border:3px solid;border-color:#fff #555 #555 #fff;box-shadow:0 0 0 3px #000;image-rendering:pixelated;width:min(100%,420px);box-sizing:border-box}.mc-title{font:700 16px/1 monospace;color:#3f3f3f;margin:2px 2px 8px}.mc-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:2px}.mc-slot{position:relative;aspect-ratio:1;padding:0;background:#8b8b8b;border:2px solid;border-color:#373737 #fff #fff #373737;display:flex;align-items:center;justify-content:center}.mc-item{font-size:clamp(16px,6vw,26px);line-height:1}.mc-count{position:absolute;right:1px;bottom:0;font:700 12px/1 monospace;color:#fff;text-shadow:1px 1px 0 #3f3f3f}.mc-seed:before{content:"🌱";position:absolute;left:1px;top:1px;z-index:1;font-size:11px;line-height:1}.mc-seed .mc-item{transform:scale(.8) translate(2px,2px)}.mc-label{min-height:20px;margin-top:8px;font:700 14px/1.4 monospace;color:#3f3f3f}.swap-row{padding:8px 4px}.swap-label{font-weight:800;margin-bottom:6px}.swap-gems{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.swap-gem{border:2px solid transparent;border-radius:12px;background:#fff;padding:8px 6px;justify-content:center;font-size:15px}.swap-gem.on{border-color:#ffb300;background:#fff4cc}.cancel{pointer-events:auto;position:absolute;right:20px;bottom:calc(max(28px,env(safe-area-inset-bottom)) + 76px);z-index:2;padding:12px 18px;border:0;border-radius:999px;font-size:16px;font-weight:800;background:#fff;box-shadow:0 4px #bbb}.mc-code{margin-top:10px;padding-top:8px;border-top:2px solid #8b8b8b;font:700 13px/1.5 monospace;color:#3f3f3f}.mc-code-value{color:#1f5fbf;font-size:15px;letter-spacing:.5px;user-select:text;-webkit-user-select:text}.mc-code-hint{font-weight:400;font-size:12px}.mc-code-form{display:flex;gap:6px;margin-top:6px}.mc-code-input{flex:1;min-width:0;font:700 14px monospace;padding:6px 8px;border:2px solid;border-color:#373737 #fff #fff #373737;background:#8b8b8b;color:#fff}.mc-code-input::placeholder{color:#e0e0e0}.mc-code-form button{font:700 14px monospace;padding:6px 10px;background:#7a7a7a;color:#fff;border:2px solid;border-color:#fff #373737 #373737 #fff}.mc-code-msg{min-height:18px}.move{pointer-events:auto;position:absolute;right:20px;bottom:calc(max(28px,env(safe-area-inset-bottom)) + 76px);z-index:2;padding:12px 18px;border:0;border-radius:999px;font-size:16px;font-weight:800;background:#fff;box-shadow:0 4px #bbb}