@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700;900&family=ZCOOL+XiaoWei&display=swap";:root{color:#fff4da;font-synthesis:none;text-rendering:optimizelegibility;background:#231012;font-family:Noto Serif SC,Songti SC,serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overscroll-behavior:none;background:#231012;overflow:hidden}button{font:inherit}.app{background:radial-gradient(circle at 50% 28%,#702d24 0,#2a1014 72%);place-items:center;width:100%;height:100dvh;display:grid;overflow:hidden}.game-shell{isolation:isolate;background:#8e2a25;width:min(100vw,430px);height:100dvh;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffe8b31f,0 30px 80px #00000073}.game-shell:before{content:"";z-index:-2;filter:saturate(.95)contrast(1.02);background:url(/assets/background-BFmiL-qj.png) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.02)}.game-shell:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#32080db3 0%,#3e0b0f0a 32%,#30080c1f 60%,#28070a99 100%);position:absolute;inset:0}.game-hud{z-index:4;padding:max(16px, env(safe-area-inset-top)) 18px 0;pointer-events:none;position:absolute;inset:0 0 auto}.hud-topline{pointer-events:auto;justify-content:space-between;align-items:center;display:flex}.brand-lockup{text-shadow:0 2px 12px #2c070980;align-items:center;gap:9px;display:flex}.brand-seal{color:#ffe1a4;background:#6b14167a;border:1px solid #ffda94b8;border-radius:9px;place-items:center;width:31px;height:31px;font-size:17px;display:grid;transform:rotate(-4deg)}.brand-kicker{color:#f4d393;letter-spacing:.11em;opacity:.82;font-size:9px;display:block}.brand-lockup strong{color:#fff2cf;letter-spacing:.12em;margin-top:1px;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:16px;display:block}.mode-button{color:#ffeac3;letter-spacing:.02em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#420b114d;border:1px solid #ffe2ae57;border-radius:999px;align-items:center;gap:6px;min-height:29px;padding:0 10px;font-size:10px;display:flex}.mode-button:active{transform:scale(.97)}.mode-dot{background:#ffcf76;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #ffd98e}.hud-actions{pointer-events:auto;align-items:center;gap:6px;display:flex}.music-button{color:#ffeac3;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#420b114d;border:1px solid #ffe2ae57;border-radius:50%;place-items:center;width:29px;height:29px;padding:0;font-family:Arial,sans-serif;font-size:14px;line-height:1;display:grid}.music-button:active{transform:scale(.94)}.hud-stats{grid-template-columns:1.08fr .84fr .98fr;gap:7px;margin-top:12px;display:grid}.stat-card{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(135deg,#4a0b11b8,#821e1866);border:1px solid #ffe2b33b;border-radius:12px;min-height:47px;padding:6px 10px 7px;box-shadow:inset 0 1px #ffe7b714,0 6px 16px #34050a1f}.stat-card span{color:#f2cf96;opacity:.78;font-size:9px;display:block}.stat-card strong{color:#fff2cd;letter-spacing:.04em;margin-top:2px;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:18px;font-weight:500;display:block}.stat-card em{color:#f5dba5;margin-left:2px;font-family:inherit;font-size:10px;font-style:normal}.bowl-card strong{color:#ffdf9d}.timer-card{background:linear-gradient(135deg,#8e1b1cc7,#6d11147a)}.timer-card strong{letter-spacing:.02em;font-family:Noto Serif SC,serif}.gauge-panel{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#450a0e63;border:1px solid #ffe2b336;border-radius:13px;margin-top:8px;padding:8px 11px 7px}.gauge-heading{justify-content:space-between;align-items:baseline;padding:0 2px 8px;display:flex}.gauge-heading span{color:#fff0c7;letter-spacing:.12em;font-size:11px}.gauge-heading small{color:#e9bd7d;font-size:9px}.balance-gauge{width:100%;position:relative}.gauge-labels{color:#f7d299bf;justify-content:space-between;margin:0 1px 5px;font-size:8px;display:flex}.gauge-track{background:#1f070a73;border:1px solid #ffedca42;border-radius:999px;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #1e020580}.gauge-safe{border-radius:inherit;opacity:.88;background:linear-gradient(90deg,#bd833e,#f6d48e 45%,#ffe5a4 55%,#bd833e);position:absolute;inset-block:0}.gauge-danger{opacity:.75;background:#bc3c30;position:absolute;inset-block:0}.gauge-danger--left{border-radius:999px 0 0 999px;left:0}.gauge-danger--right{border-radius:0 999px 999px 0;right:0}.gauge-center-line{background:#fff3cd;width:1px;position:absolute;top:-3px;bottom:-3px;left:50%;box-shadow:0 0 6px #fff0becc}.gauge-marker{width:16px;height:16px;transition:left 80ms linear;position:absolute;top:50%;transform:translate(-50%,-50%)}.gauge-marker:before{content:"";background:#fff5dc;border:2px solid #712020;border-radius:50%;position:absolute;inset:1px;box-shadow:0 0 0 2px #ffe099eb,0 2px 8px #23020573}.gauge-marker span{z-index:1;background:#b82e2b;border-radius:50%;position:absolute;inset:6px}.balance-gauge--rescued .gauge-marker:before{animation:.36s ease-out both rescue-flash}.gauge-scale{justify-content:space-between;padding:4px 6px 0;display:flex}.gauge-scale i{background:#ffe0ab6b;width:1px;height:3px}.stage{z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;position:absolute;inset:0}.stage-vignette{pointer-events:none;background:radial-gradient(at 50% 58%,#0000 24%,#1e030724 72%,#20040775 100%);position:absolute;inset:0}.play-tip{color:#ffefc7db;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;white-space:nowrap;background:#5911124d;border:1px solid #ffecbc45;border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 7px;font-size:10px;display:flex;position:absolute;top:47.7%;left:50%;transform:translate(-50%,-50%)}.tip-icon{color:#ffe2a4;background:#ffcf7133;border-radius:50%;place-items:center;width:17px;height:17px;font-size:12px;display:grid}.performer-wrap{width:100%;height:66%;position:absolute;top:28%;left:50%;transform:translate(-50%)}.girl-visual{z-index:3;aspect-ratio:560/850;transform-origin:50% 86%;filter:drop-shadow(0 12px 8px #3708072e);width:min(69%,292px);transition:filter .2s;position:absolute;bottom:0;left:50%}.performer{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.stage--danger .girl-visual{filter:drop-shadow(0 13px 8px #31040442)saturate(1.08)}.bowl-stack{z-index:4;transform-origin:50% 100%;flex-direction:column;align-items:center;width:34%;display:flex;position:absolute;top:17%;left:50%}.bowl{transform-origin:50% 90%;filter:drop-shadow(0 5px 4px #36070645);flex:none;width:100%;max-width:none;height:auto;margin-top:-25%;transition:filter .2s;display:block;position:relative;left:auto}.bowl:first-child{margin-top:0}.stage--danger .bowl{animation:.22s ease-in-out infinite alternate bowl-wobble}.stage--failed .bowl-stack{animation:.32s cubic-bezier(.2,.72,.3,1) .16s forwards stack-fall}.stage-shadow{z-index:1;filter:blur(5px);background:#410b0947;border-radius:50%;width:33%;height:6%;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.broken-bowl{z-index:5;opacity:0;filter:drop-shadow(0 4px 4px #3707053d);width:35%;max-width:170px;position:absolute;bottom:5%;left:50%;transform:translate(-50%,28px)rotate(-20deg)scale(.85)}.broken-bowl--visible{animation:.6s cubic-bezier(.22,.75,.34,1) forwards broken-drop}.bottom-controls{z-index:7;left:50%;bottom:max(14px, env(safe-area-inset-bottom));pointer-events:none;gap:7px;width:min(86%,350px);display:grid;position:absolute;transform:translate(-50%)}.bottom-gauge-card{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#450a0e7a;border:1px solid #ffe2b336;border-radius:13px;padding:7px 11px 6px;box-shadow:0 8px 25px #29070929}.bottom-gauge-card .gauge-heading{padding-bottom:6px}.touch-pad{z-index:6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:auto;background:#410b0e94;border:1px solid #ffe8b83d;border-radius:14px;width:100%;padding:8px 14px 9px;position:relative;box-shadow:0 8px 25px #29070929}.touch-pad-track{background:linear-gradient(90deg,#cf4c2f99,#f6d48e99 30% 70%,#cf4c2f99);border:1px solid #ffdfa35c;border-radius:99px;height:13px;position:relative}.touch-pad-center{background:#fff9dacc;width:1px;height:17px;position:absolute;top:-3px;left:50%}.touch-pad-thumb{background:#fff2cc;border:2px solid #7f1e20;border-radius:50%;width:20px;height:20px;transition:left 80ms ease-out;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #edb864,0 3px 7px #32050652}.touch-pad-labels{color:#ffe0b0bf;justify-content:space-between;padding-top:6px;font-size:9px;display:flex}.sequence-feedback{z-index:8;text-align:center;color:#fff0c9;text-shadow:0 3px 12px #47070673;pointer-events:none;white-space:nowrap;font-family:ZCOOL XiaoWei,serif;font-size:30px;animation:.72s ease-out both success-pop;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.sequence-feedback small{color:#f3d18f;letter-spacing:.14em;margin-top:3px;font-family:Noto Serif SC,serif;font-size:10px;display:block}.sensor-notice{z-index:18;left:50%;bottom:max(142px, calc(env(safe-area-inset-bottom) + 142px));color:#ffe8b1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#450b0eeb;border:1px solid #ffcf7794;border-radius:13px;gap:3px;width:min(88%,332px);padding:11px 13px 12px;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 12px 30px #2303064d}.sensor-notice strong{font-size:12px}.sensor-notice span,.sensor-notice small{color:#ffdea8b8;font-size:9px}.sensor-notice small{color:#f3c875}.sensor-notice button{color:#75201e;cursor:pointer;background:#ffe3a1;border:1px solid #ffd98f75;border-radius:999px;justify-self:start;margin-top:4px;padding:5px 10px;font-size:10px}.debug-panel{z-index:30;color:#ffeac2;background:#23080cf0;border:1px solid #ffd07a9e;border-radius:12px;width:min(86%,320px);padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;top:58px;right:12px;box-shadow:0 16px 35px #14000466}.debug-panel__header{border-bottom:1px solid #ffd2852e;justify-content:space-between;align-items:flex-start;padding-bottom:9px;display:flex}.debug-panel__header span{color:#e2a958;letter-spacing:.14em;font-size:8px;display:block}.debug-panel__header strong{margin-top:3px;font-size:13px;display:block}.debug-panel__header button{color:#ffe3a9;cursor:pointer;background:0 0;border:1px solid #ffda9559;border-radius:50%;width:24px;height:24px;padding:0;font-size:19px;line-height:1}.debug-list{gap:5px;padding-top:9px;display:grid}.debug-list div{justify-content:space-between;align-items:baseline;gap:9px;font-size:9px;display:flex}.debug-list span{color:#ffddaa9e}.debug-list b{color:#ffe0a0;text-align:right;font-size:9px;font-weight:500}.debug-good{color:#aee19f!important}.debug-bad{color:#ff9c79!important}.debug-panel__hint{color:#ffddaa73;border-top:1px solid #ffd2852e;margin:10px 0 0;padding-top:8px;font-size:8px}.debug-reset{color:#ffe2a7;cursor:pointer;background:#8b221c7a;border:1px solid #ffda8e59;border-radius:999px;width:100%;margin-top:11px;padding:6px 8px;font-size:9px}.welcome-overlay,.calibrate-overlay,.briefing-overlay,.result-overlay{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#27070b45;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.welcome-card{text-align:center;background:linear-gradient(145deg,#731519fa,#480b10fa);border:1px solid #f5c36e94;border-radius:23px;width:min(100%,354px);padding:30px 28px 21px;position:relative;overflow:hidden;box-shadow:0 24px 70px #1902066b,inset 0 1px #ffeec12e}.welcome-card:before,.result-card:before{content:"";pointer-events:none;border:1px solid #f3bf652e;border-radius:16px;position:absolute;inset:10px}.welcome-stamp{color:#f7cd83;border:1px solid #f7be63a8;place-items:center;width:44px;height:51px;font-family:ZCOOL XiaoWei,serif;font-size:15px;line-height:1.05;display:grid;position:absolute;top:19px;right:23px;transform:rotate(8deg)}.welcome-stamp span{font-size:11px}.welcome-eyebrow{color:#f1bd67;letter-spacing:.21em;margin:0;font-size:11px}.welcome-card h1{color:#fff0ca;letter-spacing:.06em;text-shadow:0 3px #570f0fa6;margin:8px 0 2px;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:44px;font-weight:500}.welcome-subtitle{color:#f7dca2;letter-spacing:.08em;margin:0;font-size:14px}.welcome-rule{color:#f7c976;align-items:center;gap:8px;width:130px;margin:19px auto 15px;font-size:11px;display:flex}.welcome-rule i{background:linear-gradient(90deg,#0000,#f7c976,#0000);flex:1;height:1px}.welcome-detail{color:#ffe6b7b8;margin:0;font-size:11px;line-height:1.9}.primary-button{color:#76201e;letter-spacing:.14em;cursor:pointer;background:linear-gradient(100deg,#f7ce7c,#ffe9af);border:0;border-radius:999px;justify-content:center;align-items:center;gap:28px;min-height:49px;padding:0 23px;font-weight:700;display:inline-flex;position:relative;box-shadow:0 8px 20px #1b030433,inset 0 1px #ffffffb3}.primary-button:before{content:"";border-radius:inherit;border:1px solid #7d2d1d40;position:absolute;inset:3px}.primary-button:hover{filter:brightness(1.05)}.primary-button:active{transform:translateY(1px)scale(.98)}.primary-button:disabled{cursor:wait;opacity:.7}.start-button{width:190px;margin-top:20px;font-size:15px}.start-button b{font-family:Arial,sans-serif;font-size:21px;font-weight:400}.welcome-footer{color:#fad8a3b8;justify-content:center;gap:17px;margin-top:20px;font-size:9px;display:flex}.welcome-footer span{align-items:center;gap:4px;display:flex}.footer-icon{color:#f4c971;font-size:14px;font-style:normal}.welcome-complete{color:#ffd884;margin:14px 0 0;font-size:10px}.calibrate-overlay,.briefing-overlay{background:#36090b61}.calibrate-card,.briefing-card{text-align:center;background:linear-gradient(145deg,#6a1416f2,#3a0a0ef7);border:1px solid #f4c67a75;border-radius:20px;width:min(100%,320px);padding:26px;box-shadow:0 22px 60px #1b020559}.calibrate-icon{color:#f9d693;border:1px solid #eab76b;border-radius:50%;place-items:center;width:45px;height:45px;margin:0 auto 11px;font-size:28px;display:grid}.calibrate-card h2,.briefing-card h2{color:#fff0c9;margin:9px 0 4px;font-family:ZCOOL XiaoWei,serif;font-size:26px;font-weight:500}.calibrate-card>p:not(.welcome-eyebrow),.briefing-card>p:not(.welcome-eyebrow){color:#edc98b;margin:0;font-size:12px}.countdown{color:#ffe8ad;text-shadow:0 0 22px #ffd37a5c;margin-top:10px;font-family:Arial,sans-serif;font-size:64px;font-weight:300;line-height:1.1}.calibrate-note{color:#f6d9a69e;font-size:10px}.briefing-card h2{letter-spacing:.06em;font-size:33px}.briefing-card h2 span{color:#d8944e}.briefing-card>p:last-child{letter-spacing:.15em;margin-top:12px;font-size:15px}.result-overlay{background:#32070b47}.result-card{text-align:center;background:linear-gradient(145deg,#761619fa,#430b0ffa);border:1px solid #f5c36e94;border-radius:22px;width:min(100%,332px);min-height:310px;padding:24px 24px 22px;position:relative;overflow:hidden;box-shadow:0 24px 70px #19020673,inset 0 1px #ffeec12e}.result-ornament{color:#ffe3a6;border:1px solid #f9cd7db3;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 9px;font-family:ZCOOL XiaoWei,serif;font-size:21px;display:grid}.result-eyebrow{color:#f1bd67;letter-spacing:.18em;margin:0;font-size:10px}.result-card h2{z-index:1;color:#fff0c9;letter-spacing:.08em;margin:8px 0 6px;font-family:ZCOOL XiaoWei,serif;font-size:34px;font-weight:500;position:relative}.result-copy{z-index:1;color:#ffe4b2c2;margin:0;font-size:12px;line-height:1.8;position:relative}.result-button{z-index:1;width:160px;min-height:45px;margin-top:20px;font-size:13px}.retry-note,.saved-note{z-index:1;color:#f7d39b8f;margin-top:10px;font-size:9px;display:block;position:relative}.saved-note{color:#f5cf81}.badge{z-index:1;color:#ffe4a6;text-align:left;background:#f6c45f1c;border:1px solid #fad27db3;border-radius:8px;align-items:center;gap:8px;margin:11px auto 0;padding:7px 16px 6px;font-family:ZCOOL XiaoWei,serif;display:inline-flex;position:relative;transform:rotate(-2deg)}.badge span{font-size:18px}.badge strong{font-size:14px;font-weight:500;line-height:1.05}.confetti{pointer-events:none;position:absolute;inset:0}.confetti i{top:16%;left:calc(50% + var(--x,0px));background:#f4c562;border-radius:2px;width:6px;height:14px;animation:1.7s ease-in infinite confetti-fall;position:absolute}.confetti i:first-child{--x:-142px;background:#e76548;animation-delay:40ms}.confetti i:nth-child(2){--x:-112px;background:#f6d991;animation-delay:.2s}.confetti i:nth-child(3){--x:-83px;background:#ca4234;animation-delay:.12s}.confetti i:nth-child(4){--x:-55px;background:#f4ba54;animation-delay:.3s}.confetti i:nth-child(5){--x:-27px;background:#f47b54;animation-delay:.14s}.confetti i:nth-child(6){--x:0px;background:#fff0be;animation-delay:.25s}.confetti i:nth-child(7){--x:26px;background:#d34b38;animation-delay:.1s}.confetti i:nth-child(8){--x:52px;background:#f3c768;animation-delay:.35s}.confetti i:nth-child(9){--x:84px;background:#e46d4b;animation-delay:.18s}.confetti i:nth-child(10){--x:114px;background:#ffe3a0;animation-delay:.27s}.confetti i:nth-child(11){--x:-130px;background:#f2bf5e;animation-delay:.42s;top:34%}.confetti i:nth-child(12){--x:130px;background:#d34b38;animation-delay:.52s;top:31%}.confetti i:nth-child(13){--x:-70px;background:#ffe2a4;animation-delay:.61s;top:42%}.confetti i:nth-child(14){--x:70px;background:#ef7650;animation-delay:.49s;top:41%}@keyframes bowl-wobble{0%{margin-left:-1px}to{margin-left:2px}}@keyframes stack-fall{0%{opacity:1;transform:translate(-50%, -100%) translateX(var(--fall-start-x)) rotate(var(--fall-start-rotation))}to{opacity:0;transform:translate(-50%, -100%) translateX(calc(var(--fall-start-x) + var(--fall-x))) translateY(135px) rotate(var(--fall-rotation))}}@keyframes broken-drop{0%{opacity:0;transform:translate(-50%,-22px)rotate(-20deg)scale(.82)}65%{opacity:1;transform:translate(-50%,4px)rotate(9deg)scale(1.02)}to{opacity:1;transform:translate(-50%)rotate(4deg)scale(1)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-10px)rotate(0)}15%{opacity:1}to{opacity:0;transform:translateY(470px)rotate(260deg)}}@keyframes success-pop{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))scale(.86)}25%{opacity:1}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes rescue-flash{0%{box-shadow:0 0 0 2px #ffe099eb,0 0 #fff0b500}45%{box-shadow:0 0 0 3px #ffeca9,0 0 16px 4px #ffd66fc7}to{box-shadow:0 0 0 2px #ffe099eb,0 2px 8px #23020573}}@media (width>=500px){.game-shell{border-radius:18px;height:min(100dvh,860px)}}@media (height<=690px){.game-hud{padding-inline:14px}.brand-seal{width:27px;height:27px;font-size:15px}.brand-kicker{font-size:8px}.brand-lockup strong{font-size:14px}.hud-stats{gap:5px;margin-top:7px}.stat-card{min-height:40px;padding:4px 8px 5px}.stat-card span{font-size:8px}.stat-card strong{margin-top:1px;font-size:15px}.stat-card em{font-size:8px}.gauge-panel{margin-top:5px;padding-block:5px}.gauge-heading{padding-bottom:4px}.gauge-heading span{font-size:10px}.gauge-heading small{font-size:8px}.gauge-labels{margin-bottom:3px;font-size:7px}.gauge-scale{padding-top:2px}.bottom-controls{gap:5px}.bottom-gauge-card{padding-block:5px 4px}.bottom-gauge-card .gauge-heading{padding-bottom:4px}.performer-wrap{height:66%;top:29%}.girl-visual{width:min(58%,210px)}.stage--bowls-4 .girl-visual{width:min(42%,160px)}.play-tip{top:46%}.welcome-card{padding-block:23px 17px}.welcome-card h1{font-size:38px}.welcome-rule{margin-block:12px}.welcome-detail{line-height:1.6}.start-button{margin-top:14px}.welcome-footer{margin-top:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.product-page{padding:max(14px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));color:#fff0cc;flex-direction:column;gap:0;display:flex;overflow:hidden auto}.product-page>*{z-index:1;position:relative}.product-header{flex:none;grid-template-columns:68px 1fr 34px;align-items:center;min-height:42px;display:grid}.page-back,.page-home{color:#ffe6ae;cursor:pointer;background:#490b0f59;border:1px solid #ffe1ab42;border-radius:999px;justify-content:center;align-items:center;gap:3px;min-height:32px;padding:0;font-size:11px;display:inline-flex}.page-back{justify-self:start;padding:0 10px}.page-back span{font-size:9px}.page-home{justify-self:end;width:32px;font-size:17px}.page-back:hover,.page-home:hover{background:#791d1b99}.page-back-placeholder,.page-home-placeholder{width:32px;height:1px;display:block}.page-brand{text-align:center;line-height:1.1}.page-brand span{color:#e5b66c;letter-spacing:.12em;font-size:8px;display:block}.page-brand strong{color:#fff0c7;letter-spacing:.12em;margin-top:3px;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:17px;font-weight:500;display:block}.section-kicker{color:#efbb68;letter-spacing:.18em;font-size:10px;display:inline-block}.page-intro{text-align:center;margin:21px 2px 15px}.page-intro h1,.prep-heading h1{color:#fff0c9;letter-spacing:.08em;margin:6px 0 4px;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:31px;font-weight:500}.page-intro p{color:#ffe4b7b3;margin:0;font-size:11px;line-height:1.8}.home-page{padding-top:max(17px, env(safe-area-inset-top))}.home-hero{text-align:center;margin-top:24px}.home-hero h1{color:#fff0ca;letter-spacing:.1em;text-shadow:0 3px #5a0d0e8c;margin:7px 0;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:43px;font-weight:500}.home-hero p{color:#ffe6bbc7;margin:0;font-size:12px;line-height:1.9}.home-character{height:238px;margin:6px -8px 0;position:relative;overflow:hidden}.home-character>img:first-of-type{filter:drop-shadow(0 12px 9px #3507073b);width:min(57%,218px);height:auto;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.home-bowl{filter:drop-shadow(0 4px 4px #31070640);width:min(20%,75px);position:absolute;top:8px;left:50%;transform:translate(-50%)}.home-star{color:#f8ca78;opacity:.75;font-size:13px;position:absolute}.home-star--one{top:48%;left:21%}.home-star--two{font-size:10px;top:30%;right:20%}.home-entries{gap:8px;margin-top:4px;display:grid}.entry-card{color:#ffedc4;text-align:left;cursor:pointer;background:linear-gradient(105deg,#5b1014cc,#6d181678);border:1px solid #ffe2b140;border-radius:15px;grid-template-columns:34px 1fr 20px;align-items:center;gap:8px;min-height:58px;padding:8px 13px;display:grid;box-shadow:inset 0 1px #ffebbf14,0 7px 17px #2d050824}.entry-card:hover{background:linear-gradient(105deg,#7b1a1bd9,#7e1e188c);border-color:#ffd8838f}.entry-card--primary{background:linear-gradient(105deg,#8b1f1ce6,#681414b3);border-color:#f6cb759e}.entry-card b{color:#f8ce7d;text-align:right;font-family:Arial,sans-serif;font-size:20px;font-weight:400}.entry-icon{color:#f7c66e;border:1px solid #facd7785;border-radius:9px;place-items:center;width:29px;height:29px;font-size:17px;display:grid}.entry-card strong{letter-spacing:.05em;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:16px;font-weight:500;display:block}.entry-card small{color:#ffddaba3;margin-top:2px;font-size:9px;display:block}.home-footer{color:#ffdaa375;letter-spacing:.16em;text-align:center;margin:14px 0 0;font-size:9px}.skills-page,.prep-page,.archive-page,.result-page{gap:0}.skill-list{gap:9px;display:grid}.skill-card{color:#fff0c9;text-align:left;background:linear-gradient(135deg,#560d11c7,#6b18167a);border:1px solid #ffe0b13d;border-radius:17px;grid-template-columns:45px 1fr 64px;align-items:center;gap:10px;min-height:88px;padding:11px 13px;display:grid;box-shadow:inset 0 1px #ffeabd14,0 8px 20px #30050824}.skill-card--active{cursor:pointer;background:linear-gradient(135deg,#8b1d1be0,#661214a6);border-color:#facf79b3}.skill-card--active:hover{transform:translateY(-1px)}.skill-card--locked{opacity:.72;filter:saturate(.56);min-height:76px}.skill-card__icon{color:#ffe0a2;border:1px solid #f6c76f94;border-radius:50%;place-items:center;width:43px;height:43px;font-family:ZCOOL XiaoWei,serif;font-size:17px;display:grid}.skill-card--blue .skill-card__icon{color:#b9d6d1;border-color:#78a9a3}.skill-card--orange .skill-card__icon{color:#ffc77d;border-color:#d88a50}.skill-card--green .skill-card__icon{color:#bcd69f;border-color:#789a63}.skill-card__body small,.skill-card__body em{color:#e8b871;font-size:9px;font-style:normal;display:block}.skill-card__body strong{margin:3px 0 2px;font-family:ZCOOL XiaoWei,serif;font-size:20px;font-weight:500;display:block}.skill-card__body em{color:#ffe0afad;line-height:1.5}.skill-card>b{color:#f7cc7a;text-align:right;font-size:10px;line-height:1.5}.skill-lock{color:#f5cd8899!important;font-size:22px!important}.page-note{color:#ffdca99e;text-align:center;margin:19px 0 4px;font-size:10px;line-height:1.8}.prep-heading{text-align:center;margin:18px 0 0}.prep-heading h1{font-size:33px}.prep-art{width:210px;height:144px;margin:1px auto 0;position:relative}.prep-art img:first-child{width:123px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.prep-art img:last-child{width:47px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tutorial-card{background:#4f0c108c;border:1px solid #ffe0b13d;border-radius:16px;padding:14px 14px 12px}.tutorial-card h2,.mode-section h2,.next-series h2{color:#fff0c8;margin:0;font-family:ZCOOL XiaoWei,serif;font-size:17px;font-weight:500}.tutorial-steps{gap:9px;margin-top:12px;display:grid}.tutorial-steps>div{align-items:flex-start;gap:8px;display:flex}.tutorial-steps b{color:#f6c675;font-size:13px}.tutorial-steps strong,.tutorial-steps small{display:block}.tutorial-steps strong{color:#ffe3a9;font-size:11px}.tutorial-steps small{color:#ffdca89e;margin-top:2px;font-size:9px}.mode-section{margin-top:15px}.section-title-row{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.section-title-row small{color:#ffd79d8a;font-size:9px}.mode-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.practice-mode{color:#ffe8b8;text-align:left;background:#5c101394;border:1px solid #ffe1b240;border-radius:13px;flex-direction:column;align-items:flex-start;min-height:86px;padding:10px;display:flex;position:relative}.practice-mode:not(.practice-mode--locked){cursor:pointer;border-color:#fbcc749e}.practice-mode--selected{background:linear-gradient(135deg,#8e1f1bd9,#661113ad)}.practice-mode>span{color:#f6c26b;font-size:18px}.practice-mode strong{margin-top:5px;font-family:ZCOOL XiaoWei,serif;font-size:14px;font-weight:500}.practice-mode small{color:#ffdeab9e;margin-top:2px;font-size:8px}.practice-mode i{color:#ffc76da1;font-size:8px;font-style:normal;position:absolute;top:8px;right:8px}.practice-mode--locked{opacity:.58;filter:saturate(.55)}.prep-level-card{background:#781a19a6;border:1px solid #facc7385;border-radius:15px;grid-template-columns:1fr auto;align-items:center;gap:5px 10px;margin-top:12px;padding:12px;display:grid}.prep-level-card small,.prep-level-card strong{display:block}.prep-level-card small{color:#e9b669;font-size:9px}.prep-level-card strong{color:#fff0c7;margin-top:3px;font-size:15px}.prep-level-card>span{color:#ffdb92;font-size:10px}.page-primary-button{letter-spacing:.08em;border-radius:999px;min-height:42px;padding:0 17px;font-size:12px}.prep-level-card .page-primary-button{grid-column:1/-1;justify-self:center;width:160px;margin-top:4px}.result-page{padding-top:max(18px, env(safe-area-inset-top))}.result-page-card{text-align:center;background:linear-gradient(145deg,#7e181af5,#460b0ff7);border:1px solid #f7ca739e;border-radius:22px;width:min(100%,350px);margin:31px auto 24px;padding:25px 19px 21px;box-shadow:0 22px 55px #23020666,inset 0 1px #fff0c729}.result-page--failure .result-page-card{border-color:#e9965e85}.result-page-ornament{color:#ffe2a0;border:1px solid #fad382ba;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 10px;font-family:ZCOOL XiaoWei,serif;font-size:20px;display:grid}.result-page-card h1{color:#fff0ca;letter-spacing:.08em;margin:8px 0 5px;font-family:ZCOOL XiaoWei,serif;font-size:34px;font-weight:500}.result-lead{color:#ffe3b4c2;margin:0;font-size:12px}.result-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin:20px 0 15px;display:grid}.result-stats span{background:#3d070b40;border:1px solid #ffdda22e;border-radius:10px;padding:8px 3px 7px}.result-stats small,.result-stats strong{display:block}.result-stats small{color:#ffd79f91;font-size:8px}.result-stats strong{color:#ffe4a9;margin-top:4px;font-size:12px}.result-badge-area{text-align:left;justify-content:center;align-items:center;gap:10px;margin:8px 0 14px;display:flex}.result-medal{color:#ffe4a7;background:#9c2927;border:3px solid #edbc5e;border-radius:50%;place-items:center;width:58px;height:58px;font-family:ZCOOL XiaoWei,serif;font-size:19px;display:grid;box-shadow:0 0 0 4px #ebb7532e,inset 0 0 0 2px #ffe7ab2e}.result-medal span{color:#f8d380;font-family:Arial,sans-serif;font-size:10px;display:block}.result-badge-area strong,.result-badge-area small{display:block}.result-badge-area strong{color:#ffe6ae;font-family:ZCOOL XiaoWei,serif;font-size:18px;font-weight:500}.result-badge-area small{color:#f1bd68;margin-top:4px;font-size:10px}.result-short-copy{color:#ffe0adb0;margin:19px 0 14px;font-size:11px}.result-actions{justify-items:center;gap:7px;display:grid}.result-actions .page-primary-button{width:190px}.secondary-page-button,.text-page-button{color:#f6cf86;cursor:pointer;background:0 0;border:0;min-height:34px;font-size:11px}.secondary-page-button{border:1px solid #f6cc7957;border-radius:999px;padding:0 13px}.text-page-button{color:#ffdaa494;min-height:24px;font-size:10px}.best-time-note{color:#ffd99d7a;margin-top:11px;font-size:9px;display:block}.result-sparkles{color:#f5c56d;letter-spacing:.5em;text-align:center;margin:24px auto -20px;font-size:15px}.archive-page .page-intro{margin-bottom:12px}.archive-progress{background:#4f0c1080;border:1px solid #ffe0ad3b;border-radius:14px;padding:12px 14px 11px}.archive-progress>span{color:#ffdca7a6;font-size:10px}.archive-progress>strong{float:right;color:#ffe1a0;font-family:Arial,sans-serif;font-size:20px;font-weight:400}.archive-progress>strong small{color:#ffe0aa8f;font-size:11px}.archive-progress>div{clear:both;background:#24050970;border-radius:99px;height:6px;margin-top:13px;overflow:hidden}.archive-progress i{border-radius:inherit;background:linear-gradient(90deg,#d58b42,#f7d383);height:100%;transition:width .4s;display:block}.badge-collection{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px;display:grid}.archive-badge{text-align:center;background:#540d1180;border:1px solid #ffdda233;border-radius:13px;flex-direction:column;align-items:center;min-height:119px;padding:9px 3px 7px;display:flex}.archive-badge>div{color:#ffe0ab73;place-items:center;height:58px;font-size:22px;display:grid}.archive-badge strong{color:#ffe3b2b8;font-size:10px}.archive-badge small{color:#ffdba278;margin-top:5px;font-size:8px}.archive-badge--lit{background:linear-gradient(145deg,#841a19d1,#4e0c108c);border-color:#f8ca6f9e}.archive-badge--lit strong,.archive-badge--lit small{color:#ffdc94}.archive-medal{background:#9b2927;border:2px solid #eebd62;border-radius:50%;place-items:center;width:48px;height:48px;font-family:ZCOOL XiaoWei,serif;box-shadow:0 0 0 3px #eebd6229;color:#ffe4a7!important;font-size:16px!important;display:grid!important}.archive-medal span{color:#f8d380;font-family:Arial,sans-serif;font-size:8px;display:block}.next-series{margin-top:18px}.series-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.series-card{border-radius:13px;flex-direction:column;justify-content:flex-end;min-height:82px;padding:10px 8px;display:flex;box-shadow:inset 0 1px #ffffff29}.series-card b{color:#fff1cd;font-family:ZCOOL XiaoWei,serif;font-size:13px;font-weight:500}.series-card span{color:#fff4d2b3;margin-top:3px;font-size:9px}.series-card--blue{background:linear-gradient(145deg,#477b78,#234d51)}.series-card--orange{background:linear-gradient(145deg,#bd7040,#763a2e)}.series-card--green{background:linear-gradient(145deg,#6b8753,#3c5b42)}.next-series p{color:#ffdca994;margin:10px 0 0;font-size:9px;line-height:1.7}.archive-continue{align-self:center;width:180px;margin-top:15px}.culture-modal{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#23050985;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.culture-card{background:linear-gradient(145deg,#7d1919fa,#420a0efa);border:1px solid #f9cc75a3;border-radius:21px;width:min(100%,340px);padding:26px 23px 22px;position:relative;box-shadow:0 22px 60px #18010570}.culture-close{color:#ffe1a2;cursor:pointer;background:0 0;border:1px solid #ffdb9359;border-radius:50%;width:27px;height:27px;font-size:18px;position:absolute;top:12px;right:14px}.culture-card h2{color:#fff0c8;margin:8px 0 15px;font-family:ZCOOL XiaoWei,serif;font-size:30px;font-weight:500}.culture-card p{color:#ffe2b2c2;margin:8px 0;font-size:11px;line-height:1.8}.culture-rule{background:linear-gradient(90deg,#0000,#f6c66bad,#0000);height:1px;margin:16px 0 12px}.culture-card>strong{color:#f9d389;font-family:ZCOOL XiaoWei,serif;font-size:15px;font-weight:500;line-height:1.7;display:block}.culture-card .page-primary-button{width:190px;margin:18px auto 0;display:flex}@media (height<=690px){.product-page{padding-inline:14px}.home-hero{margin-top:13px}.home-character{height:188px}.home-character>img:first-of-type{width:min(52%,194px)}.home-entries{gap:6px}.entry-card{min-height:52px}.page-intro{margin-top:13px;margin-bottom:11px}.page-intro h1,.prep-heading h1{font-size:28px}.prep-heading{margin-top:11px}.prep-art{height:116px}.tutorial-card{padding-block:10px}.tutorial-steps{gap:6px;margin-top:8px}.mode-section{margin-top:10px}.practice-mode{min-height:73px;padding:7px}.prep-level-card{margin-top:8px;padding:9px}.result-page-card{margin-top:20px}.archive-page .page-intro{margin-bottom:8px}.badge-collection{margin-top:8px}.archive-badge{min-height:104px}.archive-badge>div{height:48px}.next-series{margin-top:11px}.series-card{min-height:68px}.archive-continue{margin-top:10px}.culture-modal{overflow-y:auto}.culture-card{max-height:calc(100dvh - 24px);padding:18px 18px 16px;overflow-y:auto}.culture-card h2{margin:5px 0 9px;font-size:26px}.culture-card p{margin:6px 0;font-size:9px;line-height:1.55}.culture-rule{margin:10px 0 8px}.culture-card>strong{font-size:13px;line-height:1.5}.culture-card .page-primary-button{min-height:39px;margin-top:12px}}.page-brand span{color:#efc477;letter-spacing:.16em;font-size:10px}.home-character{flex:0 0 280px;height:280px;margin-top:8px;overflow:visible}.home-actor{aspect-ratio:560/850;width:min(47%,180px);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.home-performer,.prep-performer{object-fit:contain;filter:drop-shadow(0 12px 9px #3507073b);width:100%;height:100%;position:absolute;inset:0}.home-actor-bowl,.prep-actor-bowl{z-index:2;filter:drop-shadow(0 4px 4px #31070640);width:34%;height:auto;position:absolute;top:21%;left:50%;transform:translate(-50%,-100%)}.prep-art{flex:0 0 230px;height:230px;overflow:visible}.prep-actor{aspect-ratio:560/850;width:min(68%,150px);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.bowl-stack{top:21%}@media (height<=690px){.home-character{flex-basis:200px;height:200px}.home-actor{width:min(41%,155px)}.prep-art{flex-basis:210px;height:210px}.prep-actor{width:min(66%,146px)}}