*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.table{display:table}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:root{--fire-red: #d92323;--fire-red-dark: #9f1717;--flame-orange: #ff7a1a;--safety-yellow: #ffc53d;--smoke-gray: #6b7280;--ink-blue: #16233a;--warm-bg: #fff8f0;--card-white: #ffffff;--safe-green: #1e9e6a;--line-red: rgba(217, 35, 35, .14);color:var(--ink-blue);background:var(--warm-bg);font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#f3e5d9;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 50% 0%,rgba(255,197,61,.28),transparent 28rem),linear-gradient(180deg,#fff8f0,#f7e8dc);color:var(--ink-blue)}button{border:0;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.55}img{display:block;max-width:100%}.app-shell,.game-app-shell{position:relative;width:min(100%,480px);min-height:100vh;margin:0 auto;overflow:hidden;background:var(--warm-bg);box-shadow:0 0 60px #9f171729}.game-app-shell{overflow:clip visible;padding:calc(12px + env(safe-area-inset-top)) 12px calc(16px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% -6rem,rgba(255,197,61,.36),transparent 17rem),linear-gradient(180deg,#fff8f0,#ffe7d8)}.game-app-shell:before{position:absolute;top:5.5rem;right:-3.8rem;width:11rem;height:11rem;border:2rem solid rgba(217,35,35,.08);border-radius:50%;content:""}.top-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:#fff8f0eb;border-bottom:1px solid rgba(217,35,35,.1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;padding:0;text-align:left;background:transparent}.brand>span{display:grid;width:42px;height:42px;place-items:center;border-radius:15px;background:linear-gradient(145deg,var(--fire-red),var(--fire-red-dark));box-shadow:0 10px 22px #d923233d;color:#fff;font-weight:900}.brand strong,.brand small{display:block}.brand strong{font-size:15px;letter-spacing:.02em}.brand small{margin-top:2px;color:var(--smoke-gray);font-size:11px}.header-cta,.primary-btn,.ghost-btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:999px;padding:0 18px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.header-cta,.primary-btn{background:linear-gradient(135deg,var(--fire-red),var(--flame-orange));box-shadow:0 12px 26px #d923233d;color:#fff}.ghost-btn{border:1px solid rgba(217,35,35,.2);background:#fff;color:var(--fire-red)}.header-cta:active,.primary-btn:active,.ghost-btn:active,.bottom-nav button:active,.section-nav button:active{transform:scale(.97)}.full-btn{width:100%}.section-nav{position:sticky;top:calc(67px + env(safe-area-inset-top));z-index:25;display:flex;gap:8px;padding:10px 16px;overflow-x:auto;background:#fff8f0e6;border-bottom:1px solid rgba(217,35,35,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none}.section-nav::-webkit-scrollbar,.bottom-nav::-webkit-scrollbar{display:none}.section-nav button{flex:0 0 auto;min-width:92px;padding:9px 12px;border:1px solid rgba(217,35,35,.12);border-radius:18px;background:#fff;text-align:left}.section-nav button small,.section-nav button span{display:block}.section-nav button small{color:var(--smoke-gray);font-size:10px}.section-nav button span{margin-top:2px;font-size:13px;font-weight:800}.section-nav button.active{border-color:transparent;background:var(--ink-blue);box-shadow:0 10px 24px #16233a2e;color:#fff}.section-nav button.active small{color:#ffffffad}.main-content{padding:16px 16px 110px}.page-stack{display:flex;flex-direction:column;gap:16px}.section-header{margin-bottom:2px}.section-header>span{display:inline-flex;margin-bottom:7px;border-radius:999px;padding:4px 9px;background:#d923231a;color:var(--fire-red);font-size:11px;font-weight:900;letter-spacing:.08em}.section-header h2{margin:0;color:var(--ink-blue);font-size:clamp(25px,7vw,34px);line-height:1.12;letter-spacing:-.04em}.section-header p{margin:8px 0 0;color:var(--smoke-gray);font-size:14px;line-height:1.65}.hero-card{position:relative;display:grid;grid-template-columns:1fr 128px;gap:10px;min-height:330px;padding:24px 18px;overflow:hidden;border-radius:30px;background:radial-gradient(circle at 88% 14%,rgba(255,197,61,.34),transparent 8rem),linear-gradient(145deg,#d92323,#9f1717 72%,#701010);box-shadow:0 20px 45px #9f171742;color:#fff}.hero-card:before,.hero-card:after{position:absolute;content:"";border-radius:999px;background:#ffffff14}.hero-card:before{width:190px;height:190px;right:-90px;bottom:-70px}.hero-card:after{width:120px;height:120px;left:-60px;top:46%}.hero-copy{position:relative;z-index:2}.hero-badge{display:inline-flex;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:6px 10px;background:#ffffff1f;font-size:11px;font-weight:800}.hero-copy h1{margin:16px 0 10px;font-size:clamp(35px,11vw,48px);font-weight:900;line-height:.98;letter-spacing:-.06em}.hero-copy p{max-width:300px;margin:0;color:#ffffffd1;font-size:14px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.hero-actions .ghost-btn{border-color:#ffffff47;background:#ffffff1a;color:#fff}.hero-mascot{position:relative;z-index:2;align-self:end;width:128px;height:178px;overflow:hidden;border:5px solid rgba(255,255,255,.68);border-radius:42px 42px 30px 30px;background:#fff;box-shadow:0 18px 35px #4408083d}.hero-mascot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 20%;object-position:center 20%}.hero-flame{position:absolute;z-index:3;width:18px;height:28px;border-radius:50% 50% 50% 0;background:linear-gradient(180deg,#ffc53d,#ff7a1a 70%,#d92323);transform:rotate(-42deg);animation:flame-pulse 1.15s ease-in-out infinite alternate}.hero-flame--one{right:12px;top:10px}.hero-flame--two{right:88px;bottom:16px;width:12px;height:20px;animation-delay:.24s}.quick-alert,.principle-card,.progress-card,.check-group,.trainer-card,.battle-card,.judge-card,.certificate-wrap,.game-intro,.intro-poster,.blunder-card,.pass-card{border:1px solid var(--line-red);border-radius:26px;background:var(--card-white);box-shadow:0 12px 32px #d923231a}.quick-alert{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:16px}.quick-alert>div{display:grid;width:78px;height:78px;place-items:center;border-radius:25px;background:var(--fire-red);color:#fff}.quick-alert span,.quick-alert strong{display:block;line-height:1}.quick-alert span{font-size:11px;font-weight:700;opacity:.8}.quick-alert strong{font-size:29px;font-weight:900}.quick-alert p{margin:0;color:var(--smoke-gray);font-size:13px;line-height:1.6}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metric-grid article{min-height:86px;padding:12px 8px;border:1px solid rgba(217,35,35,.1);border-radius:20px;background:#fff;text-align:center}.metric-grid strong,.metric-grid span{display:block}.metric-grid strong{color:var(--fire-red);font-size:18px;font-weight:900}.metric-grid span{margin-top:8px;color:var(--smoke-gray);font-size:11px}.home-nav-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.home-nav-grid button{min-height:138px;padding:15px;border:1px solid rgba(217,35,35,.11);border-radius:24px;background:#fff;box-shadow:0 10px 24px #d9232314;text-align:left}.home-nav-grid button span,.home-nav-grid button strong,.home-nav-grid button small{display:block}.home-nav-grid button>span{color:#d9232373;font-size:12px;font-weight:900}.home-nav-grid button strong{margin-top:12px;font-size:17px;line-height:1.25}.home-nav-grid button small{margin-top:8px;color:var(--smoke-gray);font-size:12px;line-height:1.45}.home-nav-grid .home-nav-game{grid-column:1 / -1;min-height:116px;background:radial-gradient(circle at 88% 18%,rgba(255,197,61,.5),transparent 7rem),var(--ink-blue);color:#fff}.home-nav-grid .home-nav-game small,.home-nav-grid .home-nav-game>span{color:#ffffffb8}.principle-card,.pass-card{padding:18px}.tip-list{display:grid;gap:9px;margin-top:14px}.tip-row{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:10px;padding:10px;border-radius:16px;background:#fff8f0}.tip-row span{display:grid;width:30px;height:30px;place-items:center;border-radius:11px;background:var(--fire-red);color:#fff;font-size:12px;font-weight:900}.tip-row p{margin:0;font-size:14px;font-weight:800}.accordion-list,.escape-list{display:grid;gap:12px}.knowledge-card{overflow:hidden;border:1px solid rgba(217,35,35,.11);border-radius:24px;background:#fff;box-shadow:0 12px 30px #d9232314}.knowledge-card__head{display:grid;width:100%;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:14px;background:transparent;text-align:left}.fire-type-visual,.aid-visual{position:relative;display:grid;width:54px;height:54px;place-items:center;overflow:hidden;border-radius:19px;color:#fff;font-size:19px;font-weight:900}.aid-visual{background:linear-gradient(145deg,#1e9e6a,#147350)}.fire-type-visual:after{position:absolute;right:-8px;bottom:-10px;width:28px;height:28px;content:"";border-radius:999px;background:#ffffff2e}.knowledge-title{min-width:0}.knowledge-title small,.knowledge-title strong{display:block}.knowledge-title small{overflow:hidden;color:var(--smoke-gray);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.knowledge-title strong{margin-top:4px;font-size:17px}.chevron{border-radius:999px;padding:5px 8px;background:#fff0e3;color:var(--fire-red);font-size:11px;font-weight:900}.knowledge-card__body{padding:0 14px 16px}.fact-grid{display:grid;gap:9px}.fact-grid>div,.action-block,.danger-block{padding:12px;border-radius:18px;background:#fff8f0}.fact-grid b,.action-block b,.danger-block b{display:block;margin-bottom:8px;font-size:13px}.fact-grid p{margin:0;color:var(--smoke-gray);font-size:13px;line-height:1.6}.action-block{margin-top:9px}.action-block p{display:grid;grid-template-columns:24px 1fr;gap:8px;margin:8px 0 0;color:var(--ink-blue);font-size:13px;line-height:1.55}.action-block p span{display:grid;width:22px;height:22px;place-items:center;border-radius:8px;background:#fff;color:var(--fire-red);font-size:11px;font-weight:900}.danger-block{margin-top:9px;background:#fff1f1}.danger-block>div,.fit-block,.blunder-card>div{display:flex;flex-wrap:wrap;gap:7px}.danger-block span,.blunder-card span{border-radius:999px;padding:6px 9px;background:#fff;color:#a61c1c;font-size:12px;font-weight:800}.extinguisher-tabs,.tool-picker{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.extinguisher-tabs button,.tool-picker button{display:inline-flex;flex:0 0 auto;min-height:42px;align-items:center;gap:7px;border:1px solid rgba(217,35,35,.12);border-radius:999px;padding:0 13px;background:#fff;font-size:13px;font-weight:800}.extinguisher-tabs button.active,.tool-picker button.active{border-color:var(--ink-blue);background:var(--ink-blue);color:#fff}.extinguisher-tabs i,.tool-picker i{width:10px;height:10px;border-radius:999px}.extinguisher-detail{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:center;padding:16px;border-radius:26px;background:var(--ink-blue);color:#fff;box-shadow:0 16px 36px #16233a33}.extinguisher-illustration{position:relative;height:182px}.extinguisher-illustration .tank{position:absolute;left:24px;bottom:8px;display:grid;width:66px;height:130px;place-items:center;border-radius:25px 25px 18px 18px;background:linear-gradient(145deg,var(--extinguisher-color),color-mix(in srgb,var(--extinguisher-color),#000 22%));box-shadow:inset -10px 0 18px #0000002e}.extinguisher-illustration .tank span{padding:5px 7px;border-radius:8px;background:#ffffffe6;color:var(--ink-blue);font-size:10px;font-weight:900;writing-mode:vertical-rl}.extinguisher-illustration .gauge,.extinguisher-illustration .handle,.extinguisher-illustration .hose{position:absolute}.extinguisher-illustration .gauge{left:43px;top:16px;width:28px;height:28px;border:4px solid #fff;border-radius:999px;background:conic-gradient(var(--safe-green) 0 70%,#ffc53d 70% 100%)}.extinguisher-illustration .handle{left:26px;top:44px;width:62px;height:12px;border-radius:999px;background:#f7f1e8;transform:rotate(-8deg)}.extinguisher-illustration .hose{right:4px;top:58px;width:38px;height:70px;border-right:7px solid #101928;border-bottom:7px solid #101928;border-radius:0 0 24px}.extinguisher-copy>span{color:var(--safety-yellow);font-size:12px;font-weight:900}.extinguisher-copy h3{margin:7px 0;font-size:22px}.extinguisher-copy p{margin:0 0 12px;color:#ffffffb8;font-size:13px;line-height:1.6}.fit-block{margin-top:8px}.fit-block b{width:100%;color:#ffffffa3;font-size:11px}.fit-block span{border-radius:999px;padding:5px 8px;background:#ffffff1a;font-size:11px}.fit-block--avoid span{background:#ffc53d24;color:#ffd783}.pass-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.pass-steps div{min-height:128px;padding:10px 8px;border-radius:18px;background:#fff8f0}.pass-steps strong,.pass-steps span,.pass-steps p{display:block}.pass-steps strong{color:var(--fire-red);font-size:26px;font-weight:900}.pass-steps span{margin-top:5px;color:var(--smoke-gray);font-size:10px}.pass-steps p{margin:8px 0 0;font-size:11px;line-height:1.45}.smoke-banner{position:relative;min-height:112px;overflow:hidden;border-radius:26px;background:var(--ink-blue);color:#fff;box-shadow:0 15px 34px #16233a2e}.smoke-banner>div:last-child{position:relative;z-index:2;padding:22px 18px}.smoke-banner span,.smoke-banner strong{display:block}.smoke-banner span{color:#ffffff94;font-size:12px}.smoke-banner strong{margin-top:9px;font-size:19px;line-height:1.35}.smoke{position:absolute;width:150px;height:150px;border-radius:999px;background:#ffffff1a;filter:blur(12px);animation:smoke-drift 7s ease-in-out infinite alternate}.smoke-a{right:-40px;top:-60px}.smoke-b{right:70px;bottom:-90px;animation-delay:1.5s}.escape-card{padding:17px;border:1px solid rgba(217,35,35,.11);border-radius:25px;background:#fff;box-shadow:0 12px 28px #d9232314}.escape-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.escape-card__top span{color:#d923236b;font-size:24px;font-weight:900}.escape-card__top small{color:var(--smoke-gray);font-size:11px}.escape-card h3{margin:10px 0;font-size:20px}.escape-card ol{display:grid;gap:8px;margin:0;padding-left:20px;color:var(--ink-blue);font-size:13px;line-height:1.55}.escape-card>p{margin:13px 0 0;border-radius:15px;padding:10px;background:#fff1f1;color:#9f1717;font-size:12px;line-height:1.55}.progress-card{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:14px;padding:16px}.progress-ring{position:relative;display:grid;width:92px;height:92px;place-items:center;border-radius:999px;background:conic-gradient(var(--fire-red) var(--progress),#f4e5da 0)}.progress-ring:before{position:absolute;width:68px;height:68px;content:"";border-radius:999px;background:#fff}.progress-ring strong{position:relative;color:var(--fire-red);font-size:20px;font-weight:900}.progress-card span,.progress-card h3,.progress-card p{display:block}.progress-card span{color:var(--smoke-gray);font-size:12px}.progress-card h3{margin:5px 0;font-size:20px}.progress-card p{margin:0;color:var(--smoke-gray);font-size:12px;line-height:1.5}.check-group{padding:15px}.check-group>div:first-child{margin-bottom:10px}.check-group h3,.check-group p{margin:0}.check-group h3{font-size:19px}.check-group p{margin-top:4px;color:var(--smoke-gray);font-size:12px}.check-row{display:grid;width:100%;grid-template-columns:52px 1fr;align-items:center;gap:10px;margin-top:8px;padding:10px;border-radius:16px;background:#fff8f0;text-align:left}.check-row span{display:grid;height:30px;place-items:center;border-radius:999px;background:#fff;color:var(--smoke-gray);font-size:11px;font-weight:900}.check-row p{margin:0;font-size:13px;line-height:1.45}.check-row.is-checked{background:#eefaf5}.check-row.is-checked span{background:var(--safe-green);color:#fff}.ying-bubble{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:11px;padding:11px;border:1px solid rgba(217,35,35,.1);border-radius:22px;background:#fff;box-shadow:0 10px 26px #d9232314}.ying-bubble img{width:56px;height:56px;border-radius:18px;-o-object-fit:cover;object-fit:cover;-o-object-position:center 18%;object-position:center 18%}.ying-bubble p{position:relative;margin:0;border-radius:16px;padding:10px 12px;background:#fff2e5;color:var(--ink-blue);font-size:13px;font-weight:800;line-height:1.5}.ying-bubble--compact img{width:48px;height:48px}.ying-bubble--compact{grid-template-columns:48px 1fr}.game-page{position:relative;z-index:1;min-height:calc(100vh - 30px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding-bottom:8px}.game-page--landing{justify-content:center}.game-splash{position:relative;display:flex;min-height:calc(100vh - 30px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;overflow:hidden;padding:28px 16px 18px;border:1px solid rgba(217,35,35,.14);border-radius:32px;background:radial-gradient(circle at 88% 4rem,rgba(255,197,61,.42),transparent 9rem),linear-gradient(160deg,#fff8f0,#fff 48%,#ffe1ce);box-shadow:0 24px 60px #9f171729}.splash-flame{position:absolute;width:9rem;height:9rem;border-radius:0 50% 50%;background:linear-gradient(135deg,var(--flame-orange),var(--fire-red));opacity:.14;transform:rotate(-42deg);animation:flame-pulse 1.7s ease-in-out infinite alternate}.splash-flame--one{top:1rem;right:-3.5rem}.splash-flame--two{bottom:10rem;left:-4.5rem;width:11rem;height:11rem;opacity:.1}.splash-mascot{position:relative;z-index:1;display:grid;grid-template-columns:9.2rem 1fr;align-items:end;gap:12px}.splash-mascot img{width:100%;border:6px solid #fff;border-radius:2rem;background:#fff;box-shadow:0 18px 38px #16233a29;transform:rotate(-3deg)}.splash-bubble{position:relative;margin-bottom:1.8rem;padding:11px 13px;border:2px solid rgba(217,35,35,.14);border-radius:18px 18px 18px 4px;background:#fff;color:var(--ink-blue);font-size:13px;font-weight:900;line-height:1.45;box-shadow:0 10px 24px #d923231f}.splash-bubble:before{position:absolute;bottom:-2px;left:-7px;width:12px;height:12px;border-bottom:2px solid rgba(217,35,35,.14);border-left:2px solid rgba(217,35,35,.14);background:#fff;content:"";transform:rotate(45deg)}.splash-card{position:relative;z-index:1;margin-top:22px;padding:20px;border-radius:26px;background:linear-gradient(145deg,var(--fire-red),var(--fire-red-dark));color:#fff;box-shadow:0 16px 38px #d9232338}.splash-card span,.splash-card h1,.splash-card p{display:block}.splash-card span{color:#ffffffb3;font-size:12px;font-weight:900;letter-spacing:.08em}.splash-card h1{margin:8px 0;font-size:clamp(38px,13vw,54px);letter-spacing:-.07em;line-height:.96}.splash-card p{margin:0;color:#ffffffd1;font-size:14px;line-height:1.6}.splash-mission-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.splash-mission-grid article{min-width:0;padding:12px 9px;border:1px solid rgba(217,35,35,.1);border-radius:18px;background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.splash-mission-grid span,.splash-mission-grid strong,.splash-mission-grid small{display:block}.splash-mission-grid span{color:#d923237a;font-size:11px;font-weight:900}.splash-mission-grid strong{margin-top:4px;font-size:14px}.splash-mission-grid small{margin-top:3px;color:var(--smoke-gray);font-size:10px;line-height:1.35}.splash-start{position:relative;z-index:1;margin-top:auto}.splash-note{position:relative;z-index:1;margin:10px 0 0;color:var(--smoke-gray);font-size:11px;line-height:1.45;text-align:center}.game-topline{display:flex;align-items:end;justify-content:space-between;gap:14px}.game-topline span,.game-topline h2,.game-topline strong{display:block}.game-topline span{color:var(--smoke-gray);font-size:12px}.game-topline h2{margin:4px 0 0;font-size:28px;letter-spacing:-.04em}.game-topline strong{border-radius:999px;padding:7px 10px;background:var(--ink-blue);color:#fff;font-size:11px;white-space:nowrap}.stage-track{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stage-track span{display:grid;height:34px;place-items:center;border:1px solid rgba(217,35,35,.1);border-radius:999px;background:#fff;color:var(--smoke-gray);font-size:12px;font-weight:900}.stage-track span.active{background:var(--fire-red);color:#fff}.stage-track span.done{border-color:#1e9e6a47;background:#eaf8f2;color:var(--safe-green)}.game-intro,.trainer-card,.battle-card,.judge-card,.certificate-wrap{padding:16px}.intro-poster{padding:20px;background:radial-gradient(circle at 88% 10%,rgba(255,197,61,.44),transparent 8rem),linear-gradient(145deg,#d92323,#9f1717);color:#fff}.intro-poster span,.intro-poster h3,.intro-poster p{display:block}.intro-poster span{color:#ffffffad;font-size:12px;font-weight:800}.intro-poster h3{margin:10px 0;font-size:24px;line-height:1.2}.intro-poster p{margin:0;color:#ffffffc7;font-size:13px;line-height:1.6}.ability-chain{display:grid;gap:10px}.ability-chain article{padding:15px;border:1px solid rgba(217,35,35,.1);border-radius:21px;background:#fff}.ability-chain span,.ability-chain h3,.ability-chain p{display:block}.ability-chain span{color:#d923236b;font-size:13px;font-weight:900}.ability-chain h3{margin:6px 0;font-size:18px}.ability-chain p{margin:0;color:var(--smoke-gray);font-size:13px;line-height:1.55}.practice-status,.battle-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.practice-status>div,.battle-hud>div{padding:10px;border-radius:16px;background:#fff8f0;text-align:center}.practice-status span,.practice-status strong,.battle-hud span,.battle-hud strong{display:block}.practice-status span,.battle-hud span{color:var(--smoke-gray);font-size:10px}.practice-status strong,.battle-hud strong{margin-top:5px;font-size:13px}.timer-line,.chemical-bar,.judge-progress{height:9px;overflow:hidden;border-radius:999px;background:#f2e1d5}.timer-line i,.chemical-bar i,.judge-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--safe-green),var(--safety-yellow),var(--fire-red));transition:width .12s linear}.gesture-stage{position:relative;height:380px;overflow:hidden;border:1px solid rgba(217,35,35,.1);border-radius:28px;background:linear-gradient(180deg,#ffffffbf,#fff8f0e6),repeating-linear-gradient(90deg,rgba(22,35,58,.05) 0 1px,transparent 1px 36px),repeating-linear-gradient(0deg,rgba(22,35,58,.05) 0 1px,transparent 1px 36px);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.instruction-ribbon{position:absolute;top:14px;left:50%;z-index:6;width:-moz-max-content;width:max-content;max-width:calc(100% - 28px);border-radius:999px;padding:8px 12px;background:var(--ink-blue);color:#fff;font-size:12px;font-weight:900;transform:translate(-50%)}.trainer-extinguisher{position:absolute;left:50%;bottom:30px;width:210px;height:286px;transform:translate(-50%);transition:transform .26s ease}.trainer-extinguisher.is-lifted{transform:translate(-50%) translateY(-28px) rotate(-3deg)}.trainer-tank{position:absolute;left:66px;bottom:0;display:grid;width:86px;height:178px;place-items:center;border:6px solid #971414;border-radius:34px 34px 25px 25px;background:linear-gradient(145deg,#ef3434,#b91515);box-shadow:inset -14px 0 22px #50000033,0 18px 30px #d9232338}.trainer-tank span{padding:8px 9px;border-radius:10px;background:#fff8f0;color:var(--fire-red);font-size:13px;font-weight:900;writing-mode:vertical-rl}.pressure-gauge{position:absolute;left:91px;top:32px;z-index:3;display:grid;width:42px;height:42px;place-items:center;border:5px solid #26354d;border-radius:999px;background:#fff}.pressure-gauge i{width:4px;height:17px;border-radius:999px;background:#26354d;transform-origin:50% 100%}.pressure-gauge.bad{background:conic-gradient(#d92323 0 45%,#fff 45% 100%)}.pressure-gauge.bad i{transform:rotate(-52deg)}.pressure-gauge.ok{background:conic-gradient(#1e9e6a 0 70%,#ffc53d 70% 100%)}.pressure-gauge.ok i{transform:rotate(18deg)}.trainer-handle{position:absolute;left:56px;top:70px;z-index:4;display:grid;width:110px;height:25px;place-items:center;border-radius:999px;background:#26354d;color:#fff;font-size:11px;font-weight:900;transform:rotate(-7deg)}.safety-pin{position:absolute;right:43px;top:90px;z-index:5;display:grid;width:38px;height:38px;place-items:center;border:4px solid #26354d;border-radius:999px;background:var(--safety-yellow);color:var(--ink-blue);font-size:11px;font-weight:900;transition:transform .26s ease,opacity .26s ease}.safety-pin.pulled{opacity:.85;transform:translate(58px) translateY(42px) rotate(55deg)}.trainer-hose{position:absolute;left:25px;top:104px;width:68px;height:112px;border-bottom:10px solid #26354d;border-left:10px solid #26354d;border-radius:0 0 0 38px}.trainer-hose i{position:absolute;left:-34px;bottom:-13px;display:grid;width:45px;height:31px;place-items:center;border-radius:999px 999px 999px 6px;background:#26354d;color:#fff;font-size:11px;font-style:normal;font-weight:900;transform:rotate(10deg)}.trainer-hose i.held{outline:5px solid rgba(30,158,106,.28);background:var(--safe-green)}.practice-spray{position:absolute;left:-12px;bottom:92px;width:125px;height:80px;border-radius:100% 0 0 100%;background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,197,61,.4),transparent);filter:blur(2px);animation:spray-breathe .22s ease-in-out infinite alternate}.gesture-hint{position:absolute;z-index:2;border:1px dashed rgba(217,35,35,.34);border-radius:999px;padding:7px 10px;color:#d923239e;font-size:11px;font-weight:900;opacity:.2}.gesture-hint.visible{opacity:1}.gesture-hint--up{right:22px;top:72px}.gesture-hint--side{left:18px;bottom:78px}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.step-grid div{padding:9px 6px;border-radius:15px;background:#fff8f0;text-align:center}.step-grid strong,.step-grid span{display:block}.step-grid strong{color:var(--smoke-gray);font-size:19px}.step-grid span{margin-top:4px;color:var(--smoke-gray);font-size:10px}.step-grid div.active{background:var(--fire-red)}.step-grid div.active strong,.step-grid div.active span,.step-grid div.done strong,.step-grid div.done span{color:#fff}.step-grid div.done{background:var(--safe-green)}.ok-text{color:var(--safe-green)}.warn-text{color:var(--fire-red)}.chemical-bar i{background:linear-gradient(90deg,var(--fire-red),var(--safety-yellow))}.battle-scene{position:relative;height:430px;overflow:hidden;border:1px solid rgba(22,35,58,.1);border-radius:28px;background:linear-gradient(180deg,#ffffff29,#16233a14),linear-gradient(145deg,#f9e2c7,#f6caa1);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.battle-scene--ev{background:linear-gradient(145deg,#e9edf4,#d7dce6)}.battle-scene--kitchen{background:linear-gradient(145deg,#ffe1b8,#f2bd8c)}.room-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(22,35,58,.06) 0 1px,transparent 1px 42px),repeating-linear-gradient(0deg,rgba(22,35,58,.05) 0 1px,transparent 1px 42px)}.wind-indicator{position:absolute;right:14px;top:14px;z-index:4;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;background:#16233ad1;color:#fff;font-size:11px;font-weight:900;transform-origin:18px 50%}.wind-indicator i{display:block;width:28px;height:2px;background:#fff}.wind-indicator i:after{display:block;width:0;height:0;margin:-4px 0 0 23px;content:"";border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #fff}.hazard-label{position:absolute;left:45%;top:22%;z-index:3;border:2px solid rgba(217,35,35,.45);border-radius:14px;padding:7px 9px;background:#ffffffdb;color:var(--fire-red);font-size:11px;font-weight:900}.hazard-label small{display:block;color:var(--smoke-gray);font-size:9px}.fire-node{position:absolute;z-index:5;width:88px;height:110px;transform:translate(-50%,-70%) scale(var(--fire-scale));transform-origin:50% 100%;transition:transform .16s ease,opacity .16s ease}.fire-node span{position:absolute;left:50%;bottom:-24px;width:-moz-max-content;width:max-content;border-radius:999px;padding:4px 7px;background:#16233acc;color:#fff;font-size:10px;font-weight:900;transform:translate(-50%)}.fire-node.is-out{opacity:.25}.flame{position:absolute;bottom:10px;border-radius:50% 50% 50% 0;transform:rotate(-42deg);animation:flame-pulse .68s ease-in-out infinite alternate}.flame-a{left:22px;width:46px;height:72px;background:linear-gradient(180deg,#ffc53d,#ff7a1a 55%,#d92323)}.flame-b{left:4px;width:31px;height:50px;background:linear-gradient(180deg,#ffd66e,#ff8d2c 70%,#d92323);animation-delay:.12s}.flame-c{right:6px;width:28px;height:45px;background:linear-gradient(180deg,#fff1a8,#ff9c38 70%,#d92323);animation-delay:.22s}.smoke-puff{position:absolute;width:54px;height:54px;border-radius:999px;background:#585f6b5c;filter:blur(8px);animation:smoke-rise 2.5s ease-in-out infinite}.smoke-puff--one{left:18px;top:-10px}.smoke-puff--two{left:30px;top:-28px;animation-delay:.6s}.spray-layer{position:absolute;inset:0;z-index:8;pointer-events:none}.spray-cone{fill:#ffffff94;stroke:#ffc53dad;stroke-width:.6;filter:blur(.2px);animation:spray-breathe .18s ease-in-out infinite alternate}.spray-line{stroke:#ffffffbf;stroke-dasharray:1 2;stroke-linecap:round;stroke-width:.9}.battle-player{position:absolute;z-index:10;display:grid;width:118px;place-items:center;background:transparent;transform:translate(-50%,-50%);cursor:grab}.battle-player:active{cursor:grabbing}.player-facing{display:grid;place-items:center;transform-origin:50% 100%;transition:transform .18s ease}.player-facing.is-mirrored{transform:scaleX(-1)}.player-facing img{width:108px;height:auto;border:0;border-radius:0;-o-object-fit:contain;object-fit:contain;background:transparent;box-shadow:none;filter:drop-shadow(0 16px 14px rgb(22 35 58 / 30%))}.battle-player span{position:absolute;bottom:-13px;left:50%;border-radius:999px;padding:4px 7px;background:var(--ink-blue);color:#fff;font-size:9px;font-weight:900;transform:translate(-50%)}.aim-reticle{position:absolute;z-index:9;display:grid;place-items:center;color:var(--fire-red);font-size:9px;font-weight:900;transform:translate(-50%,-50%);pointer-events:none}.aim-reticle i{width:34px;height:34px;border:2px dashed currentcolor;border-radius:999px;animation:reticle-spin 3s linear infinite}.aim-reticle:after{position:absolute;width:6px;height:6px;content:"";border-radius:999px;background:currentcolor}.battle-controls{display:grid;gap:9px}.spray-button{min-height:58px;border-radius:999px;background:linear-gradient(135deg,var(--fire-red),var(--flame-orange));box-shadow:0 15px 30px #d923233d;color:#fff;font-size:17px;font-weight:900;touch-action:none}.spray-button:active{transform:scale(.98)}.result-panel,.judge-feedback{padding:16px;border-radius:22px;text-align:center}.result-panel.success{background:#eaf8f2;color:#11603f}.result-panel.fail{background:#fff1f1;color:#9f1717}.result-panel span,.result-panel h3,.result-panel p{display:block}.result-panel span{font-size:11px;font-weight:900;letter-spacing:.12em}.result-panel h3{margin:7px 0;font-size:23px}.result-panel p{margin:0 0 14px;font-size:13px;line-height:1.55}.judge-progress{position:relative}.judge-progress span{position:absolute;right:0;top:-25px;color:var(--smoke-gray);font-size:11px;font-weight:900}.judge-scene{position:relative;min-height:220px;overflow:hidden;border-radius:28px;padding:20px;background:radial-gradient(circle at 20% 80%,rgba(255,122,26,.28),transparent 9rem),linear-gradient(145deg,#26354d,#16233a);color:#fff;box-shadow:0 16px 34px #16233a33}.judge-scene--smoke{background:linear-gradient(145deg,#343a46,#111827)}.judge-scene--tv,.judge-scene--archive{background:linear-gradient(145deg,#223252,#111827)}.judge-scene.is-wrong{animation:warning-shake .3s ease-in-out}.scene-flash{position:absolute;inset:-40%;background:radial-gradient(circle,rgba(255,197,61,.16),transparent 42%);animation:flash-pulse 2s ease-in-out infinite}.scene-fire{position:absolute;right:24px;bottom:22px;width:84px;height:92px}.scene-fire i{position:absolute;bottom:0;border-radius:50% 50% 50% 0;transform:rotate(-42deg);animation:flame-pulse .7s ease-in-out infinite alternate}.scene-fire i:nth-child(1){left:22px;width:42px;height:68px;background:#ff7a1a}.scene-fire i:nth-child(2){left:4px;width:30px;height:48px;background:#ffc53d;animation-delay:.14s}.scene-fire i:nth-child(3){right:4px;width:28px;height:44px;background:#d92323;animation-delay:.26s}.judge-scene h3,.judge-scene p{position:relative;z-index:2;max-width:250px}.judge-scene h3{margin:60px 0 8px;font-size:24px}.judge-scene p{margin:0;color:#ffffffb8;font-size:13px;line-height:1.6}.selected-tool{position:absolute;left:18px;bottom:18px;z-index:3;border-radius:999px;padding:8px 10px;background:#fff;color:var(--ink-blue);font-size:12px}.decision-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.decision-row button{min-height:58px;border-radius:20px;background:#fff;box-shadow:0 10px 24px #d9232317;color:var(--ink-blue);font-size:22px;font-weight:900}.decision-row button.active{background:var(--fire-red);color:#fff}.judge-feedback.correct{background:#eaf8f2;color:#11603f}.judge-feedback.wrong{background:#fff1f1;color:#9f1717}.judge-feedback strong{font-size:19px}.judge-feedback p{margin:8px 0 14px;font-size:13px;line-height:1.55}.certificate-poster{position:relative;overflow:hidden;border:10px solid #fff;border-radius:32px;padding:22px 18px;background:radial-gradient(circle at 90% 10%,rgba(255,197,61,.45),transparent 8rem),linear-gradient(145deg,#d92323,#8f1414);box-shadow:0 22px 44px #9f17173d;color:#fff;text-align:center}.poster-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:900;letter-spacing:.1em}.certificate-poster img{width:128px;height:128px;margin:20px auto 12px;border:5px solid rgba(255,255,255,.72);border-radius:36px;-o-object-fit:cover;object-fit:cover;-o-object-position:center 18%;object-position:center 18%;background:#fff}.certificate-poster h3{margin:0;font-size:30px}.certificate-poster>p{margin:7px 0 18px;color:#ffffffb8;font-size:12px}.grade-seal{position:absolute;right:14px;top:78px;display:grid;width:88px;height:88px;place-items:center;border:4px solid rgba(255,255,255,.72);border-radius:999px;background:#ffc53deb;color:#8f1414;transform:rotate(12deg)}.grade-seal span,.grade-seal strong{display:block;line-height:1.05}.grade-seal span{font-size:10px}.grade-seal strong{max-width:70px;font-size:14px}.score-lines{display:grid;gap:9px;margin-top:18px}.score-lines>div{display:grid;grid-template-columns:74px 1fr 32px;align-items:center;gap:8px;font-size:11px}.score-lines i{height:8px;overflow:hidden;border-radius:999px;background:#ffffff38}.score-lines b{display:block;height:100%;border-radius:inherit;background:#ffc53d}.composite-score{display:flex;align-items:center;justify-content:space-between;margin-top:18px;border-radius:20px;padding:13px 15px;background:#ffffff1f}.composite-score span{font-size:12px}.composite-score strong{font-size:32px;line-height:1}.blunder-card{padding:16px}.blunder-card h3,.blunder-card p{margin:0}.blunder-card p{margin:6px 0 12px;color:var(--smoke-gray);font-size:12px}.certificate-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.certificate-actions .primary-btn{grid-column:1 / -1}.share-tip{margin:0;color:var(--smoke-gray);font-size:12px;text-align:center}.site-footer{padding:0 22px 118px;color:var(--smoke-gray);font-size:11px;line-height:1.6;text-align:center}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:40;display:flex;width:min(100%,480px);gap:7px;margin:0 auto;padding:10px 12px calc(10px + env(safe-area-inset-bottom));overflow-x:auto;border-top:1px solid rgba(217,35,35,.12);background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none}.bottom-nav button{flex:1 0 58px;min-height:46px;border-radius:16px;background:#fff8f0;color:var(--smoke-gray);font-size:12px;font-weight:900}.bottom-nav button.active{background:var(--fire-red);box-shadow:0 10px 22px #d9232333;color:#fff}@keyframes flame-pulse{0%{transform:rotate(-42deg) scale(.94);filter:brightness(1)}to{transform:rotate(-38deg) scale(1.06);filter:brightness(1.12)}}@keyframes smoke-drift{0%{transform:translate(0) scale(1)}to{transform:translate(-34px) scale(1.12)}}@keyframes smoke-rise{0%{opacity:0;transform:translateY(18px) scale(.75)}35%{opacity:.65}to{opacity:0;transform:translateY(-42px) scale(1.2)}}@keyframes spray-breathe{0%{opacity:.55}to{opacity:.92}}@keyframes reticle-spin{to{transform:rotate(360deg)}}@keyframes flash-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes warning-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(min-width:430px){.hero-card{grid-template-columns:1fr 152px}.hero-mascot{width:152px;height:205px}.ability-chain{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.reference-strip{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:12px;margin:12px 0;border:1px solid rgb(217 35 35 / 12%);border-radius:24px;padding:10px;background:linear-gradient(135deg,#fff,#fff6e8)}.reference-photo{position:relative;display:grid;height:132px;place-items:center;overflow:hidden;border-radius:20px;background:linear-gradient(180deg,#f7fbff,#fff1e0)}.reference-photo img{max-width:52px;max-height:112px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 12px rgb(22 35 58 / 18%))}.reference-photo span{position:absolute;right:7px;bottom:7px;border-radius:999px;padding:4px 7px;background:var(--ink-blue);color:#fff;font-size:9px;font-weight:900}.reference-copy strong,.reference-copy p{display:block;margin:0}.reference-copy strong{color:var(--ink-blue);font-size:15px}.reference-copy p{margin-top:5px;color:var(--smoke-gray);font-size:12px;line-height:1.55}.real-gesture-stage{height:438px;background:radial-gradient(circle at 50% 18%,rgb(255 197 61 / 20%),transparent 34%),linear-gradient(180deg,#f8fbff,#fff7ea 72%,#ffe2c4)}.real-extinguisher-wrap{position:absolute;bottom:16px;left:50%;width:188px;height:382px;transform:translate(-50%);transition:transform .22s ease}.real-extinguisher-wrap.is-lifted{transform:translate(-50%) translateY(-18px) rotate(-2deg)}.real-extinguisher-wrap>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(0 22px 24px rgb(22 35 58 / 22%));pointer-events:none}.hotspot{position:absolute;z-index:3;display:grid;place-items:center;border:2px dashed transparent;border-radius:18px;background:#ffc53d0a;color:#fff;font-size:11px;font-weight:900;touch-action:none}.hotspot span{border-radius:999px;padding:5px 8px;background:#16233ad1;box-shadow:0 6px 14px #16233a29}.hotspot.active{border-color:#ffc53dd1;background:#ffc53d2e;box-shadow:0 0 0 7px #ffc53d1f;animation:hotspot-pulse .8s ease-in-out infinite alternate}.hotspot-tank{top:18%;left:27%;width:48%;height:74%}.hotspot-pin{top:11%;left:64%;width:28%;height:14%}.hotspot-root{top:22%;left:4%;width:27%;height:24%}.hotspot-tip{top:37%;left:-3%;width:32%;height:19%}.hotspot-handle{top:1%;left:23%;width:56%;height:15%}.hotspot-pin.is-pulled span,.hotspot-tip.is-held span{background:var(--safe-green)}.real-spray{position:absolute;top:43%;left:-46%;width:54%;height:34px;border-radius:999px 0 0 999px;background:linear-gradient(90deg,#fff0,#ffffffeb,#ffc53dd1);filter:blur(1px);transform:rotate(9deg);transform-origin:right center;animation:spray-breathe .12s ease-in-out infinite alternate}.practice-complete{display:grid;grid-template-columns:1fr 1fr 1.25fr;align-items:center;gap:8px;margin-top:12px;border-radius:22px;padding:10px;background:#16233a;color:#fff}.practice-complete div{display:grid;gap:2px}.practice-complete span{color:#ffffffa3;font-size:10px}.practice-complete strong{color:var(--safe-yellow);font-size:18px}.practice-complete button{min-height:44px}.fire-smoke-column{position:absolute;bottom:70px;left:50%;width:92px;height:118px;transform:translate(-50%);pointer-events:none}.fire-smoke-column i{position:absolute;width:42px;height:42px;border-radius:999px;background:#57606e4d;filter:blur(8px);animation:smoke-column-rise 2.2s ease-in-out infinite}.fire-smoke-column i:nth-child(1){bottom:0;left:10px}.fire-smoke-column i:nth-child(2){bottom:28px;left:34px;animation-delay:.42s}.fire-smoke-column i:nth-child(3){bottom:54px;left:18px;animation-delay:.84s}.flame-visual{position:absolute;bottom:16px;left:50%;width:86px;height:98px;transform:translate(-50%);filter:drop-shadow(0 0 18px rgb(255 122 26 / 58%));transform-origin:50% 100%;animation:flame-flicker-new .62s ease-in-out infinite alternate}.flame-outer,.flame-middle,.flame-core,.flame-tongue{position:absolute;bottom:0;left:50%;display:block;transform:translate(-50%)}.flame-outer{width:78px;height:96px;border-radius:52% 48% 48% 52%/68% 70% 30% 32%;background:linear-gradient(180deg,#ffd66e,#ff7a1a 42%,#d92323 78%,#8f1414);clip-path:polygon(50% 0,65% 18%,78% 31%,91% 55%,79% 83%,50% 100%,20% 83%,9% 55%,22% 31%,35% 17%)}.flame-middle{width:54px;height:72px;border-radius:54% 46% 48% 52%/70% 72% 28% 30%;background:linear-gradient(180deg,#fff1a8,#ffc53d 48%,#ff7a1a);clip-path:polygon(52% 0,69% 21%,82% 45%,72% 78%,50% 100%,28% 78%,18% 45%,34% 22%)}.flame-core{width:28px;height:42px;border-radius:50% 50% 48% 52%/66% 68% 32% 34%;background:linear-gradient(180deg,#fff,#ffe57a 55%,#ff9c38);clip-path:polygon(50% 0,67% 27%,76% 56%,62% 86%,50% 100%,35% 84%,24% 56%,34% 27%)}.flame-tongue{width:26px;height:56px;border-radius:50%/70% 70% 30% 30%;background:linear-gradient(180deg,#ffc53d,#ff7a1a 72%,#d92323);opacity:.86}.flame-tongue--left{left:24px;transform:rotate(-22deg)}.flame-tongue--right{left:62px;transform:rotate(20deg)}.fire-base{position:absolute;bottom:0;left:50%;display:flex;gap:5px;transform:translate(-50%)}.fire-base i{display:block;width:28px;height:9px;border-radius:999px;background:linear-gradient(180deg,#6b2d1d,#321914);transform:rotate(-8deg)}.fire-base i:nth-child(2){transform:rotate(7deg) translateY(-2px)}.fire-base i:nth-child(3){transform:rotate(-4deg)}.fire-node.is-out .flame-visual,.fire-node.is-out .fire-base{opacity:0;transform:translate(-50%) scale(.4)}.ying-bubble img,.splash-mascot img,.certificate-poster img{border:0;background:transparent;-o-object-fit:contain;object-fit:contain;box-shadow:none;filter:drop-shadow(0 14px 18px rgb(22 35 58 / 18%))}@keyframes hotspot-pulse{0%{transform:scale(1)}to{transform:scale(1.04)}}@keyframes flame-flicker-new{0%{transform:translate(-50%) scaleX(.96) scaleY(.98) rotate(-1deg)}50%{transform:translate(-50%) scaleX(1.03) scaleY(1.04) rotate(1deg)}to{transform:translate(-50%) scaleX(.98) scaleY(1.08) rotate(-2deg)}}@keyframes smoke-column-rise{0%{opacity:0;transform:translateY(20px) scale(.72)}35%{opacity:.72}to{opacity:0;transform:translateY(-42px) scale(1.2)}}.distance-layer{position:absolute;inset:0;z-index:6;pointer-events:none}.range-ring{fill:none;stroke-linecap:round;stroke-width:1.8}.range-ring--outer{stroke:#16233a57;stroke-dasharray:5 4}.range-ring--inner{stroke:#16233a38;stroke-dasharray:3 4}.distance-layer.is-good .range-ring--outer{stroke:#1e9e6ad1;animation:range-ring-pulse 1.4s ease-in-out infinite}.distance-layer.is-good .range-ring--inner{stroke:#1e9e6a85}.distance-layer.is-bad .range-ring--outer,.distance-layer.is-bad .range-ring--inner{stroke:#d9232385}.distance-line{stroke:#ffc53deb;stroke-dasharray:4 3;stroke-linecap:round;stroke-width:2.6;filter:drop-shadow(0 2px 3px rgb(22 35 58 / 20%))}.distance-layer.is-good .distance-line{stroke:#1e9e6af0}.distance-layer.is-bad .distance-line{stroke:#d92323e0;animation:distance-warning .7s ease-in-out infinite}.range-caption,.distance-badge{position:absolute;z-index:7;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;pointer-events:none;transform:translate(-50%,-50%);white-space:nowrap}.range-caption{border:1px solid rgb(22 35 58 / 10%);background:#ffffffc7;color:var(--ink-blue)}.distance-badge{border:2px solid rgb(255 255 255 / 92%);background:var(--ink-blue);box-shadow:0 8px 18px #16233a38;color:#fff}.range-caption.is-good,.distance-badge.is-good{background:var(--success-green);color:#fff}.range-caption.is-bad,.distance-badge.is-bad{background:var(--fire-red);color:#fff}.battle-scene.is-downwind{animation:downwind-scene-warning 1.1s ease-in-out infinite}.battle-scene.is-downwind .player-facing img{animation:downwind-cough .52s ease-in-out infinite}.battle-scene.is-smoked .player-facing img{filter:drop-shadow(0 16px 14px rgb(22 35 58 / 30%)) grayscale(.28) brightness(.82)}.downwind-cloud{position:absolute;z-index:12;display:grid;width:150px;height:118px;place-items:center;pointer-events:none;transform:translate(-50%,-58%)}.downwind-cloud i{position:absolute;width:96px;height:52px;border-radius:999px;background:radial-gradient(circle at 28% 45%,rgb(107 114 128 / 72%) 0 18px,transparent 19px),radial-gradient(circle at 50% 30%,rgb(107 114 128 / 68%) 0 24px,transparent 25px),radial-gradient(circle at 72% 48%,rgb(75 85 99 / 72%) 0 20px,transparent 21px),linear-gradient(180deg,#9ca3afc2,#4b55639e);filter:blur(1px);opacity:0;animation:downwind-smoke-hit 1.4s ease-in-out infinite}.downwind-cloud i:nth-child(2){width:116px;animation-delay:.26s}.downwind-cloud i:nth-child(3){width:84px;animation-delay:.52s}.downwind-cloud span{position:relative;z-index:2;border-radius:999px;padding:6px 9px;background:var(--fire-red);box-shadow:0 8px 20px #d9232347;color:#fff;font-size:10px;font-weight:900;animation:downwind-label-pop .7s ease-in-out infinite alternate}@keyframes range-ring-pulse{0%,to{opacity:.72}50%{opacity:1}}@keyframes distance-warning{0%,to{opacity:.62}50%{opacity:1}}@keyframes downwind-scene-warning{0%,to{box-shadow:inset 0 0 0 2px #d923231f}50%{box-shadow:inset 0 0 0 5px #d9232357}}@keyframes downwind-cough{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px,1px) rotate(-2deg)}50%{transform:translate(2px,-1px) rotate(2deg)}75%{transform:translate(-1px,1px) rotate(-1deg)}}@keyframes downwind-smoke-hit{0%{opacity:0;transform:translate(28px,12px) scale(.58)}42%{opacity:.92;transform:translate(0) scale(1.04)}to{opacity:0;transform:translate(-20px,-18px) scale(1.22)}}@keyframes downwind-label-pop{0%{transform:translateY(0) scale(.96)}to{transform:translateY(-4px) scale(1.04)}}