.stadium-scene{position:relative;width:100%;max-width:520px;min-height:360px;margin:0 auto;perspective:1100px;perspective-origin:50% 38%}.stadium-glow{position:absolute;inset:4% 0 2%;border-radius:50%;background:radial-gradient(ellipse at 50% 48%,rgba(107,76,255,.2),transparent 66%);filter:blur(12px)}.stadium-floor{position:absolute;left:5%;right:5%;bottom:3%;height:62%;border-radius:50%;background:radial-gradient(ellipse,rgba(20,42,30,.24),transparent 68%);transform:rotateX(74deg);transform-origin:50% 100%;filter:blur(2px)}.stadium-rig{position:absolute;left:50%;top:46%;width:min(430px,92%);height:min(292px,56%);transform:translate(-50%,-50%) rotateX(56deg) rotate(-32deg);transform-style:preserve-3d}.stadium-base{position:absolute;inset:-2%;border-radius:18px;background:linear-gradient(145deg,#d9b07a,#a87844);transform:translateZ(-26px);box-shadow:0 34px 42px #0f1a1457,inset 0 1px #ffffff59}.stadium-pitch{inset:0}.tabletop-pitch{position:absolute;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.46);background:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 7%,transparent 7% 14%),linear-gradient(160deg,#3d9264,#2b7a51 48%,#20603f);box-shadow:0 0 0 7px #1d5d3d,0 0 0 10px #123f2a,0 14px #103826,0 30px 34px #0006}.stadium-pitch:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 22% 16%,rgba(255,255,255,.16),transparent 48%);pointer-events:none}.tp-line,.tp-circle,.tp-box,.tp-goal{position:absolute;pointer-events:none}.tp-half{left:50%;top:4%;bottom:4%;width:1px;background:#ffffff80}.tp-circle{left:50%;top:50%;width:28%;aspect-ratio:1;border:1px solid rgba(255,255,255,.5);border-radius:50%;transform:translate(-50%,-50%)}.tp-box{top:28%;width:17%;height:44%;border:1px solid rgba(255,255,255,.5)}.tp-box-left{left:-1px;border-left:0}.tp-box-right{right:-1px;border-right:0}.tp-goal{top:40%;width:2%;height:20%;background:#fffc}.tp-goal-left{left:0}.tp-goal-right{right:0}.tp-player{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;transform:translateZ(2px);box-shadow:0 0 0 2px #ffffffeb,0 12px 9px -6px #0000008c,0 0 14px #ffffff24}.tp-player.is-home{background:radial-gradient(circle at 34% 28%,#fff 0 16%,#cfc3ff 34%,#6b4cff)}.tp-player.is-away{background:radial-gradient(circle at 34% 28%,#fff2d8 0 16%,#ffc078 38%,#d9722e)}.tp-player:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(255,255,255,.28)}.tp-ball{position:absolute;left:56%;top:47%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:radial-gradient(circle at 33% 30%,#fff,#e8e1ce 70%);box-shadow:0 10px 8px -5px #0000008c,0 0 0 1px #00000038}.scene-card{position:absolute;z-index:4;display:flex;flex-direction:column;gap:2px;width:172px;padding:11px 13px;border:1px solid rgba(255,255,255,.72);border-radius:12px;background:#fffdf7f0;box-shadow:0 20px 34px -18px #1f183c75,0 2px #fff inset,0 0 0 1px #4335780f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:rotate(var(--rot, 0deg));animation:scene-float 7s ease-in-out infinite}.scene-card-tag{font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--purple-deep)}.scene-card strong{font-size:15px;line-height:1.3}.scene-card em{font-style:normal;font-size:11px;line-height:1.55;color:var(--ink-soft)}.scene-card-tactics{--rot: -4deg;top:7%;left:-1%}.scene-card-scout{--rot: 3.5deg;top:27%;right:-2%;animation-delay:-2.1s}.scene-card-transfer{--rot: -2deg;bottom:3%;left:12%;animation-delay:-4.2s}.scene-chip{position:absolute;right:8%;bottom:10%;z-index:4;padding:5px 11px;border-radius:999px;border:1px dashed var(--line-strong);background:#fffcf5eb;color:var(--purple-deep);font-size:10.5px;font-weight:700;transform:rotate(-2deg)}@keyframes scene-float{0%,to{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-8px) rotate(var(--rot, 0deg))}}.level-diorama{position:relative;height:176px;margin-top:14px;border-radius:var(--radius);border:1px solid #26324f;background:radial-gradient(ellipse at 72% 18%,rgba(107,76,255,.28),transparent 56%),radial-gradient(ellipse at 18% 92%,rgba(48,191,128,.18),transparent 58%),linear-gradient(160deg,#111827,#172033 54%,#101827);box-shadow:0 18px 30px -20px #0f14288c,inset 0 1px #ffffff0f;overflow:hidden;isolation:isolate}.level-diorama:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 46px),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 46px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 45%,#000);mask-image:linear-gradient(to bottom,transparent,#000 45%,#000);pointer-events:none}.diorama-caption{position:absolute;top:12px;left:14px;z-index:6;display:flex;flex-direction:column;gap:1px;color:#e8e6ff}.diorama-caption span{font-size:9px;letter-spacing:.18em;color:#ddd9ff8f;text-transform:uppercase}.diorama-caption strong{font-size:12px;color:#f2f0ff}.diorama-stage{position:absolute;inset:0;perspective:920px;perspective-origin:50% 42%}.diorama-chip{position:absolute;z-index:5;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#101626b8;color:#eeecffdb;font-size:10px;font-weight:650;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.diorama-pitch-rig{position:absolute;left:50%;top:55%;width:300px;height:150px;transform:translate(-50%,-50%) rotateX(56deg) rotate(-32deg);transform-style:preserve-3d}.diorama-base{position:absolute;inset:-3%;border-radius:14px;background:linear-gradient(145deg,#c9a06a,#8c6238);transform:translateZ(-16px);box-shadow:0 20px 26px #0000005c}.diorama-pitch{inset:0}.diorama-tactics .diorama-pitch{box-shadow:0 0 0 4px #1d5d3d,0 0 0 6px #123f2a,0 8px #103826,0 18px 22px #0006}.diorama-tactics .tp-player{width:11px;height:11px;margin:-5.5px 0 0 -5.5px}.diorama-tactics .tp-ball{width:7px;height:7px;margin:-3.5px 0 0 -3.5px}.chip-possession{left:28%;top:20%}.chip-out{right:7%;bottom:18%}.globe-rig{position:absolute;left:17%;top:56%;width:172px;height:172px;transform:translate(-50%,-50%)}.globe{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(163,178,255,.95),transparent 22%),radial-gradient(circle at 36% 34%,#5f74e8,#2a3b8f 44%,#101a42 78%,#080e24);box-shadow:inset -22px -14px 38px #000000a3,inset 8px 8px 22px #9fb4ff38,0 0 36px #6b4cff6b;transform-style:preserve-3d;animation:globe-spin 18s linear infinite}.globe:after{content:"";position:absolute;inset:3%;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 17px,rgba(180,200,255,.22) 17px 18px),repeating-linear-gradient(90deg,transparent 0 17px,rgba(180,200,255,.16) 17px 18px);opacity:.5;-webkit-mask-image:radial-gradient(circle at 38% 32%,#000 0 62%,transparent 78%);mask-image:radial-gradient(circle at 38% 32%,#000 0 62%,transparent 78%)}.globe-ring{position:absolute;inset:-1px;border-radius:50%;border:1px solid rgba(178,198,255,.4);pointer-events:none}.globe-ring.r1{transform:rotateY(64deg)}.globe-ring.r2{transform:rotateX(68deg)}.globe-ring.r3{transform:rotateY(26deg) rotateX(48deg)}.globe-pin{position:absolute;width:9px;height:9px;border-radius:50%;background:#ffd27a;box-shadow:0 0 12px #ffd27ae6;animation:pin-pulse 2.6s ease-in-out infinite}.pin-1{left:34%;top:30%}.pin-2{left:62%;top:48%;animation-delay:-.8s}.pin-3{left:45%;top:68%;animation-delay:-1.5s}.globe-shadow{position:absolute;left:8%;right:8%;bottom:-16%;height:22%;border-radius:50%;background:#00000080;filter:blur(10px)}.diorama-card{position:absolute;z-index:5;display:flex;flex-direction:column;gap:2px;width:158px;padding:10px 12px;border-radius:11px;border:1px solid rgba(255,255,255,.16);background:#12192bd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 18px 26px -16px #0009;color:#f2f0ff}.diorama-card span{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#c8c3ffb3}.diorama-card strong{font-size:16px}.diorama-card em{font-style:normal;font-size:10.5px;color:#e2dffab8}.scout-report{right:5%;top:22%;transform:rotate(3deg)}.chip-knowledge{right:8%;bottom:15%}@keyframes globe-spin{0%{transform:rotateY(0) rotateX(6deg)}to{transform:rotateY(360deg) rotateX(6deg)}}@keyframes pin-pulse{0%,to{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.16)}}.coin-rig{position:absolute;left:18%;top:58%;width:112px;height:112px;transform:translate(-50%,-50%) rotateX(58deg) rotate(-24deg);transform-style:preserve-3d}.coin-stack{position:absolute;inset:0;transform-style:preserve-3d}.coin{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff2bf,#e9b345 52%,#a56b12);box-shadow:inset 0 2px #ffffff8c,0 1px #7c4e0d}.coin-top{position:absolute;inset:0;display:grid;place-items:center;transform:translateZ(46px);border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff7d8,#f2c457 58%,#b97d1d);box-shadow:inset 0 2px #ffffffa6,0 6px 12px #00000047;color:#6f4408;font-family:var(--font-display);font-size:30px;font-weight:800}.coin-shadow{position:absolute;left:-6%;right:-6%;bottom:-26%;height:22%;border-radius:50%;background:#0000008c;filter:blur(9px)}.offer-card{right:6%;top:24%;transform:rotate(-3deg)}.chip-budget{right:7%;bottom:14%}.fan-rig{position:absolute;left:28%;top:56%;width:230px;height:128px;transform:translate(-50%,-50%) perspective(700px) rotateX(8deg)}.fan-card{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:66px;height:92px;margin:-46px 0 0 -33px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(165deg,#fbf8ef,#d9d2ff);box-shadow:0 12px 18px -9px #0000008c;transform-origin:50% 125%}.fan-card b{font-family:var(--font-display);font-size:20px;color:#2b2159}.fan-card em{font-style:normal;font-size:9px;color:#574b84}.fan-0{transform:rotate(-30deg) translateZ(0);background:linear-gradient(165deg,#fff,#e5dfff)}.fan-1{transform:rotate(-15deg) translateZ(8px);background:linear-gradient(165deg,#fff,#d9f4e6)}.fan-2{transform:rotate(0) translateZ(16px);background:linear-gradient(165deg,#fff,#ffe4c9)}.fan-3{transform:rotate(15deg) translateZ(8px);background:linear-gradient(165deg,#fff,#dbe8ff)}.fan-4{transform:rotate(30deg) translateZ(0);background:linear-gradient(165deg,#fff,#ffeab0)}.registration-ring{position:absolute;right:8%;top:52%;width:94px;height:94px;transform:translateY(-50%) rotateX(14deg);border-radius:50%;background:conic-gradient(from 210deg,#8d74ff 0 74%,#ffffff1f 74% 100%);display:grid;place-items:center;box-shadow:0 0 30px #6b4cff66}.registration-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#131b2e;box-shadow:inset 0 0 12px #0009}.registration-ring span{position:relative;font-family:var(--font-display);font-size:26px;color:#f4f2ff}.registration-ring em{position:absolute;bottom:12px;z-index:2;font-style:normal;font-size:8.5px;color:#e2dffa99}.chip-registration{right:8%;bottom:13%}.commission-card,.codex-card,.panel{transform-style:preserve-3d}.commission-card{transition:transform .26s var(--ease),box-shadow .26s var(--ease)}.commission-card:hover{transform:perspective(900px) rotateX(1.6deg) rotateY(-1.6deg) translateY(-4px);box-shadow:0 24px 36px -22px #2c215066}.codex-card-open{transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.codex-card-open:hover{transform:perspective(1000px) rotateX(1.8deg) rotateY(-1.8deg) translateY(-5px);box-shadow:0 26px 42px -24px #2c215073}@media(max-width:1080px){.stadium-scene{min-height:330px}.level-diorama{height:164px}}@media(max-width:760px){.stadium-scene{min-height:290px}.scene-card{width:142px;padding:9px 11px}.scene-card strong{font-size:13.5px}.scene-card em{font-size:10px}.scene-card-transfer{left:6%;bottom:1%}.scene-chip{display:none}.level-diorama{height:150px}.diorama-pitch-rig{width:250px;height:126px}.globe-rig{left:22%;width:138px;height:138px}.diorama-card{width:136px;padding:8px 10px}.diorama-card strong{font-size:14px}.coin-rig{width:92px;height:92px;left:20%}.fan-rig{left:26%;width:200px}.registration-ring{width:78px;height:78px}.registration-ring span{font-size:22px}}@media(max-width:560px){.stadium-scene{min-height:250px}.stadium-rig{top:45%;width:92%;height:50%}.scene-card{width:126px;padding:8px 10px}.scene-card-scout{display:none}.scene-card-tactics{top:2%;left:0}.scene-card-transfer{left:4%;bottom:0}.level-diorama{height:132px;margin-top:10px}.diorama-caption{top:9px;left:11px}.diorama-caption strong{font-size:11px}.diorama-pitch-rig{width:210px;height:106px;top:57%}.globe-rig{left:24%;width:116px;height:116px}.globe-pin{width:7px;height:7px}.diorama-card{width:116px;padding:7px 9px}.diorama-card strong{font-size:12.5px}.diorama-card em{font-size:9px}.coin-rig{width:76px;height:76px;left:22%}.coin-top{font-size:22px}.fan-rig{left:27%;width:176px;height:108px}.fan-card{width:54px;height:76px;margin:-38px 0 0 -27px}.fan-card b{font-size:15px}.registration-ring{width:68px;height:68px;right:5%}.registration-ring span{font-size:19px}.registration-ring em{bottom:8px;font-size:7px}.chip-knowledge,.chip-budget,.chip-registration{display:none}}@media(prefers-reduced-motion:reduce){.scene-card,.globe,.globe-pin{animation:none}}.codex-page{max-width:1120px}.codex-meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.codex-showcase-note{display:flex;flex-direction:column;gap:3px;padding:14px 18px;border:1px dashed #ddc58e;border-radius:var(--radius-sm);background:var(--amber-soft);color:#6c4508;font-size:13.5px;line-height:1.65}.codex-showcase-note strong{font-weight:750}.codex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.codex-card{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.codex-card-open{border-top:4px solid var(--purple)}.codex-card-open.is-showcase{border-top-color:var(--amber)}.codex-card-locked{border-style:dashed;border-color:var(--line-strong);background:repeating-linear-gradient(135deg,rgba(124,101,63,.045) 0 12px,transparent 12px 24px),var(--surface-weak);box-shadow:none}.codex-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.codex-card-no{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-weight:650}.codex-card-heading{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.codex-card-title{font-size:23px;line-height:1.3;letter-spacing:.01em}.codex-card-en{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.codex-card-definition{padding:12px 14px;border-left:3px solid var(--purple);border-radius:0 8px 8px 0;background:var(--purple-soft);color:var(--ink);font-size:14px;line-height:1.75}.codex-fields{display:flex;flex-direction:column;gap:10px}.codex-field{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-weak)}.codex-field-label{display:block;font-size:11px;font-weight:750;letter-spacing:.12em;color:var(--purple-deep)}.codex-field-body{font-size:13px;line-height:1.75;color:var(--ink-soft)}.codex-field-amber{border-color:#eedcb8;background:#fffaf0}.codex-field-amber .codex-field-label{color:#8a5006}.codex-field-red{border-color:#f0cfcb;background:#fdf5f4}.codex-field-red .codex-field-label{color:var(--red)}.codex-synergies{display:flex;flex-direction:column;gap:6px}.codex-synergy-list{display:flex;flex-wrap:wrap;gap:6px}.codex-synergy{padding:3px 10px;border:1px solid #ded4fa;border-radius:999px;background:var(--purple-soft);color:var(--purple-deep);font-size:12px;font-weight:650}.codex-card-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:10px;border-top:1px dashed var(--line);font-size:11px;color:var(--ink-faint)}.codex-card-foot-tag{color:var(--purple-deep);font-weight:650}.codex-silhouette{display:grid;place-items:center;width:100%;min-height:118px;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:repeating-linear-gradient(45deg,rgba(124,101,63,.05) 0 10px,transparent 10px 20px),var(--surface)}.codex-silhouette span{font-family:var(--font-display);font-size:48px;line-height:1;color:var(--line-strong)}.codex-locked-hint{font-size:13px;line-height:1.7;color:var(--ink-soft)}.codex-card-locked .btn{margin-top:auto}.codex-footnote{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-faint)}.codex-footnote .link-button{font-size:12px}.codex-knowledge{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px dashed var(--line)}.codex-knowledge-links{display:flex;flex-wrap:wrap;gap:6px}.codex-knowledge-link{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-weak);color:var(--ink-soft);font-size:11.5px;cursor:pointer;transition:border-color var(--speed) var(--ease),color var(--speed) var(--ease),background var(--speed) var(--ease)}.codex-knowledge-link:hover{border-color:var(--purple);background:var(--purple-soft);color:var(--purple-deep)}.codex-knowledge-link span{font-size:10px}@media(max-width:900px){.codex-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:680px){.codex-card{padding:16px}.codex-card-title{font-size:20px}.codex-card-definition{font-size:13px}}.showcase-page{max-width:1000px}.showcase-meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.showcase-demo-notice{display:flex;flex-direction:column;gap:4px;padding:14px 18px;border:1px dashed #ddc58e;border-radius:var(--radius-sm);background:var(--amber-soft);color:#6c4508;font-size:13.5px;line-height:1.7}.showcase-demo-notice strong{font-weight:750}.showcase-progress{display:flex;flex-direction:column;gap:12px;padding:18px 20px;border:1px solid #eedcb8;border-radius:var(--radius);background:linear-gradient(170deg,#fffaf0,var(--surface));box-shadow:var(--shadow-sm)}.showcase-progress .meter{min-width:0}.showcase-completed-levels{display:flex;flex-direction:column;gap:6px}.showcase-completed-label{font-size:11px;font-weight:750;letter-spacing:.12em;color:#8a5006}.showcase-completed-empty{font-size:13px;color:var(--ink-soft)}.showcase-chip-row{display:flex;flex-wrap:wrap;gap:7px}.showcase-progress-note{font-size:12px;color:var(--ink-faint)}.showcase-steps{display:flex;flex-direction:column;gap:12px}.showcase-step{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--speed) var(--ease),background var(--speed) var(--ease)}.showcase-step.is-done{border-color:#c9e8d6;background:linear-gradient(170deg,#f7fcf9,var(--surface))}.showcase-step-head{display:flex;align-items:flex-start;gap:12px}.showcase-step-no{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-weak);font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--ink-soft)}.showcase-step.is-done .showcase-step-no{border-color:var(--green);background:var(--green);color:#fff}.showcase-step-heading{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.showcase-step-title{font-size:17px;line-height:1.4}.showcase-step-desc{font-size:13px;color:var(--ink-soft)}.showcase-step-cue{padding:9px 12px;border-left:3px solid var(--purple);border-radius:0 8px 8px 0;background:var(--surface-weak);color:var(--ink-soft);font-size:13px;line-height:1.7}.showcase-step.is-done .showcase-step-cue{border-left-color:var(--green)}.showcase-skip{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:8px 12px;border:1px dashed #ddc58e;border-radius:8px;background:var(--amber-soft);color:#6c4508;font-size:12px;line-height:1.65}.showcase-skip strong{flex:none;font-weight:750}.showcase-step-actions{display:flex;flex-wrap:wrap;gap:8px}.showcase-footer{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-faint)}.showcase-footer-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:680px){.showcase-step{padding:14px}.showcase-step-head{flex-wrap:wrap}.showcase-step-head>.chip{margin-left:48px}.showcase-step-title{font-size:16px}.showcase-step-actions .btn{width:100%}}.knowledge-page{max-width:1180px}.knowledge-hero .page-lead{max-width:72ch}.knowledge-title-accent{color:var(--purple)}.knowledge-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}.knowledge-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.knowledge-flow-step{display:flex;gap:9px;padding:12px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.knowledge-flow-index{font-family:var(--font-display);font-size:20px;line-height:1;color:var(--purple);opacity:.75}.knowledge-flow-title{font-size:12.5px;font-weight:750;line-height:1.4}.knowledge-flow-body{margin-top:3px;font-size:11.5px;color:var(--ink-soft);line-height:1.6}.knowledge-section{display:flex;flex-direction:column;gap:16px}.knowledge-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}.knowledge-level-grid{display:flex;flex-direction:column;gap:16px}.knowledge-level-card{display:flex;flex-direction:column;gap:14px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);scroll-margin-top:84px;transition:box-shadow .26s var(--ease),border-color .26s var(--ease)}.knowledge-level-card.is-highlighted{border-color:var(--purple);box-shadow:0 0 0 3px #6b4cff24,var(--shadow);animation:knowledge-highlight 1.6s var(--ease)}@keyframes knowledge-highlight{0%{background:#f3efff}to{background:var(--surface)}}.knowledge-level-head{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}.knowledge-level-order{flex:none;padding:4px 9px;border-radius:999px;background:var(--surface-weak);color:var(--ink-faint);font-size:11px;letter-spacing:.06em}.knowledge-level-title{font-size:21px;line-height:1.3}.knowledge-level-en{margin-top:2px;font-size:11px;letter-spacing:.06em;color:var(--ink-faint)}.knowledge-level-head .chip{margin-left:auto}.knowledge-level-tagline{padding-left:12px;border-left:3px solid var(--purple);color:var(--ink);font-size:14px;font-weight:650}.knowledge-level-summary{color:var(--ink-soft);font-size:14px;line-height:1.75}.knowledge-level-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.knowledge-sub{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-weak)}.knowledge-sub h4{font-size:13px;margin-bottom:6px}.knowledge-sub p{font-size:13px;color:var(--ink-soft);line-height:1.7}.knowledge-sub ul{display:flex;flex-direction:column;gap:4px;margin-top:6px;font-size:12.5px;color:var(--ink-soft);line-height:1.6}.knowledge-sub li{position:relative;padding-left:14px}.knowledge-sub li:before{content:"→";position:absolute;left:0;top:0;color:var(--purple);font-weight:700}.knowledge-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.knowledge-mini-title{font-size:12px;letter-spacing:.06em;color:var(--ink-faint);margin-bottom:6px}.knowledge-question-list,.knowledge-pitfall-list{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--ink-soft);line-height:1.6}.knowledge-question-list li{position:relative;padding-left:16px}.knowledge-question-list li:before{content:"?";position:absolute;left:0;top:0;color:var(--purple);font-weight:700}.knowledge-pitfall-list li{position:relative;padding-left:16px}.knowledge-pitfall-list li:before{content:"⚠";position:absolute;left:0;top:0;color:var(--amber);font-size:10px}.knowledge-level-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:12px;border-top:1px dashed var(--line)}.knowledge-refs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px 12px;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--surface)}.knowledge-refs-label{font-size:11px;color:var(--ink-faint);margin-right:2px}.knowledge-ref-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;background:var(--surface-weak);color:var(--ink-soft);font-size:11px;line-height:1.5}.knowledge-ref-chip strong{color:var(--purple-deep);font-family:var(--font-mono);font-size:10px;letter-spacing:.02em}.knowledge-ref-chapter{color:var(--ink-faint);font-size:10px}.knowledge-foundation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.knowledge-foundation{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);scroll-margin-top:84px}.knowledge-foundation[open]{border-color:#d9d0f7;background:linear-gradient(170deg,#fbf9ff,var(--surface))}.knowledge-foundation summary{display:flex;align-items:baseline;gap:8px;padding:13px 16px;cursor:pointer;list-style:none}.knowledge-foundation summary::-webkit-details-marker{display:none}.knowledge-foundation summary:after{content:"＋";margin-left:auto;color:var(--ink-faint);font-weight:700}.knowledge-foundation[open] summary:after{content:"－"}.knowledge-foundation-title{font-size:14px;font-weight:750}.knowledge-foundation-en{font-size:10.5px;color:var(--ink-faint);letter-spacing:.04em}.knowledge-foundation-body{display:flex;flex-direction:column;gap:9px;padding:0 16px 15px;font-size:12.5px;color:var(--ink-soft);line-height:1.7}.knowledge-foundation-body strong{color:var(--ink)}.knowledge-anatomy{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.knowledge-anatomy-step{position:relative;padding:15px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.knowledge-anatomy-step:after{content:"→";position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:var(--purple);font-weight:800;z-index:1}.knowledge-anatomy-step:last-child:after{display:none}.knowledge-anatomy-step-label{display:inline-block;margin-bottom:8px;padding:2px 8px;border-radius:999px;background:var(--purple-soft);color:var(--purple-deep);font-size:10px;font-weight:700}.knowledge-anatomy-step h3{font-size:13px;margin-bottom:4px}.knowledge-anatomy-step p{font-size:11.5px;color:var(--ink-soft);line-height:1.65}.knowledge-two-col{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px;align-items:start}.knowledge-checklist{display:flex;flex-direction:column;gap:7px;list-style:decimal;padding-left:20px;font-size:13px;color:var(--ink-soft);line-height:1.7}.knowledge-glossary{display:flex;flex-direction:column;gap:0;max-height:520px;overflow-y:auto;padding-right:6px}.knowledge-glossary-row{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-bottom:1px dashed var(--line)}.knowledge-glossary-row:last-child{border-bottom:none}.knowledge-glossary dt{font-size:13px;font-weight:700}.knowledge-glossary dt span{margin-left:6px;font-size:10px;font-weight:500;color:var(--ink-faint)}.knowledge-glossary dd{margin:0;font-size:12px;color:var(--ink-soft);line-height:1.6}.knowledge-book-title{font-size:16px;font-weight:750}.knowledge-book-meta{font-size:12px;color:var(--ink-soft);line-height:1.6}.knowledge-book-note{font-size:12px;color:var(--ink-faint);line-height:1.7}.knowledge-book-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}@media(max-width:1180px){.knowledge-flow,.knowledge-anatomy{grid-template-columns:repeat(3,minmax(0,1fr))}.knowledge-anatomy-step:after{display:none}}@media(max-width:960px){.knowledge-level-sections,.knowledge-question-grid,.knowledge-foundation-grid,.knowledge-two-col{grid-template-columns:minmax(0,1fr)}.knowledge-flow,.knowledge-anatomy{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-glossary{max-height:none}}@media(max-width:620px){.knowledge-level-card{padding:17px}.knowledge-flow,.knowledge-anatomy{grid-template-columns:minmax(0,1fr)}.knowledge-level-head .chip{margin-left:0}}:root{--bg: #f6f1e7;--bg-deep: #efe8da;--surface: #fffcf5;--surface-weak: #fbf7ee;--ink: #2b2622;--ink-soft: #5d554c;--ink-faint: #867b6e;--line: #e2d7c5;--line-strong: #cfc1a9;--purple: #6b4cff;--purple-deep: #4b2fd6;--purple-soft: #efeaff;--green: #17914d;--green-deep: #10713c;--green-soft: #e6f6ec;--amber: #c4740a;--amber-soft: #fdf0d9;--red: #bf3b32;--red-soft: #fbe9e7;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--shadow-sm: 0 2px 8px rgba(72, 55, 28, .07);--shadow: 0 12px 30px rgba(72, 55, 28, .1);--shadow-lift: 0 18px 44px rgba(72, 55, 28, .16);--font-body: "PingFang SC", "Microsoft YaHei", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Noto Serif SC", "Songti SC", "SIMSun", "Times New Roman", serif;--font-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;--ease: cubic-bezier(.22, .68, .36, 1);--speed: .22s}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-body);font-size:15px;line-height:1.65;color:var(--ink);background-color:var(--bg);background-image:radial-gradient(circle at 12% 8%,rgba(107,76,255,.06),transparent 40%),radial-gradient(circle at 88% 4%,rgba(23,145,77,.05),transparent 36%),repeating-linear-gradient(0deg,rgba(124,101,63,.035) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(124,101,63,.035) 0 1px,transparent 1px 28px);-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,p,blockquote,dl,dd,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit}a{color:var(--purple-deep)}::selection{background:var(--purple-soft)}:focus-visible{outline:3px solid var(--purple);outline-offset:2px;border-radius:6px}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:16px;z-index:100;padding:10px 18px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;transition:top var(--speed) var(--ease)}.skip-link:focus-visible{top:12px}.app-shell{width:min(100%,1440px);margin:0 auto;padding:0 28px 64px}.app-main{min-height:80vh}.page{display:flex;flex-direction:column;gap:22px;padding-top:28px;max-width:980px;margin:0 auto}.page-header{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--purple-deep)}.page-title{font-size:clamp(28px,4vw,40px);line-height:1.2;letter-spacing:.01em}.page-lead{color:var(--ink-soft);max-width:62ch}.back-link{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;min-height:44px;padding:6px 14px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--ink-soft);font-size:14px;cursor:pointer;transition:background var(--speed) var(--ease),color var(--speed) var(--ease)}.back-link:hover{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.link-button{padding:0 2px;border:none;background:none;color:var(--purple-deep);font-size:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link-button:hover{color:var(--purple)}.storage-warning{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 18px;border:1px solid #ecd3a6;border-radius:var(--radius-sm);background:var(--amber-soft);color:#6c4508;font-size:14px}.storage-warning>span:nth-child(2){flex:1}.storage-warning-icon{font-size:18px}.toast{position:fixed;left:50%;bottom:26px;z-index:60;display:flex;align-items:center;gap:14px;max-width:min(92vw,640px);padding:13px 16px 13px 22px;border-radius:999px;background:var(--ink);color:#fdf9f0;font-size:14px;box-shadow:var(--shadow-lift);transform:translate(-50%);animation:toast-in .26s var(--ease)}.toast-close{width:30px;height:30px;border:none;border-radius:50%;background:#ffffff24;color:#fff;font-size:18px;line-height:1;cursor:pointer}.toast-close:hover{background:#ffffff42}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 22px;border:1px solid transparent;border-radius:999px;font-weight:650;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:linear-gradient(160deg,#7a5bff,var(--purple));color:#fff;box-shadow:0 10px 22px #6b4cff47}.btn-primary:hover:not(:disabled){box-shadow:0 14px 28px #6b4cff57}.btn-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){border-color:var(--ink-faint)}.btn-ghost{background:transparent;color:var(--ink-soft);border-color:transparent}.btn-ghost:hover:not(:disabled){background:#2b26220f;color:var(--ink)}.btn-success{background:linear-gradient(160deg,#21a85c,var(--green));color:#fff;box-shadow:0 10px 22px #17914d3d}.btn-danger{background:var(--red);color:#fff;box-shadow:0 10px 22px #bf3b323d}.btn-sm{min-height:36px;padding:6px 14px;font-size:13px}.btn-lg{min-height:52px;padding:13px 30px;font-size:16px}.btn-full{width:100%}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:650;line-height:1.6;white-space:nowrap}.chip-neutral{background:#efe9dd;color:var(--ink-soft)}.chip-purple{background:var(--purple-soft);color:var(--purple-deep)}.chip-green{background:var(--green-soft);color:var(--green-deep)}.chip-amber{background:var(--amber-soft);color:#8a5006}.chip-red{background:var(--red-soft);color:#8c2620}.chip-icon{font-size:12px}.panel{display:flex;flex-direction:column;gap:14px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.panel-purple{border-color:#d9d0f7;background:linear-gradient(170deg,#fbf9ff,var(--surface))}.panel-green{border-color:#c9e8d6;background:linear-gradient(170deg,#f5fcf7,var(--surface))}.panel-amber{border-color:#eedcb8;background:linear-gradient(170deg,#fffaf0,var(--surface))}.panel-red{border-color:#f0cfcb;background:linear-gradient(170deg,#fdf5f4,var(--surface))}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.panel-head-text{display:flex;flex-direction:column;gap:4px}.panel-title{font-size:17px;font-weight:750;letter-spacing:.01em}.panel-subtitle{font-size:13px;color:var(--ink-soft)}.panel-actions{display:flex;gap:8px;flex-wrap:wrap}.panel-body{display:flex;flex-direction:column;gap:14px}.callout{display:flex;gap:12px;padding:14px 16px;border:1px solid var(--line);border-left-width:4px;border-radius:var(--radius-sm);background:var(--surface-weak);font-size:14px}.callout-purple{border-color:#d9d0f7;border-left-color:var(--purple);background:#faf8ff}.callout-green{border-color:#c9e8d6;border-left-color:var(--green);background:#f5fcf7}.callout-amber{border-color:#eedcb8;border-left-color:var(--amber);background:#fffaf0}.callout-red{border-color:#f0cfcb;border-left-color:var(--red);background:#fdf5f4}.callout-neutral{border-left-color:var(--ink-faint)}.callout-icon{font-size:17px;line-height:1.4}.callout-text{display:flex;flex-direction:column;gap:3px;min-width:0}.callout-title{font-weight:750}.callout-body{color:var(--ink-soft)}.arrow-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border:1px dashed var(--line-strong);border-radius:999px;background:var(--surface-weak);font-size:13px}.arrow-flow-label{color:var(--ink-faint)}.arrow-flow-node{font-weight:650}.arrow-flow-arrow{color:var(--purple);font-weight:800}.arrow-flow-result{color:var(--purple-deep)}.stat-tile{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.stat-label{font-size:12px;color:var(--ink-faint)}.stat-value{font-size:22px;line-height:1.25;font-variant-numeric:tabular-nums}.stat-hint{font-size:12px;color:var(--ink-soft)}.stat-green .stat-value{color:var(--green-deep)}.stat-purple .stat-value{color:var(--purple-deep)}.stat-amber .stat-value{color:#8a5006}.stat-red .stat-value{color:var(--red)}.risk-meter{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid #eedcb8;border-radius:var(--radius-sm);background:#fffbf2}.risk-meter-head{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:650}.risk-meter-value{color:#8a5006;font-variant-numeric:tabular-nums}.risk-track{height:10px;border-radius:999px;background:#f0e3c9;overflow:hidden}.risk-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#e8a33c,#c4740a);transition:width .32s var(--ease)}.risk-meter-detail{font-size:12px;color:var(--ink-soft)}.meter{display:flex;flex-direction:column;gap:5px;min-width:180px}.meter-head{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--ink-soft)}.meter-value{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:650}.meter-track{height:10px;border-radius:999px;background:linear-gradient(#e4d8c3,#f3ece0);box-shadow:inset 0 2px 3px #32240c2e,0 1px #fff;overflow:hidden}.meter-fill{height:100%;border-radius:999px;background-image:linear-gradient(180deg,#ffffff6b,#fff0 58%);box-shadow:inset 0 -2px #00000029,0 0 8px #6b4cff1f;transition:width .32s var(--ease)}.meter-green{background:var(--green)}.meter-purple{background:var(--purple)}.meter-amber{background:var(--amber)}.meter-red{background:var(--red)}.meter-neutral{background:var(--ink-faint)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:6px 0}.toggle-row.is-disabled{opacity:.6}.toggle-text{display:flex;flex-direction:column;gap:3px}.toggle-label{font-weight:700}.toggle-description{font-size:13px;color:var(--ink-soft);max-width:58ch}.switch{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:40px;padding:4px 14px 4px 6px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);font-size:12px;font-weight:650;color:var(--ink-soft);cursor:pointer;transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease)}.switch.is-on{background:var(--green-soft);border-color:#9dd6b2;color:var(--green-deep)}.switch-knob{width:22px;height:22px;border-radius:50%;background:#d8cebc;box-shadow:inset 0 1px 2px #0000001f;transition:background var(--speed) var(--ease),transform var(--speed) var(--ease)}.switch.is-on .switch-knob{background:var(--green);transform:translate(2px)}.dialog-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:22px;background:#231d166b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .16s var(--ease)}.dialog{width:min(100%,440px);padding:24px 26px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lift);animation:dialog-in .22s var(--ease)}.dialog-title{font-size:20px;margin-bottom:10px}.dialog-body{display:flex;flex-direction:column;gap:8px;color:var(--ink-soft);font-size:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.empty-state{padding:22px;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);text-align:center;color:var(--ink-soft)}.empty-state-title{font-weight:700;color:var(--ink)}.empty-state-body{font-size:13px;margin-top:4px}.locked-actions{display:flex;justify-content:center;margin-top:16px}.rule-list{display:flex;flex-direction:column;gap:0;margin:0}.rule-item{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14px}.rule-item:last-child{border-bottom:none}.rule-item dt{color:var(--ink-soft)}.rule-item dd{margin:0;font-weight:650;text-align:right;font-variant-numeric:tabular-nums}.tone-green{color:var(--green-deep)}.tone-amber{color:#8a5006}.tone-red{color:var(--red)}.tone-purple{color:var(--purple-deep)}.bullet-list{display:flex;flex-direction:column;gap:8px;color:var(--ink-soft)}.bullet-list li{position:relative;padding-left:20px}.bullet-list li:before{content:"◆";position:absolute;left:0;top:0;color:var(--purple);font-size:11px}.level-page{display:flex;flex-direction:column;gap:18px;padding-top:18px}.theme-tactics{--theme: #2f8f5b;--theme-soft: #e7f6ec}.theme-scouting{--theme: #2f6f9e;--theme-soft: #e8f2fa}.theme-transfers{--theme: #8a5a2b;--theme-soft: #f8efe1}.theme-squad{--theme: #7a3f8f;--theme-soft: #f3e9f7}.level-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;padding:12px 6px;border-bottom:1px solid rgba(207,193,169,.6);background:#f6f1e7eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.level-topbar .back-link{flex:none}.level-title-wrap{display:flex;flex-direction:column;gap:1px;min-width:0}.level-order{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.level-title{font-size:clamp(20px,2.6vw,28px);line-height:1.25}.level-topbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.demo-notice{padding:10px 16px;border:1px dashed #ddc58e;border-radius:var(--radius-sm);background:var(--amber-soft);color:#6c4508;font-size:13px}.workbench{display:grid;grid-template-columns:288px minmax(0,1fr) 336px;grid-template-areas:"left main right";gap:20px;align-items:start}.workbench-main{grid-area:main;display:flex;flex-direction:column;gap:16px;min-width:0}.workbench-side{display:flex;flex-direction:column;gap:14px;min-width:0}.workbench-left{grid-area:left}.workbench-right{grid-area:right}.commission-sheet{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px 18px 16px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.65),transparent 40%),repeating-linear-gradient(0deg,transparent 0 26px,rgba(124,101,63,.05) 26px 27px),var(--surface);box-shadow:var(--shadow-sm)}.commission-sheet:before{content:"";position:absolute;top:-7px;left:50%;width:74px;height:16px;border-radius:3px;background:#d6c3a08c;transform:translate(-50%) rotate(-2deg)}.commission-head{display:flex;gap:12px;align-items:center}.commission-avatar{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:14px;background:var(--theme-soft, var(--purple-soft));font-size:24px}.commission-client{font-weight:750;line-height:1.35}.commission-role{font-size:12px;font-weight:500;color:var(--ink-soft)}.commission-order{font-size:11px;letter-spacing:.1em;color:var(--ink-faint)}.commission-quote{padding:10px 12px;border-left:3px solid var(--theme, var(--purple));border-radius:0 8px 8px 0;background:#fff9;color:var(--ink-soft);font-size:13px;line-height:1.7}.commission-foot{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--ink-faint)}.commission-topic{font-weight:650;color:var(--theme, var(--purple-deep))}.phase-rail{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.phase-rail ol{display:flex;flex-direction:column;gap:2px}.phase-step{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13px;color:var(--ink-faint)}.phase-dot{display:grid;place-items:center;width:21px;height:21px;flex:none;border:1px solid var(--line-strong);border-radius:50%;font-size:11px;font-weight:700;background:var(--surface)}.phase-step.is-done{color:var(--ink-soft)}.phase-step.is-done .phase-dot{border-color:var(--green);background:var(--green-soft);color:var(--green-deep)}.phase-step.is-active{color:var(--ink);font-weight:750}.phase-step.is-active .phase-dot{border-color:var(--theme, var(--purple));background:var(--theme, var(--purple));color:#fff}.phase-now{margin-left:auto;padding:1px 8px;border-radius:999px;background:var(--theme-soft, var(--purple-soft));color:var(--theme, var(--purple-deep));font-size:10px;font-weight:700}.evidence-panel{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.evidence-head{display:flex;align-items:center;justify-content:space-between}.evidence-title{font-size:13px;font-weight:750}.evidence-list{display:flex;flex-direction:column;gap:4px}.evidence-item{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--ink-faint);line-height:1.55}.evidence-item.is-done{color:var(--ink)}.evidence-mark{flex:none;width:16px;color:var(--ink-faint)}.evidence-item.is-done .evidence-mark{color:var(--green);font-weight:800}.evidence-note{font-size:11px;color:var(--ink-faint)}.module-card{position:relative;display:block;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);text-align:left;transition:border-color var(--speed) var(--ease),box-shadow var(--speed) var(--ease),background var(--speed) var(--ease)}.module-card.is-installed{border-color:#a9d8bb;background:linear-gradient(170deg,#f6fcf8,var(--surface))}.module-card.is-clickable:hover{border-color:var(--purple);box-shadow:0 8px 20px #6b4cff24}.module-card.is-disabled{opacity:.75}.module-card-button{display:block;width:100%;padding:14px 16px;border:none;border-radius:var(--radius-sm);background:none;text-align:left;cursor:pointer}.module-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}.module-name{font-size:14px;font-weight:750}.module-english{font-size:11px;letter-spacing:.06em;color:var(--ink-faint)}.module-summary{font-size:13px;color:var(--ink-soft);line-height:1.65}.module-side-effect{margin-top:7px;font-size:12px;color:#8a5006;line-height:1.6}.module-side-effect span{margin-right:2px}.module-badge{margin-top:8px}.module-action{display:inline-block;margin-top:9px;font-size:12px;font-weight:650;color:var(--purple-deep)}.module-disabled{display:block;margin-top:9px;font-size:12px;color:var(--ink-faint)}.preset-picker{display:flex;flex-direction:column;gap:10px}.preset-label{font-size:13px;font-weight:700}.preset-options{display:flex;flex-direction:column;gap:8px}.preset-option{display:flex;flex-direction:column;gap:2px;padding:10px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);text-align:left;cursor:pointer;transition:border-color var(--speed) var(--ease),background var(--speed) var(--ease)}.preset-option:hover:not(:disabled){border-color:var(--purple)}.preset-option.is-selected{border-color:var(--purple);background:var(--purple-soft)}.preset-option:disabled{cursor:not-allowed;opacity:.6}.preset-name{font-size:13px;font-weight:750}.preset-description{font-size:12px;color:var(--ink-soft)}.preset-detail{font-size:11px;color:var(--ink-faint)}.preset-hint{font-size:12px;color:var(--ink-faint)}.quiz-card{display:flex;flex-direction:column;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.quiz-card.is-resolved{border-color:#b9e0c7}.quiz-question{font-size:15px;font-weight:700;line-height:1.6}.quiz-hint{font-size:13px;color:var(--ink-soft);padding:8px 12px;border-radius:8px;background:var(--surface-weak)}.quiz-options{display:flex;flex-direction:column;gap:9px}.quiz-option{display:flex;align-items:flex-start;gap:10px;width:100%;min-height:44px;padding:11px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);text-align:left;cursor:pointer;transition:border-color var(--speed) var(--ease),background var(--speed) var(--ease),transform .15s var(--ease)}.quiz-option:hover:not(:disabled){border-color:var(--purple);transform:translateY(-1px)}.quiz-option.is-selected{border-color:var(--purple);background:var(--purple-soft)}.quiz-option.is-correct{border-color:var(--green);background:var(--green-soft)}.quiz-option.is-wrong{border-color:var(--red);background:var(--red-soft)}.quiz-option:disabled{cursor:default}.quiz-option-mark{flex:none;color:var(--ink-faint);font-size:13px;line-height:1.6}.quiz-option.is-correct .quiz-option-mark{color:var(--green-deep)}.quiz-option.is-wrong .quiz-option-mark{color:var(--red)}.quiz-option-label{flex:1}.quiz-option-flag{flex:none;align-self:center;font-size:11px;font-weight:700;color:var(--ink-soft)}.quiz-explanation{margin:7px 4px 0 30px;padding:9px 12px;border-radius:8px;background:var(--red-soft);color:#7c241e;font-size:12px;line-height:1.65}.quiz-explanation.is-ok{background:var(--green-soft);color:var(--green-deep)}.quiz-feedback{display:flex;flex-direction:column;gap:10px}.quiz-success{padding:12px 14px;border-radius:var(--radius-sm);background:var(--green-soft);color:var(--green-deep)}.quiz-success-title{font-weight:750;margin-bottom:4px}.quiz-success-body{font-size:13px;line-height:1.65;color:var(--ink-soft)}.quiz-retry{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--amber-soft)}.quiz-retry-title{flex:1 1 100%;font-size:13px;font-weight:700;color:#6c4508}.quiz-retry-hint{flex:1;font-size:12px;color:#6c4508}.quiz-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.quiz-attempts{font-size:12px;color:var(--ink-faint)}.event-log{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px}.event-log-caption{font-size:11px;color:var(--ink-faint)}.event-log-list{display:flex;flex-direction:column;gap:6px}.event-log-item{padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:12px}.event-log-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.event-log-seq{color:var(--ink-faint);font-family:var(--font-mono);font-size:11px}.event-log-label{flex:1;font-weight:600}.event-log-delta{color:var(--green-deep);font-weight:700;font-variant-numeric:tabular-nums}.event-log-note{margin-top:4px;color:var(--ink-faint);font-size:11px;line-height:1.55}.event-log-empty,.comparison-empty{padding:14px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--ink-faint);font-size:12px;text-align:center}.comparison-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-sm)}.comparison-table{width:100%;border-collapse:collapse;font-size:13px;min-width:320px}.comparison-table th,.comparison-table td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.comparison-table th{background:var(--surface-weak);font-size:12px;color:var(--ink-soft);white-space:nowrap}.comparison-table tr:last-child td{border-bottom:none}.comparison-table td:first-child{color:var(--ink-soft)}.comparison-table td:not(:first-child){font-variant-numeric:tabular-nums}.home{display:flex;flex-direction:column;gap:34px;padding-top:26px}.home-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;padding:34px 40px 38px;border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(circle at 92% 10%,rgba(107,76,255,.1),transparent 42%),radial-gradient(circle at 6% 92%,rgba(23,145,77,.07),transparent 40%),var(--surface);box-shadow:var(--shadow)}.hero-copy{display:flex;flex-direction:column;gap:14px}.hero-title{font-family:var(--font-display);font-size:clamp(40px,6vw,64px);line-height:1.1;letter-spacing:.02em}.hero-title-accent{color:var(--purple);position:relative}.hero-title-accent:after{content:"";position:absolute;left:2%;right:2%;bottom:4px;height:10px;border-radius:999px;background:#6b4cff29;z-index:-1}.hero-tagline{font-size:clamp(17px,2.1vw,21px);font-weight:700;color:var(--ink)}.hero-desc{color:var(--ink-soft);max-width:46ch;font-size:14.5px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}.hero-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}.hero-meta .link-button{font-size:13px;color:var(--ink-soft)}.hero-meta .link-button:hover{color:var(--purple-deep)}.hero-visual{position:relative;min-height:330px}.hero-pitch:before{content:"";position:absolute;inset:18px 6px 26px;border-radius:22px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 46px,transparent 46px 92px),radial-gradient(circle at 16% 12%,rgba(255,255,255,.18),transparent 42%),linear-gradient(160deg,#357f56,#246844);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 0 2px #ffffff47;transform:rotate(-1.4deg)}.hero-pitch:after{content:"";position:absolute;inset:40px 28px 48px;border-radius:16px;background:radial-gradient(circle at 50% 50%,transparent 0 52px,rgba(255,255,255,.42) 52px 54px,transparent 54px 55px),linear-gradient(to bottom,transparent calc(50% - 1px),rgba(255,255,255,.42) calc(50% - 1px),rgba(255,255,255,.42) calc(50% + 1px),transparent calc(50% + 1px));border:1px solid rgba(255,255,255,.36);pointer-events:none}.hero-pitch .bench-card{z-index:1}.hero-disclaimer{max-width:48ch;font-size:11.5px;line-height:1.6;color:var(--ink-faint)}.bench-card{position:absolute;display:flex;flex-direction:column;gap:3px;width:216px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.bench-card strong{font-size:16px;line-height:1.35}.bench-card p{font-size:12px;color:var(--ink-soft);line-height:1.6}.bench-tag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--purple-deep);font-weight:700}.bench-commission{top:22px;left:8px;transform:rotate(-4deg)}.bench-module{top:108px;right:2px;transform:rotate(3deg);border-color:#c9e8d6;background:linear-gradient(170deg,#f6fcf8,var(--surface))}.bench-mechanism{bottom:20px;left:48px;transform:rotate(-1.6deg);border-color:#ded4fa;background:linear-gradient(170deg,#faf8ff,var(--surface))}.bench-arrow{position:absolute;right:18px;bottom:66px;padding:6px 12px;border-radius:999px;border:1px dashed var(--line-strong);background:#fffcf5e6;font-size:11px;color:var(--purple-deep);font-weight:650;transform:rotate(3deg)}.how-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.how-step{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.how-index{font-family:var(--font-display);font-size:22px;line-height:1;color:var(--purple);opacity:.75}.how-title{font-size:13px;font-weight:750}.how-desc{font-size:12px;color:var(--ink-soft);line-height:1.55}.home-section{display:flex;flex-direction:column;gap:18px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.section-title{font-size:24px;line-height:1.3}.section-subtitle{font-size:13px;color:var(--ink-soft);margin-top:3px}.commission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.commission-card{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.commission-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.commission-card.is-completed{border-color:#c4e5cf}.commission-card.is-locked{background:var(--surface-weak);box-shadow:none;opacity:.82}.commission-card.is-locked:hover{transform:none;box-shadow:none}.commission-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-no{font-size:10px;letter-spacing:.12em;color:var(--ink-faint)}.commission-card-body{display:flex;align-items:center;gap:10px}.card-avatar{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:var(--theme-soft, var(--purple-soft));font-size:22px}.card-title{font-size:18px;line-height:1.3}.card-client{font-size:11.5px;color:var(--ink-faint)}.card-complaint{flex:1;padding:9px 11px;border-left:3px solid var(--theme, var(--line-strong));border-radius:0 8px 8px 0;background:var(--surface-weak);color:var(--ink-soft);font-size:12.5px;line-height:1.65}.card-topic{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;font-size:11px;color:var(--ink-faint)}.card-topic strong{font-size:13px;color:var(--ink)}.card-topic-en{font-size:10px;letter-spacing:.04em}.home-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.tool-copy{font-size:13px;color:var(--ink-soft);line-height:1.7}.tool-note{font-size:12px;color:var(--ink-faint)}.codex-mini-row{display:flex;gap:7px;flex-wrap:wrap}.codex-mini{padding:3px 10px;border-radius:999px;border:1px dashed var(--line-strong);background:var(--surface);font-size:11px;color:var(--ink-soft)}.club-office{display:flex;flex-direction:column;gap:16px;padding:20px 24px 18px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 96% 0%,rgba(47,143,91,.09),transparent 42%),var(--surface);box-shadow:var(--shadow-sm)}.club-office-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.club-office-title{display:flex;align-items:baseline;gap:10px;font-size:24px;line-height:1.25}.club-office-title span{font-size:13px;font-weight:500;color:var(--ink-faint)}.club-office-meta{margin-top:4px;font-size:12px;color:var(--ink-soft)}.club-office-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.club-office-time{font-size:11px;color:var(--ink-faint)}.club-office-resources{font-size:11.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.club-office-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:12px}.club-office-dials{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(130px,.7fr);gap:18px;padding:12px 16px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(160deg,#fffdf8,#f7f0e3);box-shadow:inset 0 1px #fff,0 10px 18px -18px #281e0c59;perspective:700px}.club-dial{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label value" "track track";gap:5px 8px;align-items:center}.club-dial>span{grid-area:label;font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--ink-faint)}.club-dial>em{grid-area:value;font-style:normal;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;color:var(--ink)}.club-dial-track{grid-area:track;height:12px;border-radius:7px;background:linear-gradient(#e6dbc7,#f3ecdf);box-shadow:inset 0 2px 3px #32240c29,0 1px #fff;transform:rotateX(8deg);transform-origin:50% 100%;overflow:hidden}.club-dial-track i{display:block;height:100%;border-radius:7px;box-shadow:inset 0 1px #ffffff80,inset 0 -2px #00000029,0 0 12px #6b4cff2e;transition:width .42s var(--ease)}.club-dial-track i.is-budget{background:linear-gradient(180deg,#8f75ff,#6b4cff 58%,#5135d6)}.club-dial-track i.is-wage{background:linear-gradient(180deg,#4fd49a,#25a471 58%,#16764e)}.club-dial-failures{grid-template-areas:"label label" "number note";grid-template-columns:auto 1fr;padding-left:14px;border-left:1px dashed var(--line)}.club-dial-failures>strong{grid-area:number;font-family:var(--font-display);font-size:30px;line-height:1;color:var(--red)}.club-dial-failures>em{grid-area:note;align-self:end;font-size:10.5px;font-weight:500;color:var(--ink-faint)}@media(max-width:760px){.club-office-dials{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.club-dial-failures{grid-column:1 / -1;padding-left:0;padding-top:8px;border-left:0;border-top:1px dashed var(--line)}}@media(max-width:560px){.club-office-dials{grid-template-columns:minmax(0,1fr);gap:12px}}.club-latest,.club-next{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-weak)}.club-label{font-size:11px;letter-spacing:.08em;color:var(--ink-faint)}.club-latest h3,.club-next h3{font-size:16px;line-height:1.45;margin:2px 0 4px}.club-latest ul{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink-soft);line-height:1.6}.club-latest li{position:relative;padding-left:16px}.club-latest li:before{content:"→";position:absolute;left:0;top:0;color:var(--green);font-weight:700}.club-next-client{display:block;margin-top:3px;font-size:11px;font-weight:500;color:var(--ink-faint)}.club-next blockquote{margin:6px 0 10px;padding-left:10px;border-left:2px solid var(--line-strong);font-size:12.5px;color:var(--ink-soft);line-height:1.65}.club-empty{font-size:13px;color:var(--ink-faint);line-height:1.7}.club-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.club-timeline-item{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);opacity:.62}.club-timeline-item.is-done{opacity:1;border-style:solid;border-color:#c4e5cf}.club-timeline-item.is-current{opacity:1;border-color:var(--purple);background:#faf8ff}.club-timeline-dot{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;background:#efe7d8;color:var(--ink-soft);font-size:11px;font-weight:700}.club-timeline-item.is-done .club-timeline-dot{background:var(--green);color:#fff}.club-timeline-item.is-current .club-timeline-dot{background:var(--purple);color:#fff}.club-timeline-title{font-size:12.5px;font-weight:700;line-height:1.35}.club-timeline-text{margin-top:2px;font-size:11px;color:var(--ink-faint);line-height:1.5}.club-assets{display:flex;flex-direction:column;gap:5px;padding:11px 14px;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:12px;color:var(--ink-soft);line-height:1.6}.club-assets-label{display:inline-block;min-width:74px;margin-right:6px;color:var(--ink-faint);font-size:11px}@media(max-width:960px){.club-office-grid{grid-template-columns:minmax(0,1fr)}.club-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.club-office{padding:16px}.club-office-side{align-items:flex-start}.club-timeline{grid-template-columns:minmax(0,1fr)}}.home-footer{display:flex;flex-direction:column;gap:5px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-faint)}.settings-page .settings-danger{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:6px}.settings-hint{font-size:12px;color:var(--ink-faint)}.references-page .page-header{margin-bottom:0}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}70%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.pop-in{animation:pop-in .26s var(--ease)}.fade-up{animation:fade-up .28s var(--ease)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html[data-reduce-motion=true] *,html[data-reduce-motion=true] *:before,html[data-reduce-motion=true] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@media(max-width:1279px){.workbench{grid-template-columns:258px minmax(0,1fr) 300px;gap:16px}.commission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1080px){.home-hero{grid-template-columns:minmax(0,1fr);padding:28px}.hero-visual{min-height:300px;max-width:560px;width:100%}.bench-arrow{display:none}.bench-mechanism{left:16px;bottom:16px}.how-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.app-shell{padding:0 18px 48px}.workbench{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "left" "right";gap:16px}.workbench-left{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.workbench-left .evidence-panel{grid-column:1 / -1}.home-tools{grid-template-columns:minmax(0,1fr)}.level-topbar{flex-wrap:wrap;gap:8px 14px}.level-topbar-actions{margin-left:0;width:100%;justify-content:flex-end}}@media(max-width:680px){body{font-size:14.5px}.app-shell{padding:0 14px 44px}.home{gap:26px;padding-top:16px}.home-hero{padding:22px 20px 26px;border-radius:var(--radius)}.hero-title{font-size:42px}.hero-visual{min-height:250px}.bench-card{width:calc(50% - 12px);padding:10px 12px}.bench-card strong{font-size:13.5px}.bench-card p{font-size:10.5px}.bench-commission{top:14px;left:6px;transform:rotate(-2deg)}.bench-module{top:14px;right:6px;transform:rotate(2deg)}.bench-mechanism,.bench-arrow{display:none}.how-strip,.commission-grid{grid-template-columns:minmax(0,1fr)}.section-head{align-items:flex-start}.workbench-left{grid-template-columns:minmax(0,1fr)}.panel{padding:16px}.level-topbar{position:static}.quiz-explanation{margin-left:0}.dialog-actions{flex-direction:column-reverse}.dialog-actions .btn{width:100%}.toast{left:14px;right:14px;bottom:16px;transform:none;max-width:none;border-radius:var(--radius)}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.home-footer{font-size:11px}}@media(max-width:390px){.app-shell{padding:0 12px 40px}.hero-actions .btn{width:100%}.bench-card{width:168px}}