:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f6f3ed;background:#111b26;font-size:16px}*{box-sizing:border-box}body{margin:0}.app{max-width:760px;margin:auto;padding:calc(22px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.brand{display:flex;align-items:center;gap:12px}.mark{width:45px;height:45px;border-radius:13px;background:#efdfc4;color:#25374b;display:grid;place-content:center;text-align:center;font-size:10px;line-height:12px;transform:rotate(-7deg);font-weight:900}h1{font-size:1.25rem;margin:0;letter-spacing:-.03em}.brand p{font-size:.85rem;margin:2px 0 0;color:#a8b5c1}.pill{color:#a9bbca;border:1px solid #43505d;border-radius:999px;font-size:.68rem;letter-spacing:.09em;padding:8px 10px;white-space:nowrap}.score{background:#23384a;border:1px solid #365063;border-radius:26px;padding:24px;display:flex;align-items:end;justify-content:space-between;gap:15px;min-height:163px}.eyebrow{display:block;font-size:.75rem;font-weight:700;letter-spacing:.11em;color:#bad0d8}.score strong{font-size:5rem;line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:-.07em}.score-note{font-size:.88rem;color:#d1dedf;text-align:right;max-width:155px;line-height:1.35;margin-bottom:8px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 20px}.button{min-height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:700;cursor:pointer;text-align:center}.button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.primary{background:#efad78;color:#182333}.secondary{background:#2d3b4a;color:#f3f3ef;border:1px solid #445565}.button:active,button:active{transform:scale(.98)}.workspace{border:1px dashed #4a5a65;background:#172533;border-radius:22px;overflow:hidden;min-height:270px;display:grid;place-items:center}.empty{padding:28px;display:grid;justify-items:center;gap:25px}.empty p{margin:0;max-width:360px;text-align:center;color:#bbc9cf;line-height:1.5}.domino{width:68px;height:122px;border-radius:11px;background:#f6eee0;color:#c87456;display:flex;flex-direction:column;align-items:center;justify-content:space-around;box-shadow:8px 10px 0 #2c4454;transform:rotate(-9deg);font-size:17px}.domino i{display:block;height:2px;width:56px;background:#7f8585}.image-wrap{width:100%;position:relative}.image-wrap canvas{width:100%;height:auto;display:block;touch-action:manipulation}.image-hint{padding:12px 16px;background:#203244;color:#deebed;font-size:.9rem}.adjust{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;background:#1d2c39;border-radius:18px;padding:16px}.adjust strong,.adjust span{display:block}.adjust strong{font-size:.98rem}.adjust div>span{color:#aebdc7;font-size:.82rem;margin-top:3px}.stepper{display:flex;align-items:center;gap:12px}.stepper button{border:1px solid #6d8190;background:#2b4150;color:white;border-radius:12px;width:42px;height:42px;font-size:1.6rem;line-height:1;cursor:pointer}.stepper>span{min-width:27px;text-align:center;font-variant-numeric:tabular-nums;font-size:1.1rem}.footnote{color:#aab9c2;line-height:1.5;text-align:center;margin:22px auto;font-size:.82rem;max-width:380px}[hidden]{display:none!important}@media(max-width:380px){.pill{display:none}.score strong{font-size:4.5rem}.score{padding:20px}}@media(min-width:650px){.app{padding-top:46px}.workspace{min-height:340px}}
.button{position:relative;overflow:hidden}.button input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:100px}