*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{color:#222;background:#fafafa;margin:0;font-family:-apple-system,Hiragino Sans,sans-serif}.app{flex-direction:column;gap:12px;max-width:480px;margin:0 auto;padding:16px;display:flex}.home{text-align:center;padding-top:20vh}h1{font-size:1.5rem}h2{margin:4px 0;font-size:1.2rem}.hint{color:#666;margin:0;font-size:.8rem}.error{color:#c62828;background:#fdecea;border-radius:8px;margin:0;padding:10px;font-size:.85rem}button.big{color:#fff;background:#1565c0;border:none;border-radius:12px;padding:14px;font-size:1.1rem;font-weight:600}button.big:disabled{background:#bbb}button.big.secondary{color:#333;background:#eee}.net{grid-template-areas:".U. .""L F R B"".D. .";justify-content:center;gap:6px;display:grid}.face{position:relative}.face-label{color:#999;pointer-events:none;z-index:1;font-size:.6rem;position:absolute;top:-2px;left:2px}.stickers{background:#999;border:2px solid #999;border-radius:6px;gap:2px;display:grid;overflow:hidden}.sticker{border:none;width:clamp(18px,8.33333vw - 7.5px,34px);height:clamp(18px,8.33333vw - 7.5px,34px);padding:0}.sticker.locked{cursor:default}.sticker.locked:after{content:"●";color:#00000040;font-size:.5rem}.palette{justify-content:center;gap:8px;display:flex}.swatch{border:3px solid #0000;border-radius:10px;justify-content:center;align-items:flex-end;width:48px;height:48px;padding:2px;display:flex}.swatch.active{border-color:#222;transform:scale(1.1)}.swatch .count{background:#ffffffd9;border-radius:4px;padding:0 3px;font-size:.6rem}.moves{counter-reset:mv;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.moves li{counter-increment:mv;text-align:center;background:#fff;border:1px solid #ddd;border-radius:8px;min-width:44px;padding:8px 10px;font-size:1.1rem;font-weight:700}.face-tabs{justify-content:center;gap:6px;display:flex}.face-tab{color:#555;background:#fff;border:1px solid #ccc;border-radius:8px;width:48px;height:40px;font-size:.9rem;position:relative}.face-tab.active{color:#1565c0;border:2px solid #1565c0;font-weight:700}.face-tab.complete{background:#e8f5e9}.face-tab .check{color:#2e7d32;background:#fff;border-radius:50%;font-size:.7rem;line-height:1;position:absolute;top:-6px;right:-4px}.guide{background:#eef4fb;border:1px solid #cfe0f5;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.guide-arrow{flex-shrink:0;font-size:2rem}.guide p{margin:0;font-size:.88rem;line-height:1.5}.edge-hint{text-align:center;color:#888;margin:0 0 -6px;font-size:.75rem}.bigface{justify-content:center;display:flex}.bigface .sticker{width:clamp(48px,33.3333vw - 40px,84px);height:clamp(48px,33.3333vw - 40px,84px)}.wizard-nav{gap:10px;display:flex}.wizard-nav .half{flex:1}.player{flex-direction:column;gap:10px;display:flex}.canvas-wrap{touch-action:none;background:#eef1f5;border-radius:14px;height:42vh;min-height:260px;overflow:hidden}.transport{justify-content:center;gap:8px;display:flex}.transport button{background:#fff;border:1px solid #ccc;border-radius:10px;width:54px;height:48px;font-size:1.2rem}.transport button.play{color:#fff;background:#1565c0;border:none}.transport button:disabled{opacity:.4}.progress-label{text-align:center;color:#444;margin:0;font-size:.9rem}.player-moves{max-height:20vh;overflow-y:auto}.moves li.current{color:#1565c0;background:#e3f0fd;border-color:#1565c0}.moves li.done{opacity:.45}.moves li:before{content:counter(mv);color:#999;font-size:.55rem;font-weight:400;display:block}