:root{--theme-a: #2b6b4f;--theme-b: #0f3d2e;--panel: rgba(255, 255, 255, .1);--panel-strong: rgba(255, 255, 255, .22);--ink: #fff;--muted: rgba(255, 255, 255, .55);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{font:500 15px/1.3 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:linear-gradient(170deg,var(--theme-a),var(--theme-b));transition:background .4s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.app{display:grid;height:100dvh;gap:10px;padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.stage{grid-area:stage;display:grid;place-items:center;min-width:0;min-height:0}#stage{display:block;touch-action:none;cursor:none}body.is-loading #stage{opacity:0}.rail{display:flex;align-items:center;gap:10px;padding:10px;border-radius:20px;background:#00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.group{display:flex;align-items:center;gap:6px;transition:opacity .2s ease}.group.is-dim{opacity:.4}.group__label{font-size:11px;font-weight:600;color:var(--muted)}@media(orientation:landscape){.app{grid-template-areas:"left stage right";grid-template-columns:auto minmax(0,1fr) auto}.rails{display:contents}.rail{flex-direction:column;justify-content:center;overflow-y:auto;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail--left{grid-area:left}.rail--right{grid-area:right}.group{flex-direction:column;width:100%}.group+.group{padding-top:10px;border-top:1px solid rgba(255,255,255,.16)}.group--decorations{display:grid;grid-template-columns:repeat(2,auto);justify-content:center}.characters__grid{grid-template-columns:repeat(2,auto)}.action{width:100%}}@media(orientation:portrait){.app{grid-template-areas:"stage" "rails";grid-template-rows:minmax(0,1fr) auto}.rails{grid-area:rails;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.rail{flex-wrap:wrap;justify-content:center;gap:8px 14px}.group+.group{padding-left:14px;border-left:1px solid rgba(255,255,255,.16)}}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.characters__grid{display:grid;grid-template-columns:repeat(4,auto);gap:6px;justify-content:center}.chip{width:44px;height:44px;border-radius:999px;font-size:22px;line-height:1;background:var(--panel);text-align:center;transition:background .15s ease,transform .15s ease}.chip:hover{background:var(--panel-strong)}.chip.is-active{background:#fff;transform:scale(1.08);box-shadow:0 0 0 2px #ffffff80}.tool{display:grid;justify-items:center;gap:2px;width:62px;padding:6px 2px;border-radius:14px;font-size:22px;background:var(--panel);transition:background .15s ease,transform .15s ease}.tool:hover{background:var(--panel-strong)}.tool.is-active{background:#fff}.tool.is-active .tool__name{color:#16321f}.tool__name{font-size:10px;font-weight:600;letter-spacing:.02em;opacity:.9}.picker{width:40px;height:40px;padding:0;border:0;border-radius:50%;background:conic-gradient(#f44,#fa0,#ff0,#4c4,#0cf,#44f,#b4f,#f44);cursor:pointer;box-shadow:0 0 0 2px #ffffff59}.picker::-webkit-color-swatch-wrapper{padding:5px}.picker::-webkit-color-swatch{border:2px solid rgba(255,255,255,.9);border-radius:50%}.picker::-moz-color-swatch{border:2px solid rgba(255,255,255,.9);border-radius:50%}.deco{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--panel)}.deco:hover{background:var(--panel-strong)}.deco.is-active{background:#fff}.thumb{width:30px;height:30px}.action{padding:9px 14px;border-radius:12px;background:var(--panel);white-space:nowrap}.action:hover{background:var(--panel-strong)}.action--primary{background:#fff;color:#16321f;font-weight:700}.action--primary:hover{background:#e8f5e9}.group--footer{gap:8px;font-size:12px}.coffee{padding:5px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:var(--ink);text-decoration:none;white-space:nowrap;transition:border-color .2s ease,background .2s ease}.coffee:hover{border-color:#fff;background:var(--panel)}.version{color:var(--muted)}.cursor{position:fixed;top:0;left:0;z-index:10;font-size:34px;line-height:1;opacity:0;pointer-events:none;margin:-18px 0 0 -17px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45));transition:opacity .12s ease}.cursor.is-visible{opacity:1}.cursor.is-blocked{opacity:.3;filter:grayscale(1)}@media(max-width:900px),(max-height:620px){.app,.rail{gap:8px;padding:8px}.tool{width:52px;font-size:19px}.chip{width:36px;height:36px;font-size:18px}.action{padding:7px 11px;font-size:13px}.deco,.picker{width:34px;height:34px}.thumb{width:26px;height:26px}}@media(pointer:coarse){.cursor{display:none}#stage{cursor:default}}