*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;overflow:hidden;color:#1f1b16;font-family:ui-rounded,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:radial-gradient(circle at 15% 10%,rgba(216,72,53,.22),transparent 24%),radial-gradient(circle at 88% 16%,rgba(49,87,163,.24),transparent 28%),linear-gradient(135deg,#385c48,#d8c89b 48%,#b64d3f)}button{border:0;font:inherit}.game-shell{min-height:100%;display:grid;place-items:center;padding:0}.game-card{position:relative;width:min(100vw,540px);height:100dvh;min-height:620px;overflow:hidden;border:0;border-radius:0;background:#f7f1df;box-shadow:0 0 0 4px #1f1b16,0 28px 70px #1f1b1642}.game-card:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:1;pointer-events:none;border:2px dashed rgba(31,27,22,.28);border-radius:4px;transform:rotate(.9deg)}.stage{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.hud{position:absolute;z-index:3;top:16px;left:16px;right:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hud div{min-width:0;padding:8px 10px;border:3px solid #1f1b16;border-radius:6px;background:#f7f1dfdb;box-shadow:3px 4px #1f1b1638;transform:rotate(var(--tilt, 0deg))}.hud div:nth-child(1){--tilt: -1.8deg}.hud div:nth-child(2){--tilt: 1deg}.hud div:nth-child(3){--tilt: -.6deg}.hud span{display:block;margin-bottom:2px;color:#6d5c48;font-size:11px;font-weight:800}.hud strong{display:block;overflow:hidden;font-size:23px;line-height:1;white-space:nowrap;text-overflow:ellipsis}.mission-pill{position:absolute;z-index:3;top:88px;left:16px;right:16px;padding:10px 12px;border:3px solid #1f1b16;border-radius:6px;color:#1f1b16;background:#e6b734e6;box-shadow:4px 5px #d84835d9;font-size:15px;font-weight:900;line-height:1.25;transform:rotate(-.8deg)}.mission-hint{display:block;margin-top:3px;font-size:11px;font-weight:700;opacity:.65}.feedback-pop{position:absolute;z-index:5;left:50%;top:45%;padding:10px 16px;border:3px solid #1f1b16;border-radius:6px;color:#fffaf0;background:#d84835;box-shadow:5px 6px #1f1b16;font-size:22px;font-weight:900;white-space:nowrap;transform:translate(-50%,-50%) rotate(-3deg);pointer-events:none}.overlay{position:absolute;z-index:4;left:24px;right:24px;top:50%;padding:22px 20px;border:4px solid #1f1b16;border-radius:8px;background:#f7f1dff0;box-shadow:7px 8px #3157a3;transform:translateY(-50%) rotate(.7deg)}.overlay-poster{left:8px;right:8px;top:50%;max-height:calc(100% - 16px);padding:10px;overflow:auto;background:linear-gradient(#f7f1dfe6,#f7f1dfe6),repeating-linear-gradient(115deg,transparent 0 18px,rgba(49,87,163,.07) 18px 22px);box-shadow:7px 8px #1f1b16}.stamp{display:inline-block;margin:0 0 12px;padding:4px 8px;border:2px solid #d84835;color:#d84835;font-size:12px;font-weight:900;letter-spacing:0;transform:rotate(-5deg)}.overlay h1{margin:0 0 10px;font-size:clamp(34px,10vw,52px);line-height:.92}.overlay p:not(.stamp){margin:0;color:#3f372d;font-size:15px;font-weight:700;line-height:1.65}.daily-persona{margin-top:12px!important;padding:8px 10px;border:2px dashed rgba(216,72,53,.58);border-radius:6px;color:#1f1b16!important;background:#e6b7342e;font-size:13px!important;line-height:1.45!important}.overlay button{display:inline-flex;align-items:center;justify-content:center;min-width:136px;min-height:48px;margin-top:20px;padding:0 18px;border:3px solid #1f1b16;border-radius:6px;color:#1f1b16;font-size:17px;font-weight:900;background:#e6b734;box-shadow:4px 5px #d84835;cursor:pointer}.overlay button:active{transform:translate(3px,3px);box-shadow:1px 2px #d84835}.poster-preview{width:min(100%,440px);margin:0 auto 12px;border:4px solid #1f1b16;border-radius:7px;background:#191611;box-shadow:6px 7px #3157a3,12px 13px #1f1b16eb;transform:rotate(.7deg)}.poster-preview img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:contain}.poster-loading{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3 / 4;font-size:18px;font-weight:900;color:#6d5c48;opacity:.7}.overlay button:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.new-best-badge{margin:6px 0 4px!important;padding:6px 12px;border:2px solid #e6b734;border-radius:6px;background:#e6b7342e;color:#1f1b16!important;font-size:13px!important;font-weight:900;text-align:center}.result-reason{margin:8px auto 2px!important;max-width:430px;padding:7px 10px;border:2px solid rgba(216,72,53,.75);border-radius:6px;color:#1f1b16!important;background:#d848351c;font-size:12px!important;font-weight:900!important;line-height:1.35!important;text-align:center}.dims-row{margin:8px 0 6px;display:flex;flex-direction:column;gap:5px}.dim-bar{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.dim-name{min-width:62px;color:#6d5c48;flex-shrink:0}.dim-track{flex:1;height:7px;background:#1f1b161a;border:1.5px solid rgba(31,27,22,.18);border-radius:4px;overflow:hidden}.dim-fill{height:100%;border-radius:4px}.dim-pct{min-width:30px;color:#1f1b16;text-align:right;flex-shrink:0}.quote{max-width:430px;margin:0 auto!important;color:#1f1b16!important;font-size:18px!important;line-height:1.42!important;text-align:center}.result-actions{display:flex;flex-wrap:wrap;gap:10px;max-width:390px;margin:16px auto 0}.result-actions button{margin-top:0;min-width:118px;flex:1 1 130px;font-size:clamp(14px,4vw,17px);white-space:normal}.secondary-button{background:#f7f1df!important;box-shadow:4px 5px #3157a3!important}@media (max-width: 420px){.game-shell{padding:0}.game-card{width:100vw;height:100dvh;min-height:100dvh;box-shadow:none}.hud{top:12px;left:12px;right:12px}.mission-pill{top:82px;left:12px;right:12px;font-size:14px}.hud div{padding:7px 8px}.hud strong{font-size:20px}.overlay{left:18px;right:18px;padding:18px 16px}.overlay-poster{left:8px;right:8px;padding:12px}.poster-preview{width:min(100%,calc(100vw - 34px))}}