:root{color:#2b1713;font-synthesis:none;-webkit-tap-highlight-color:transparent;--stage-accent:#7b5d82;background:#b56e60;font-family:ui-rounded,Hiragino Sans,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;touch-action:none;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;background:#b56e60}button{appearance:none;font:inherit;border:0}button:focus-visible{outline-offset:3px;outline:3px solid #fff4d7bf}[hidden]{display:none!important}#app{isolation:isolate;min-height:100dvh;position:relative}#game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.play-ui{z-index:4;pointer-events:none;position:absolute;inset:0}.hud{top:max(14px, env(safe-area-inset-top));color:#2d1714;text-shadow:0 1px #ffebd759;grid-template-columns:1fr minmax(110px,1.2fr) 1fr;align-items:start;gap:8px;display:grid;position:absolute;left:15px;right:15px}.hud>div{gap:2px;display:grid}.hud span{letter-spacing:.1em;opacity:.58;font-size:9px;font-weight:950}.hud strong{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:clamp(20px,6.4vw,29px);line-height:1}.hud-stage{text-align:center;justify-items:center}.hud-stage strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:clamp(15px,4.4vw,20px);line-height:1.05;overflow:hidden}.hud-goal{text-align:right;justify-items:end}.objective{top:max(71px, calc(env(safe-area-inset-top) + 58px));align-items:center;gap:12px;display:flex;position:absolute;left:17px;right:17px}.objective-bar{background:#41191424;border-radius:999px;flex:1;height:5px;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #3d130e1a}.objective-bar i{transform-origin:0;border-radius:inherit;background:linear-gradient(90deg,#921f2d,#d63840);transition:transform 90ms linear;position:absolute;inset:0;transform:scaleX(0)}.objective-flow{grid-template-columns:auto 58px 32px;align-items:center;gap:6px;display:grid}.objective-flow>span{color:#3e201a;letter-spacing:.06em;opacity:.58;font-size:9px;font-weight:950}.flow-meter{background:#491f181f;border-radius:999px;width:58px;height:7px;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #3d130e1a}.flow-meter i{transform-origin:0;border-radius:inherit;background:linear-gradient(90deg,#b6323c,#ef744d 62%,#ffc55e);transition:transform 80ms linear;position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 10px #db40323d}#flow-value{color:#6e362e;font-variant-numeric:tabular-nums;text-align:right;font-size:10px}#flow-value[data-hot=true]{color:#a51f2e;text-shadow:0 0 10px #bc25302e}.first-touch-guide{z-index:7;left:50%;bottom:max(10vh, calc(env(safe-area-inset-bottom) + 62px));color:#fff5df;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:linear-gradient(#2f110d9e,#2f110d7a);border:1px solid #fff5e247;border-radius:24px;justify-items:center;gap:5px;width:min(86vw,330px);padding:14px 18px 13px;animation:1.2s ease-in-out infinite alternate guide-pulse;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 12px 38px #370d082e,inset 0 1px #ffffff1f}.first-touch-guide strong{letter-spacing:-.02em;font-size:22px;line-height:1.1}.first-touch-guide span{opacity:.76;font-size:14px;font-weight:850}.callout{z-index:8;color:#fff1d9;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#2f120dc7;border:1px solid #ffffff59;border-radius:999px;padding:9px 15px 10px;font-size:15px;font-weight:950;position:absolute;top:31%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #41120a38}.screen{z-index:20;padding:max(18px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px)saturate(.85);backdrop-filter:blur(8px)saturate(.85);background:radial-gradient(circle at 50% 42%,#ffe2c512,#0000 45%),linear-gradient(#1f0a0870,#1d0807bd);place-items:center;display:grid;position:absolute;inset:0}.screen-card{text-align:center;background:linear-gradient(#fff6e2f5,#f3dcc5f0);border:1px solid #fff6e640;border-radius:30px;width:min(100%,420px);padding:23px 20px 18px;position:relative;box-shadow:0 24px 80px #25070566,inset 0 1px #fffc}.eyebrow{color:#76443a;letter-spacing:.16em;font-size:10px;font-weight:1000;display:block}.title-card{padding-top:20px}.title-topline{justify-content:space-between;align-items:center;gap:12px;min-height:27px;display:flex}.title-topline .eyebrow{text-align:left}.stage-list-open{width:auto;min-height:30px;box-shadow:none;color:#6e493f;letter-spacing:.03em;background:#53261b0f;border:1px solid #5e30271f;border-radius:999px;padding:0 10px;font-size:10px;font-weight:950}.stage-list-screen{background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--stage-accent) 22%, transparent), transparent 38%), linear-gradient(180deg, #33120ee0, #170706f5);place-items:center}.stage-list-card{width:min(100%,410px);max-height:calc(100dvh - max(36px, env(safe-area-inset-top)) - max(36px, env(safe-area-inset-bottom)));text-align:left;flex-direction:column;padding:18px 16px 15px;display:flex}.stage-list-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:1px 3px 12px;display:flex}.stage-list-header h2{color:#2d1712;letter-spacing:-.045em;margin:4px 0 0;font-size:28px;line-height:1}.stage-list-close{width:38px;min-height:38px;box-shadow:none;color:#654239;background:#53261b0f;border:1px solid #53261b1a;border-radius:50%;flex:none;padding:0;font-size:23px;line-height:1}.stage-list-items{scrollbar-width:thin;gap:7px;min-height:0;padding:2px 2px 3px;display:grid;overflow-y:auto}.stage-list-row{background:#53261b0a;border:1px solid #53261b14;border-radius:15px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:57px;padding:9px 11px;display:grid}.stage-list-row[data-state=current]{border-color:color-mix(in srgb, var(--stage-accent) 48%, transparent);background:color-mix(in srgb, var(--stage-accent) 10%, #fff5e2ad);box-shadow:inset 3px 0 0 var(--stage-accent)}.stage-list-row[data-state=locked]{opacity:.48}.stage-list-number{color:#885c50;font-variant-numeric:tabular-nums;font-size:12px;font-weight:1000}.stage-list-copy{gap:3px;min-width:0;display:grid}.stage-list-copy strong{color:#321b16;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.stage-list-copy span{color:#80594e;font-size:10px;font-weight:800}.stage-list-status{color:#795149;white-space:nowrap;background:#53261b12;border-radius:999px;padding:5px 7px;font-size:9px;font-weight:950}.stage-list-row[data-state=current] .stage-list-status{background:var(--stage-accent);color:#fff8e9}.stage-list-row[data-state=cleared] .stage-list-status{color:#39705f;background:#37775d1a}.title-card h1{color:#27130f;letter-spacing:-.075em;margin:8px 0 6px;font-size:clamp(42px,14vw,66px);line-height:.92}.title-card h1 b{color:#a31f2d;letter-spacing:-.02em;vertical-align:.35em;margin:0 .05em;font-size:.43em;display:inline-block}.lead{color:#654038;max-width:310px;margin:0 auto 20px;font-size:13px;font-weight:750;line-height:1.6}.resume-card{text-align:left;background:#53261b0f;border:1px solid #4f261e14;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:13px 15px;display:flex}.resume-card div{gap:2px;display:grid}.resume-card span{color:#7b4d43;letter-spacing:.1em;font-size:9px;font-weight:950}.resume-card strong{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:18px;overflow:hidden}.resume-progress{font-variant-numeric:tabular-nums;flex:none;font-size:13px!important}button{background:linear-gradient(180deg, color-mix(in srgb, var(--stage-accent) 58%, #4a221a), #24110e);color:#fff4df;letter-spacing:.01em;cursor:pointer;border-radius:17px;width:100%;min-height:51px;font-size:17px;font-weight:950;box-shadow:0 9px 24px #35150d33,inset 0 1px #ffffff1a}button:active{transform:translateY(1px)scale(.994)}.button-secondary{min-height:42px;box-shadow:none;color:#654239;background:0 0;margin-top:8px;font-size:13px}.title-records,.final-stats{grid-template-columns:1fr 1fr;gap:9px;margin-top:13px;display:grid}.title-records div,.final-stats div{background:#50231b0d;border-radius:15px;gap:3px;padding:10px 8px;display:grid}.title-records span,.final-stats span{color:#745047;letter-spacing:.06em;font-size:9px;font-weight:900}.title-records strong,.final-stats strong{font-variant-numeric:tabular-nums;font-size:16px}.recent-title{border-top:1px solid #52261d14;justify-content:center;align-items:baseline;gap:7px;margin-top:8px;padding-top:8px;display:flex}.recent-title[hidden]{display:none}.recent-title span{color:#80584e;font-size:9px;font-weight:900}.recent-title strong{color:#532d26;font-size:12px}.intro-flow-hint{font-size:14px!important}.result-title{background:#6f2a220d;border:1px solid #82362e1a;border-radius:14px;gap:3px;margin:7px 0 10px;padding:10px 12px;display:grid}.result-title>span{color:#83564c;letter-spacing:.09em;font-size:8px;font-weight:950}.result-title strong{color:#632a28;font-size:19px;line-height:1.2}.result-title strong[data-tier=rare]{color:#9a352f}.result-title strong[data-tier=special]{color:#aa242f}.result-title small{color:#7c5a51;font-size:9px;font-weight:700;line-height:1.45}.stage-intro{overflow:hidden}.stage-orbit{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--stage-accent) 65%, transparent);opacity:.36;border-radius:50%;width:72vw;max-width:380px;animation:5s linear infinite orbit;position:absolute}.stage-orbit:before,.stage-orbit:after{content:"";background:var(--stage-accent);border-radius:50%;position:absolute}.stage-orbit:before{width:9px;height:9px;top:8%;left:12%}.stage-orbit:after{width:5px;height:5px;bottom:24%;right:5%}.stage-card{overflow:hidden}.stage-card:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--stage-accent) 32%, transparent), transparent 68%);pointer-events:none;border-radius:50%;width:220px;height:180px;position:absolute;top:-95px;left:50%;transform:translate(-50%)}.stage-card h2,.result-card h2,.final-card h2{letter-spacing:-.05em;margin:7px 0 6px;font-size:clamp(31px,9vw,43px);line-height:1;position:relative}.stage-card>p,.final-card>p{color:#6b4740;margin:0 auto 18px;font-size:13px;font-weight:750;line-height:1.6;position:relative}.stage-objectives{grid-template-columns:1fr 1fr;gap:9px;margin:16px 0 12px;display:grid}.stage-objectives div{background:#51241c0f;border-radius:16px;gap:3px;padding:12px 8px;display:grid}.stage-objectives span{color:#78534a;letter-spacing:.06em;font-size:9px;font-weight:900}.stage-objectives strong{font-size:19px}.difficulty-bars{justify-content:center;align-items:end;gap:5px;height:29px;margin:4px 0 17px;display:flex}.difficulty-bars i{background:#4c221b1c;border-radius:999px;width:9px}.difficulty-bars i:first-child{height:8px}.difficulty-bars i:nth-child(2){height:12px}.difficulty-bars i:nth-child(3){height:17px}.difficulty-bars i:nth-child(4){height:22px}.difficulty-bars i:nth-child(5){height:28px}.difficulty-bars i.active{background:var(--stage-accent);box-shadow:0 2px 9px color-mix(in srgb, var(--stage-accent) 35%, transparent)}.result-screen{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#0000 17%,#2f0c091f 44%,#260907b8 100%);place-items:end center}.result-card{width:min(100%,420px)}.result-blood{letter-spacing:-.055em;font-variant-numeric:tabular-nums;margin-top:15px;font-size:clamp(45px,14vw,64px);line-height:.94;display:block}.result-target{color:#795046;margin-top:6px;font-size:11px;font-weight:850;display:block}.result-stats{grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0 10px;display:grid}.result-stats div{background:#51241c0f;border-radius:14px;gap:3px;padding:10px 4px;display:grid}.result-stats span{color:#78534a;letter-spacing:.05em;font-size:8px;font-weight:900}.result-stats strong{font-variant-numeric:tabular-nums;font-size:15px}.new-best{color:#a4202e;letter-spacing:.14em;margin:0 0 9px;font-size:11px;font-weight:1000;animation:.46s cubic-bezier(.2,.85,.28,1.2) best-pop}.campaign-result{background:radial-gradient(circle at 50% 40%,#d5a94029,#0000 43%),linear-gradient(#1d0807ad,#120605e6);overflow:hidden}.final-rays{background:repeating-conic-gradient(from 0deg, #e5be5600 0 8deg, #e5be5614 8deg 15deg);width:130vmax;height:130vmax;animation:18s linear infinite final-spin;position:absolute}.final-card{background:linear-gradient(#fff4d7f7,#ebd3acf5);border-color:#e9c2594d}.final-card .eyebrow{color:#8d6a1f}.campaign-blood{color:#6c4317;letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin-top:17px;font-size:clamp(49px,15vw,68px);line-height:.94;display:block}.campaign-caption{color:#896f42;letter-spacing:.11em;margin:6px 0 16px;font-size:9px;font-weight:950;display:block}@keyframes guide-pulse{0%{opacity:.85;transform:translate(-50%)translateY(0)}to{opacity:1;transform:translate(-50%)translateY(-3px)}}@keyframes best-pop{0%{opacity:0;transform:scale(.84)}to{opacity:1;transform:scale(1)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes final-spin{to{transform:rotate(360deg)}}@media (max-height:720px){.screen-card{padding-top:18px;padding-bottom:14px}.title-card h1{font-size:44px}.lead,.stage-card>p,.final-card>p{margin-bottom:12px}.stage-objectives{margin-top:11px;margin-bottom:9px}.difficulty-bars{margin-bottom:10px}}@media (prefers-reduced-motion:reduce){.first-touch-guide,.new-best,.stage-orbit,.final-rays{animation:none}}.portal-home-link{z-index:30;top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));color:#fff6e9e0;letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;background:#230c0a85;border:1px solid #fff4e42e;border-radius:999px;align-items:center;min-height:40px;padding:0 13px;font-size:11px;font-weight:850;text-decoration:none;display:inline-flex;position:fixed;box-shadow:0 8px 24px #1806052e}.portal-home-link:active{transform:translateY(1px)}.portal-home-link[hidden]{display:none}.menu-hand-preview{z-index:0;top:max(18px, env(safe-area-inset-top));opacity:.58;filter:drop-shadow(0 24px 34px #1c070557)saturate(.92);pointer-events:none;width:min(94vw,460px);height:min(56vh,500px);position:absolute;left:50%;transform:translate(-50%)}.title-hand-preview{top:max(4px, env(safe-area-inset-top));opacity:.54;height:min(55vh,480px)}.intro-hand-preview{top:max(8px, env(safe-area-inset-top));opacity:.64;height:min(58vh,520px)}.screen{-webkit-backdrop-filter:blur(2px)saturate(.92);backdrop-filter:blur(2px)saturate(.92)}.title-screen,.stage-intro{padding-bottom:max(18px, env(safe-area-inset-bottom));place-items:end center}.title-card,.stage-card{z-index:2;-webkit-backdrop-filter:blur(15px)saturate(.9);backdrop-filter:blur(15px)saturate(.9);background:linear-gradient(#fff7e5e6,#efd7c2e0);border-color:#fff6e62e;width:min(100%,390px);box-shadow:0 18px 56px #1f07056b,inset 0 1px #ffffff9e}.title-card{padding:20px 18px 15px}.title-card h1{margin-top:6px;font-size:clamp(38px,12vw,56px)}.title-card .lead{margin-bottom:14px}.title-card .resume-card{margin-bottom:11px;padding-block:10px}.title-card .title-records{margin-top:9px}.title-card .title-records div{padding-block:7px}.stage-card{padding:19px 18px 15px}.stage-card:before{display:none}.stage-card h2{font-size:clamp(29px,8vw,39px)}.stage-card>p{margin-bottom:10px}.stage-objectives{margin:11px 0 8px}.stage-objectives div{padding-block:9px}.difficulty-bars{margin-bottom:10px}.result-screen{padding-bottom:max(10px, env(safe-area-inset-bottom));background:linear-gradient(#0000 8%,#270a0812 40%,#1d0706c7 100%)}.result-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#fff6e3e8,#edd4bee3);border-radius:26px;width:min(100%,400px);padding:16px 17px 12px}.result-card h2{margin-block:4px 2px;font-size:clamp(27px,7.6vw,36px)}.result-blood{margin-top:8px;font-size:clamp(39px,11vw,54px)}.result-stats{margin:11px 0 6px}.result-stats div{padding-block:7px}.result-card button{min-height:47px}.result-card .button-secondary{min-height:34px;margin-top:3px}@media (max-height:720px){.menu-hand-preview{height:48vh}.title-card,.stage-card{padding-top:14px}.title-card h1{font-size:40px}}.title-screen{background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--stage-accent) 34%, transparent), transparent 42%), linear-gradient(180deg, #3c1a158a, #230a08d6 72%, #140605f0)}.stage-intro{background:linear-gradient(#451f1980,#280c09c7 58%,#180706f0)}.global-stats{background:#50231b08;border:1px solid #52261d14;border-radius:13px;grid-template-columns:auto 1fr 1fr;align-items:center;gap:8px;margin-top:8px;padding:7px 9px;display:grid}.global-stats__label{color:#8b5d52;letter-spacing:.06em;white-space:nowrap;font-size:8px;font-weight:950}.global-stats div{text-align:right;gap:1px;min-width:0;display:grid}.global-stats div span{color:#8a6258;font-size:7px;font-weight:850}.global-stats div strong{color:#4d2923;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.global-result-line{color:#7d574d;justify-content:center;align-items:baseline;gap:7px;margin:2px 0 8px;font-size:8px;font-weight:850;display:flex}.global-result-line strong{color:#563029;font-variant-numeric:tabular-nums;font-size:10px}