:root{color-scheme:dark;font-family:Hiragino Sans,Yu Gothic,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#100f0b;color:#f4f0e6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;overflow-x:hidden;background:linear-gradient(90deg,rgba(246,224,169,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(246,224,169,.028) 1px,transparent 1px),radial-gradient(ellipse at 50% 16%,rgba(180,255,232,.16),transparent 34rem),radial-gradient(circle at 18% 0%,rgba(212,178,104,.13),transparent 25rem),radial-gradient(circle at 84% 12%,rgba(92,185,198,.11),transparent 24rem),linear-gradient(145deg,#13110d,#0c1513 52%,#150f0d);background-size:48px 48px,48px 48px,auto,auto,auto,auto}body:has(.commission-mode){background:linear-gradient(90deg,rgba(213,166,88,.028) 1px,transparent 1px),linear-gradient(180deg,rgba(213,166,88,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(80,52,29,.28) 0 1px,transparent 1px 100%),radial-gradient(ellipse at 48% 14%,rgba(242,196,103,.18),transparent 31rem),radial-gradient(ellipse at 78% 18%,rgba(126,255,221,.1),transparent 24rem),linear-gradient(145deg,#15120d,#0c1714 48%,#1b120d);background-size:48px 48px,48px 48px,168px 100%,auto,auto,auto}body:has(.commission-mode):before,body:has(.commission-mode):after{content:"";position:fixed;inset:0;pointer-events:none}body:has(.commission-mode):before{z-index:0;background:linear-gradient(180deg,transparent 0 11%,rgba(91,56,29,.16) 11% 11.6%,transparent 11.6% 100%),linear-gradient(180deg,transparent 0 78%,rgba(30,18,10,.24) 78% 79%,transparent 79% 100%);opacity:.62}body:has(.commission-mode):after{z-index:0;background:radial-gradient(ellipse at 18% 7%,rgba(255,218,130,.14),transparent 18rem),linear-gradient(90deg,rgba(0,0,0,.22),transparent 18%,transparent 82%,rgba(0,0,0,.22));mix-blend-mode:screen;opacity:.5}button{color:inherit;font:inherit}.shell{position:relative;z-index:1;width:min(1280px,100%);min-height:100vh;margin:0 auto;padding:16px clamp(12px,2.6vw,30px) 18px;display:flex;flex-direction:column;gap:16px}.topbar,.stage,.controls{width:100%}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.commission-mode .topbar{align-items:center;padding:8px 10px;border:1px solid rgba(125,91,48,.24);border-radius:8px;background:linear-gradient(90deg,rgba(70,39,19,.34),transparent 34%,rgba(16,26,22,.2)),#090e0c61;box-shadow:inset 0 1px #f6e0a914,0 16px 38px #0000002e}.brand{display:grid;gap:4px;min-width:0}.brand-lockup{width:clamp(214px,31vw,330px);display:block;filter:drop-shadow(0 0 18px rgba(121,167,255,.1)) drop-shadow(0 0 12px rgba(242,201,94,.08))}.brand-lockup svg{width:100%;height:auto;display:block}.commission-mode .brand-lockup{filter:sepia(.16) saturate(.9) drop-shadow(0 0 14px rgba(246,224,169,.12))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1{margin:0;letter-spacing:0;font-size:clamp(2rem,4.4vw,3.35rem);line-height:.9}.eyebrow,.tagline,.day span,.day small,.label,.target-meta span,.stats small{margin:0;color:#bdb5a3;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.eyebrow{margin-bottom:4px;color:#d3bd7c;font-size:.62rem}.tagline{margin-top:-4px;padding-left:clamp(76px,9.2vw,116px);max-width:520px;color:#cfc7b5;text-transform:none;letter-spacing:0;line-height:1.55}.day{min-width:116px;padding:8px 0 3px;text-align:right}.top-actions{display:flex;align-items:flex-end;gap:12px}.mode-link{min-width:68px;height:30px;display:grid;place-items:center;margin-bottom:2px;padding:0 10px;border:1px solid rgba(142,255,220,.22);border-radius:8px;background:linear-gradient(135deg,#8effdc1c,#f6e0a912),#0a100e8a;color:#dffdf4;font-size:.68rem;font-weight:900;text-decoration:none;letter-spacing:.04em}.commission-mode .mode-link,.commission-mode .help-button{border-color:#a87c4157;color:#f5e6be;background:linear-gradient(180deg,#714a2257,#14100b5c),#0c110e94;box-shadow:inset 0 1px #fff1bd1f}.commission-mode .day{min-width:132px;padding:8px 10px;border:1px solid rgba(168,124,65,.22);border-radius:8px;background:#0f120e57}.commission-mode .day span{color:#f0d99e}.commission-mode .day small{color:#b9a77e}.mode-link:hover{border-color:#f6e0a96b;color:#fff6d0}.help-button{width:34px;height:30px;display:grid;place-items:center;margin-bottom:2px;border:1px solid rgba(246,224,169,.22);border-radius:8px;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.18),transparent 24%),#0a100e8a;color:#f7e7b6;cursor:pointer;box-shadow:inset 0 1px #ffffff0f,0 0 9px #e4c97c0f}.commission-mode .help-button{border-color:#a87c4157;color:#f5e6be;background:linear-gradient(180deg,#714a2257,#14100b5c),#0c110e94}.help-button svg,.help-close svg,.help-head-icon svg,.target-effect-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.help-button:hover,.help-button[aria-expanded=true]{border-color:#f6e0a975;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.2),transparent 24%),linear-gradient(180deg,#f6e0a914,#8effdc0a),#0a100ea8}.help-button:focus-visible,.help-close:focus-visible,.target-effect:focus-visible,.share-button:focus-visible,.copy-button:focus-visible,.today-button:focus-visible{outline:2px solid rgba(142,255,220,.56);outline-offset:2px}.day span{white-space:nowrap}.day small{display:block;margin-top:4px;font-size:.64rem}.help-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px}.help-overlay[hidden]{display:none}.help-scrim{position:absolute;inset:0;z-index:0;border:0;background:radial-gradient(ellipse at 50% 30%,rgba(142,255,220,.09),transparent 32rem),#040706bd;backdrop-filter:blur(12px);cursor:pointer}.help-dialog{position:relative;z-index:1;width:min(760px,100%);max-height:min(82vh,660px);overflow:auto;padding:22px;border:1px solid rgba(246,224,169,.22);border-radius:8px;background:radial-gradient(ellipse at 16% 0%,rgba(246,224,169,.11),transparent 18rem),radial-gradient(ellipse at 82% 14%,rgba(142,255,220,.08),transparent 18rem),linear-gradient(180deg,#f6e0a90f,#8effdc06),#090e0cf5;box-shadow:0 30px 80px #00000075,inset 0 1px #ffffff0f}.help-close{position:absolute;right:14px;top:14px;width:32px;height:30px;display:grid;place-items:center;border:1px solid rgba(246,224,169,.28);border-radius:8px;background:#ffffff0b;color:#f5e8be;cursor:pointer}.help-head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding-right:42px}.help-head-icon{width:44px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(246,224,169,.22);border-radius:8px;color:#f8e7ad;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.16),transparent 26%),linear-gradient(145deg,#f6e0a91f,#8effdc0b);box-shadow:inset 0 1px #ffffff14}.help-head-icon svg{width:23px;height:23px}.help-kicker{color:#d3bd7c;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.help-dialog h2{margin:6px 0 8px;color:#fff6d0;font-size:clamp(1.35rem,3vw,2.1rem);line-height:1.12}.help-head p{margin:0 0 16px;max-width:56ch;color:#d8d0bd;font-size:.88rem;line-height:1.65}.target-story-dialog{width:min(700px,100%)}.target-story-dialog.parchment-dialog{width:min(920px,calc(100vw - 24px));max-height:calc(100vh - 28px);overflow:auto;padding:0;border:0;border-radius:10px;background:transparent;box-shadow:0 30px 90px #0000006b}.target-story-dialog.parchment-dialog .help-close{z-index:3;top:14px;right:14px;color:#4b2f1b;border-color:#4e2d153d;background:#fff5d2b8;box-shadow:0 6px 18px #45251229}.target-story-dialog .help-head{grid-template-columns:minmax(0,1fr);padding-right:42px}.target-story-dialog .help-head-icon{display:none}.target-story-dialog .help-kicker,.target-story-dialog h2{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.help-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.help-quick span{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 9px;align-items:center;padding:10px;border:1px solid rgba(225,255,246,.11);border-radius:8px;background:#ffffff0a}.help-quick b{color:#fff2be;font-size:.85rem;line-height:1.2}.help-quick small{grid-column:2;color:#b9c9bf;font-size:.68rem;font-weight:800;line-height:1.25}.help-rule-icon,.help-card-icon{position:relative;display:block;overflow:hidden;border-radius:8px}.help-rule-icon{grid-row:1 / span 2;width:30px;aspect-ratio:1;border:1px solid rgba(246,224,169,.2);background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.35),transparent 18%),linear-gradient(145deg,#f6e0a91f,#8effdc14)}.help-rule-icon.drops{background:radial-gradient(circle at 36% 26%,#fff6cc 0 2px,transparent 3px),radial-gradient(circle at 62% 38%,#90f4df 0 2px,transparent 3px),radial-gradient(circle at 46% 62%,#b9a7ff 0 2px,transparent 3px),linear-gradient(145deg,#f6e0a91c,#8effdc14)}.help-rule-icon.tries{background:conic-gradient(from 22deg,#f3d37b 0 44deg,transparent 44deg 72deg,#8ff1dd 72deg 126deg,transparent 126deg 162deg,#c69cff 162deg 214deg,transparent 214deg),#ffffff0a}.help-rule-icon.marks{background:radial-gradient(circle at 35% 50%,#f8ffe8 0 3px,transparent 4px),radial-gradient(circle at 56% 50%,#ffd36f 0 3px,transparent 4px),linear-gradient(135deg,transparent 55%,rgba(255,166,97,.92) 56% 62%,transparent 63%),#ffffff0a}.help-rule-icon.keep{background:radial-gradient(ellipse at 50% 72%,rgba(142,255,220,.58),transparent 30%),linear-gradient(180deg,transparent 28%,rgba(246,224,169,.3) 29% 34%,transparent 35%),#ffffff0a}.help-rule-icon.exact{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,#f8ffe8,transparent 4%) 0 5px,transparent 6px),radial-gradient(circle at 50% 50%,transparent 0 8px,rgba(248,255,232,.9) 9px 10px,transparent 11px),#ffffff0a}.help-rule-icon.present{background:radial-gradient(circle at 50% 50%,rgba(255,211,111,.34) 0 7px,transparent 8px),#ffffff0a}.help-rule-icon.present:before{content:"";position:absolute;inset:6px;border:2px dashed #ffd36f;border-radius:50%}.help-rule-icon.absent{background:linear-gradient(135deg,transparent 42%,rgba(255,232,206,.92) 43% 50%,transparent 51%),radial-gradient(circle at 50% 50%,rgba(255,166,97,.48) 0 7px,transparent 8px),#ffffff0a}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.help-grid article{position:relative;min-width:0;padding:13px 13px 13px 47px;border:1px solid rgba(225,255,246,.1);border-radius:8px;background:#ffffff09}.help-card-icon{position:absolute;left:12px;top:14px;width:24px;aspect-ratio:1;border:1px solid rgba(246,224,169,.18);background:radial-gradient(circle at 34% 25%,rgba(255,255,255,.3),transparent 18%),#ffffff0b}.help-card-icon:before,.help-card-icon:after{content:"";position:absolute;border-radius:inherit}.help-card-icon.pour:before{inset:5px 8px 4px;border:1px solid rgba(142,255,220,.68);border-top:0;border-radius:2px 2px 9px 9px}.help-card-icon.read:before{inset:5px;border:2px solid rgba(248,255,232,.82)}.help-card-icon.risk:before{inset:6px;background:conic-gradient(from 24deg,#f3d37b,#8ff1dd,#c69cff,#f3d37b);opacity:.7}.help-card-icon.keep:before{inset:5px 7px;border:1px solid rgba(246,224,169,.72);border-radius:3px 3px 8px 8px}.help-grid b{color:#f8e7ad;font-size:.95rem}.help-grid p{margin:8px 0 0;color:#e1d9c8;font-size:.86rem;line-height:1.65}.help-marks{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px;color:#c9d8ce;font-size:.78rem;font-weight:800}.help-marks span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#ffffff0a}.stage{flex:1;display:grid;grid-template-columns:minmax(560px,1fr) minmax(300px,360px);grid-template-rows:minmax(0,1fr) auto;gap:12px;align-items:stretch;min-height:clamp(500px,calc(100vh - 270px),700px)}.center-rail{grid-column:1;grid-row:1}.result-panel{grid-column:1;grid-row:2}.target-card{grid-column:2;grid-row:1}.score-card{grid-column:2;grid-row:2;min-height:0}.commission-mode .stage{grid-template-columns:minmax(540px,1fr) minmax(320px,380px);grid-template-rows:auto auto;min-height:clamp(440px,calc(100vh - 330px),620px)}.commission-mode .center-rail{grid-column:1;grid-row:1 / span 2;grid-template-rows:minmax(0,1fr)}.commission-mode .target-card{grid-column:2;grid-row:1;align-self:start}.commission-mode .result-panel{grid-column:2;grid-row:2;align-self:start}.commission-mode .score-card,.commission-mode .observation-tray{display:none}.commission-mode .flask-panel{min-height:clamp(400px,calc(100vh - 390px),600px)}.target-card,.score-card,.result-panel,.controls{border:1px solid rgba(225,255,246,.14);background:linear-gradient(180deg,#f6e0a90b,#ffffff04),#0e1210bd;box-shadow:0 20px 48px #00000040}.flask-panel{box-shadow:0 28px 86px #00000057,inset 0 -1px #f6e0a914}.target-card,.score-card,.result-panel{border-radius:8px;padding:16px}.center-rail{min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px}.target-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 86px;grid-template-rows:auto auto auto;align-items:center;gap:10px 12px;background:linear-gradient(180deg,rgba(246,224,169,.04),transparent 40%),#0a0f0d94}.commission-mode .target-card{grid-template-columns:62px minmax(0,1fr);grid-template-rows:auto auto;gap:9px 12px;align-content:start;min-height:0;padding:15px 15px 14px;border:1px solid rgba(116,78,41,.46);border-radius:8px;color:#3e2d1d;background:radial-gradient(circle at 12% 12%,rgba(255,247,207,.7),transparent 28%),radial-gradient(circle at 85% 16%,rgba(118,76,33,.18),transparent 22%),radial-gradient(circle at 28% 90%,rgba(69,38,18,.16),transparent 30%),linear-gradient(92deg,rgba(95,59,27,.2) 0 1px,transparent 1px 100%),linear-gradient(180deg,#efe0b6,#d7bd82 62%,#c99f61);box-shadow:0 18px 48px #00000057,inset 0 0 0 1px #fff8dc80,inset 0 -22px 42px #5836181f;font-family:Iowan Old Style,Palatino Linotype,Palatino,Yu Mincho,Hiragino Mincho ProN,serif;isolation:isolate}.commission-mode .target-card:before{content:"";position:absolute;inset:7px;border:1px solid rgba(83,51,23,.28);border-radius:6px;background:linear-gradient(90deg,rgba(83,51,23,.11),transparent 18%,transparent 82%,rgba(83,51,23,.08)),repeating-linear-gradient(178deg,rgba(70,43,20,.08) 0 1px,transparent 1px 11px);opacity:.56;mix-blend-mode:multiply;pointer-events:none}.commission-mode .target-card:after{content:"";position:absolute;right:12px;top:12px;width:34px;aspect-ratio:1;border-radius:2px 8px 2px 12px;background:linear-gradient(135deg,rgba(255,247,207,.76),rgba(120,76,36,.26) 58%,transparent 59%);box-shadow:-5px 6px 10px #4e2d1424;opacity:.9;pointer-events:none}.commission-mode .target-copy{position:relative;z-index:1;grid-column:2;grid-row:1;gap:5px;padding-right:0}.commission-mode .target-copy .label{color:#7b3d29;font-family:Avenir Next,Inter,system-ui,sans-serif;font-weight:950;letter-spacing:.08em}.commission-mode .target-copy b{color:#3b2415;font-size:1.2rem;font-weight:950;text-shadow:0 1px 0 rgba(255,247,215,.65)}.commission-mode .target-copy p{color:#4e3a27;font-size:.78rem;line-height:1.52;font-weight:800}.commission-mode .target-copy,.commission-mode .target-phases,.commission-mode .target-effect,.commission-mode .target-orb{z-index:1}.commission-mode .target-meta,.commission-mode .mobile-stats{display:none}.commission-mode .target-effect{border-color:#5d321842;color:#372315;background:linear-gradient(90deg,#76222029,#fff5d157),#fff9de57;box-shadow:inset 0 1px #fff8dc8c}.commission-mode .target-effect small{color:#7b3d29}.commission-mode .target-effect strong{color:#3c2515}.commission-mode .target-effect-icon{color:#7f372e;background:radial-gradient(circle at 34% 25%,rgba(255,242,203,.55),transparent 28%),#73301f1f}.commission-mode .target-effect:hover,.commission-mode .target-effect[aria-expanded=true]{border-color:#6e361c61;background:linear-gradient(90deg,#76222038,#fff5d175),#fff9de75}.commission-mode .target-card .commission-lookline,.commission-mode .target-card .commission-requirements span{border-color:#5d321838;background:linear-gradient(180deg,#fff9de52,#7b4d2312),#fff6d424}.commission-mode .target-card .commission-lookline span,.commission-mode .target-card .commission-requirements small{color:#7b3d29;font-family:Avenir Next,Inter,system-ui,sans-serif}.commission-mode .target-card .commission-lookline b,.commission-mode .target-card .commission-requirements b{color:#3a2517}.commission-mode .target-card .commission-lookline i,.commission-mode .target-card .commission-requirements em{color:#6b4a31}.commission-mode .target-orb{grid-column:1;grid-row:1 / span 2;width:58px;height:88px;margin:0;border-radius:36px 36px 28px 28px}.commission-mode .target-orb:before{inset:42% 7px 7px;border-radius:12px 12px 22px 22px}.commission-mode .target-orb:after{inset:calc(42% - 6px) 8px auto;height:14px}.commission-mode .target-phases{grid-column:2;grid-row:2}.commission-mode.commission-delivered .flask-panel{border-color:#f6e0a938;box-shadow:0 28px 86px #00000057,0 0 36px #f6e0a914,inset 0 -1px #f6e0a924}.commission-mode.commission-delivered .flask-panel:after{height:24%;background:linear-gradient(90deg,transparent,rgba(246,224,169,.14),rgba(142,255,220,.1),transparent),linear-gradient(180deg,rgba(246,224,169,.08),transparent);animation:lanternCurrent 3.8s ease-in-out infinite}.commission-mode.commission-delivered .target-card{border-color:#a57a386b;background:radial-gradient(circle at 22% 20%,rgba(255,246,205,.82),transparent 28%),linear-gradient(180deg,#f1dfae,#d0aa6b)}.commission-mode.commission-delivered .target-card:after{content:"";position:absolute;left:14px;right:14px;bottom:10px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(246,224,169,.48),rgba(142,255,220,.36),transparent);opacity:.72;pointer-events:none}@keyframes lanternCurrent{0%,to{opacity:.62;transform:translateY(0)}50%{opacity:.92;transform:translateY(-4px)}}.target-copy{grid-column:1;grid-row:1 / span 2;display:grid;gap:7px;padding-right:0}.target-copy b{color:#fff7d8;font-size:1.28rem;line-height:1.15}.target-copy p{margin:0;color:#d8d0bd;font-size:.86rem;line-height:1.65}.target-effect{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;margin-top:2px;padding:9px;appearance:none;border:1px solid rgba(246,224,169,.12);border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--target),transparent 86%),transparent),#ffffff09;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.target-effect:hover,.target-effect[aria-expanded=true]{border-color:#f6e0a94d;background:linear-gradient(90deg,color-mix(in srgb,var(--target),transparent 78%),transparent),#ffffff0d}.target-effect:active{transform:translateY(1px)}.target-effect-icon{width:28px;aspect-ratio:1;display:grid;place-items:center;border-radius:8px;color:#fff1bd;background:radial-gradient(circle at 36% 26%,rgba(255,255,255,.22),transparent 24%),color-mix(in srgb,var(--target),transparent 74%);box-shadow:inset 0 1px #ffffff14}.target-effect-icon svg{width:18px;height:18px;stroke-width:1.65}.target-effect small,.target-effect strong{display:block}.target-effect small{color:#d3bd7c;font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.target-effect strong{margin-top:2px;color:#f7efdc;font-size:.78rem;line-height:1.35;word-break:keep-all;overflow-wrap:anywhere}.target-story-copy{display:grid;gap:10px}.target-story-copy b{color:#fff6d0;font-size:clamp(1.35rem,4vw,2rem);line-height:1.08}.target-story-copy p{margin:0;color:#e9dfc9;font-size:.94rem;line-height:1.75}.target-story-copy p span{display:inline-block;margin-right:.7em;color:#d5be7d;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.commission-letter,.delivery-story-copy{position:relative;gap:12px;padding:18px;border:1px solid rgba(246,224,169,.2);border-radius:8px;background:linear-gradient(135deg,rgba(246,224,169,.12),rgba(142,255,220,.035) 48%,transparent),radial-gradient(circle at 92% 10%,rgba(246,224,169,.13),transparent 24%),#0f1411e0;box-shadow:inset 0 1px #ffffff0f}.commission-letter{display:grid;gap:14px;padding:clamp(20px,4vw,34px);overflow:hidden;border:1px solid rgba(94,57,26,.42);border-radius:9px;color:#3c2a1b;background:radial-gradient(circle at 13% 13%,rgba(255,249,218,.72),transparent 28%),radial-gradient(circle at 88% 18%,rgba(113,68,31,.18),transparent 22%),radial-gradient(circle at 22% 96%,rgba(92,50,22,.16),transparent 34%),radial-gradient(circle at 74% 76%,rgba(161,101,47,.12),transparent 26%),repeating-linear-gradient(90deg,rgba(65,39,18,.04) 0 1px,transparent 1px 17px),repeating-linear-gradient(179deg,rgba(82,49,23,.045) 0 1px,transparent 1px 13px),linear-gradient(180deg,#f2dfaa,#dec184 52%,#c99e61);box-shadow:0 30px 80px #0000005c,inset 0 0 0 1px #fff8dc94,inset 0 30px 60px #fff9dc3d,inset 0 -42px 70px #59341921;font-family:Iowan Old Style,Palatino Linotype,Palatino,Yu Mincho,Hiragino Mincho ProN,serif}.commission-letter:before{content:"";position:absolute;inset:10px;border:1px solid rgba(75,45,20,.26);border-radius:7px;background:linear-gradient(90deg,rgba(64,38,17,.1),transparent 9%,transparent 91%,rgba(64,38,17,.1)),linear-gradient(180deg,rgba(64,38,17,.08),transparent 12%,transparent 88%,rgba(64,38,17,.08));mix-blend-mode:multiply;pointer-events:none}.commission-letter:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 26%,rgba(87,49,20,.12),transparent 3.8%),radial-gradient(circle at 82% 38%,rgba(87,49,20,.1),transparent 4.4%),radial-gradient(circle at 46% 86%,rgba(87,49,20,.1),transparent 3.4%);opacity:.42;mix-blend-mode:multiply;pointer-events:none}.letter-worn-edge{position:absolute;inset:0;pointer-events:none}.letter-worn-edge:before,.letter-worn-edge:after{content:"";position:absolute;width:120px;aspect-ratio:1;border-radius:50%;background:#1319152e;filter:blur(18px);opacity:.32}.letter-worn-edge:before{left:-76px;top:18%}.letter-worn-edge:after{right:-70px;bottom:12%}.letter-top{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding-bottom:2px}.letter-seal{display:flex;align-items:center;gap:9px;color:#78352d;font-size:.62rem;font-weight:950;letter-spacing:.08em}.letter-seal i{width:44px;aspect-ratio:1;display:grid;place-items:center;border-radius:999px;color:#ffedc6e6;font-style:normal;font-size:.94rem;font-weight:950;background:radial-gradient(circle at 34% 25%,rgba(255,236,210,.38),transparent 20%),radial-gradient(circle at 68% 76%,rgba(45,8,8,.22),transparent 28%),linear-gradient(145deg,#a53531,#6e1d22 72%);box-shadow:0 7px 16px #481d133d,inset 0 0 0 2px #ffe2a229,inset 0 -7px 16px #2f060938;text-shadow:0 1px 0 rgba(57,8,11,.5)}.letter-title{min-width:0;display:grid;gap:3px}.letter-title small{color:#74412b;font-size:.62rem;font-weight:950;letter-spacing:.08em;font-family:Avenir Next,Inter,system-ui,sans-serif}.commission-letter .letter-title b{color:#2f2116;font-size:clamp(1.6rem,4.7vw,2.55rem);line-height:1.05;letter-spacing:.03em;text-shadow:0 1px 0 rgba(255,248,217,.75)}.commission-letter .letter-lead,.commission-letter .letter-closing,.letter-address,.letter-signature{position:relative;z-index:1;color:#392719;font-weight:900}.commission-letter .letter-address{width:fit-content;margin:2px 0 -2px;padding:0 0 3px;border-bottom:1px solid rgba(73,42,18,.22);color:#392719;font-size:.98rem;letter-spacing:.04em}.commission-letter .letter-lead{max-width:62ch;font-size:.96rem;line-height:1.78}.commission-letter .letter-closing{padding:11px 13px;border-left:3px double rgba(94,53,22,.36);color:#3c2819;line-height:1.7;background:#fff6d52e}.commission-letter .letter-signature{justify-self:end;min-width:8em;padding-top:3px;border-top:1px solid rgba(73,42,18,.25);color:#392719;text-align:center;font-size:1rem}.letter-body{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.letter-body section,.letter-sample{min-width:0;display:grid;gap:6px;padding:12px;border:1px solid rgba(92,56,28,.24);border-radius:8px;color:#3b281a;background:linear-gradient(180deg,#fff8de5c,#8651240f),#fff7d624;box-shadow:inset 0 1px #fffae573}.letter-body section{padding:2px 4px 11px 13px;border:0;border-left:2px solid rgba(113,58,32,.34);border-bottom:1px dashed rgba(80,47,22,.18);border-radius:0;background:transparent;box-shadow:none}.letter-body span,.letter-sample>span{color:#773c2c;font-size:.58rem;font-weight:950;letter-spacing:.08em;font-family:Avenir Next,Inter,system-ui,sans-serif}.letter-body p{color:#3c2a1b;font-size:.84rem;font-weight:820;line-height:1.65}.letter-sample{position:relative;z-index:1;grid-template-columns:auto 44px minmax(0,1fr);align-items:center}.letter-sample>span{align-self:start;padding-top:3px}.letter-sample>i{width:44px;aspect-ratio:1;border-radius:999px;border:1px solid rgba(63,39,20,.32);background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.45),transparent 22%),linear-gradient(180deg,var(--sample),var(--base));box-shadow:0 0 24px color-mix(in srgb,var(--sample),transparent 42%),inset 0 0 0 3px #fff5d733}.letter-sample small{color:#4a3624;font-size:.76rem;font-weight:850;line-height:1.52}.letter-request{position:relative;z-index:1;display:grid;gap:10px;padding:13px;border:1px solid rgba(109,58,30,.28);border-radius:8px;background:linear-gradient(135deg,rgba(102,37,29,.1),transparent 38%),#fff4ce38;box-shadow:inset 0 1px #fffae266}.letter-request>span,.story-kicker{width:fit-content;color:#773c2c;font-size:.58rem;font-weight:950;letter-spacing:.08em;font-family:Avenir Next,Inter,system-ui,sans-serif}.letter-request strong{color:#2f2116;font-size:1.02rem;line-height:1.32}.letter-signs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.letter-sign{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 8px;align-items:center;padding:6px 8px;border:1px solid rgba(71,45,24,.18);border-radius:8px;background:linear-gradient(90deg,#fff9dd52,#82542a14),#fff6d72e}.letter-sign i{grid-row:1 / span 2;width:30px;aspect-ratio:1;display:grid;place-items:center;border-radius:8px;background:#2a1d1214}.letter-sign svg{width:20px;height:20px}.letter-sign.foam{color:#1e766b}.letter-sign.sink{color:#5e5941}.letter-sign.veil{color:#724384}.letter-sign.crystal{color:#267861}.commission-letter .letter-sign b{color:#2f2116;font-size:.76rem;line-height:1.2}.letter-sign small{color:#5d4631;font-size:.6rem;font-weight:850;line-height:1.25}.letter-request small{color:#553c28;font-size:.72rem;font-weight:900;line-height:1.58}.letter-actions,.delivery-story-actions{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap}.letter-actions button{appearance:none;border:1px solid rgba(94,49,24,.36);border-radius:8px;padding:10px 14px;color:#fff2d1;font:inherit;font-family:Avenir Next,Inter,system-ui,sans-serif;font-size:.78rem;font-weight:950;background:radial-gradient(circle at 30% 20%,rgba(255,228,176,.24),transparent 26%),linear-gradient(145deg,#893128,#4b1818 76%);box-shadow:0 10px 20px #401b102e,inset 0 1px #ffeabc38;cursor:pointer}.letter-layout-a{width:100%;min-height:min(650px,calc(100vh - 34px));grid-template-rows:auto auto auto auto auto auto;gap:clamp(7px,1.2vw,10px);padding:clamp(22px,3vw,32px) clamp(22px,4vw,40px) clamp(18px,3vw,28px);overflow:hidden auto;border:0;border-radius:5px 10px 7px 4px;color:#372313;background:radial-gradient(ellipse at 18% 18%,rgba(255,247,208,.82),transparent 23%),radial-gradient(ellipse at 75% 14%,rgba(126,72,32,.2),transparent 24%),radial-gradient(ellipse at 15% 88%,rgba(112,61,27,.18),transparent 28%),radial-gradient(ellipse at 90% 78%,rgba(91,50,24,.2),transparent 30%),linear-gradient(98deg,transparent 0 12%,rgba(89,49,21,.12) 12.3%,transparent 12.8% 65%,rgba(89,49,21,.09) 65.2%,transparent 65.8%),repeating-linear-gradient(4deg,rgba(83,48,21,.035) 0 1px,transparent 1px 8px),repeating-linear-gradient(92deg,rgba(73,42,18,.032) 0 1px,transparent 1px 13px),linear-gradient(180deg,#f1d9a1,#ddb977 48%,#c99658);box-shadow:0 34px 90px #00000075,0 0 0 1px #48291252,inset 0 0 0 1px #fff5cd9e,inset 0 26px 72px #fffbdf42,inset 0 -34px 80px #4927122e;clip-path:polygon(.5% 1.6%,8% .4%,18% 1.1%,34% .2%,54% 1%,72% .3%,91% 1.2%,99.4% .7%,98.9% 17%,99.6% 34%,98.8% 56%,99.5% 77%,98.7% 98.8%,86% 99.5%,68% 98.7%,48% 99.4%,29% 98.8%,12% 99.6%,.7% 98.9%,1.2% 81%,.4% 62%,1.1% 42%,.3% 22%)}.letter-layout-a:before{inset:14px;border-color:#52301652;border-radius:3px 7px 5px 3px;background:linear-gradient(90deg,rgba(65,37,16,.13),transparent 7%,transparent 93%,rgba(65,37,16,.13)),linear-gradient(180deg,rgba(65,37,16,.11),transparent 10%,transparent 90%,rgba(65,37,16,.12))}.letter-layout-a:after{background:radial-gradient(circle at 9% 20%,rgba(91,46,18,.14),transparent 4.2%),radial-gradient(circle at 82% 17%,rgba(91,46,18,.14),transparent 3.8%),radial-gradient(circle at 72% 72%,rgba(91,46,18,.12),transparent 5.2%),radial-gradient(circle at 21% 91%,rgba(91,46,18,.12),transparent 4.7%),linear-gradient(107deg,transparent 0 50%,rgba(71,37,16,.1) 50.2%,transparent 50.6%),linear-gradient(13deg,transparent 0 38%,rgba(71,37,16,.08) 38.15%,transparent 38.55%);opacity:.7}.letter-layout-a .letter-worn-edge:before,.letter-layout-a .letter-worn-edge:after{background:#3f220f2e;filter:blur(14px)}.letter-crease{position:absolute;z-index:0;pointer-events:none;mix-blend-mode:multiply}.letter-crease.one{inset:12% auto auto 20%;width:1px;height:78%;background:linear-gradient(180deg,transparent,rgba(80,43,18,.19),transparent);transform:rotate(-4deg)}.letter-crease.two{inset:auto 9% 24% auto;width:62%;height:1px;background:linear-gradient(90deg,transparent,rgba(80,43,18,.14),transparent);transform:rotate(7deg)}.letter-layout-a .letter-top{grid-template-columns:70px minmax(0,1fr) 70px;gap:10px;align-items:start;padding:0 6px 6px}.letter-layout-a .letter-seal{width:64px;display:grid;justify-items:center;gap:5px;color:#61241e;transform:rotate(-9deg)}.letter-layout-a .letter-seal i{position:relative;width:clamp(50px,6.4vw,62px);border-radius:47% 53% 48% 52%;background:radial-gradient(circle at 34% 27%,rgba(255,221,184,.38),transparent 20%),radial-gradient(circle at 62% 72%,rgba(62,8,9,.28),transparent 32%),linear-gradient(145deg,#b73a30,#7d2022 70%,#4f1519);box-shadow:0 11px 22px #4a1e103d,inset 0 0 0 3px #ffdc9a2b,inset 0 -10px 18px #31070a3d}.letter-layout-a .letter-seal i:before{content:"";position:absolute;inset:13px;border:1px solid rgba(255,226,173,.45);border-radius:999px}.letter-layout-a .letter-seal i:after{content:"";position:absolute;left:10px;bottom:-7px;width:18px;height:15px;border-radius:60% 48% 70% 50%;background:linear-gradient(180deg,#842024,#5a171b);box-shadow:21px -2px 0 -5px #651b1e}.letter-layout-a .letter-seal span{padding:1px 6px;border-radius:999px;color:#431e13c2;background:#ffedbe38}.letter-layout-a .letter-title{justify-items:center;text-align:center}.letter-layout-a .letter-title small{color:#70402a;font-size:clamp(.6rem,1.4vw,.72rem)}.commission-letter.letter-layout-a .letter-title b{color:#2c1b10;font-size:clamp(1.78rem,4.2vw,2.72rem);letter-spacing:.045em}.letter-ornament{position:relative;min-height:42px}.letter-ornament:before,.letter-ornament:after,.letter-ornament span{content:"";position:absolute;left:50%;top:19px;width:36px;height:1px;background:#5d321657;transform:translate(-50%)}.letter-ornament:before{top:12px;width:20px;transform:translate(-50%) rotate(28deg)}.letter-ornament:after{top:26px;width:20px;transform:translate(-50%) rotate(-28deg)}.letter-layout-a .letter-manuscript{position:relative;z-index:1;display:grid;gap:7px;max-width:64ch;margin-inline:auto;text-align:center}.commission-letter.letter-layout-a .letter-address{justify-self:center;margin:0;padding:0 18px 4px;border-bottom:1px solid rgba(88,49,20,.28);font-size:clamp(.9rem,1.8vw,1.05rem)}.commission-letter.letter-layout-a .letter-lead{max-width:none;color:#3a2718;font-size:clamp(.84rem,1.45vw,.94rem);line-height:1.56}.letter-core{position:relative;z-index:1;display:grid;grid-template-columns:minmax(170px,.72fr) minmax(0,1.55fr);gap:clamp(12px,2vw,18px);align-items:stretch}.letter-layout-a .letter-sample{grid-template-columns:1fr;justify-items:center;align-content:center;gap:7px;padding:clamp(11px,1.5vw,15px);border:1px solid rgba(91,52,22,.3);border-radius:6px;background:radial-gradient(circle at 50% 30%,rgba(255,249,218,.46),transparent 40%),linear-gradient(180deg,#4e2c1217,#fff7d31f)}.letter-layout-a .letter-sample>span,.letter-layout-a .letter-body span,.letter-layout-a .letter-request>span,.letter-layout-a .letter-sign-board>span{color:#6e3427;font-family:Avenir Next,Inter,system-ui,sans-serif;font-size:.62rem;font-weight:950;letter-spacing:.08em}.letter-layout-a .letter-sample>i{width:clamp(76px,10vw,96px);border:2px solid rgba(82,49,24,.34);background:radial-gradient(circle at 36% 24%,rgba(255,255,255,.66),transparent 21%),radial-gradient(circle at 50% 70%,rgba(0,0,0,.18),transparent 44%),linear-gradient(180deg,var(--sample),var(--base));box-shadow:0 0 32px color-mix(in srgb,var(--sample),transparent 28%),0 16px 26px #391e0d33,inset 0 0 0 6px #fff8d82e}.letter-layout-a .letter-sample small{max-width:21ch;color:#4b3320;font-size:.7rem;font-weight:850;line-height:1.45;text-align:center}.letter-layout-a .letter-body{display:grid;grid-template-columns:1fr;gap:7px}.letter-layout-a .letter-body section,.letter-layout-a .letter-body .letter-request{min-width:0;padding:0 0 7px 13px;border:0;border-left:2px solid rgba(94,51,22,.32);border-bottom:1px dashed rgba(86,48,21,.2);border-radius:0;background:transparent;box-shadow:none}.letter-layout-a .letter-body p,.letter-layout-a .letter-request strong{color:#372313;font-size:clamp(.76rem,1.22vw,.86rem);font-weight:850;line-height:1.42;word-break:normal;overflow-wrap:normal}.letter-layout-a .letter-request strong{display:block;margin-top:3px;color:#23150c;font-size:clamp(.86rem,1.42vw,.98rem)}.letter-sign-board{position:relative;z-index:1;display:grid;gap:7px;padding:clamp(10px,1.5vw,13px);border:1px solid rgba(85,48,21,.28);border-radius:7px;background:linear-gradient(180deg,#fff8d93d,#67391812),#ffedb51f}.letter-layout-a .letter-signs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.letter-layout-a .letter-sign{position:relative;min-height:78px;grid-template-columns:1fr;justify-items:center;align-content:start;gap:4px;padding:8px 7px 7px;border:1px solid rgba(64,37,17,.22);border-radius:5px;color:#46301d;text-align:center;background:radial-gradient(circle at 50% 17%,rgba(255,251,223,.5),transparent 35%),linear-gradient(180deg,#fff9da42,#67391814);box-shadow:inset 0 1px #fffce761}.letter-layout-a .letter-sign:before{content:"";position:absolute;inset:6px;border:1px dashed rgba(66,39,18,.18);border-radius:4px;pointer-events:none}.letter-layout-a .letter-sign.needed{border-color:#75312275;background:radial-gradient(circle at 50% 18%,color-mix(in srgb,currentColor,transparent 76%),transparent 37%),linear-gradient(180deg,#fff7d161,#8e3b221f);box-shadow:inset 0 1px #fffce785,0 0 0 1px #63331a21}.letter-layout-a .letter-sign.dormant{opacity:.68;filter:sepia(.32) saturate(.78)}.letter-layout-a .letter-sign i{width:30px;grid-row:auto;border-radius:999px;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.52),transparent 23%),color-mix(in srgb,currentColor,transparent 84%);box-shadow:0 6px 12px #3f220f24,inset 0 0 0 1px #4527122e}.letter-layout-a .letter-sign svg{width:20px;height:20px}.commission-letter.letter-layout-a .letter-sign b{color:#2e1d10;font-size:.69rem;line-height:1.22}.letter-layout-a .letter-sign small{color:#5a3c26;font-size:.53rem;font-weight:850;line-height:1.35}.letter-layout-a .letter-sign-board>small{color:#4b3321;font-size:.68rem;font-weight:850;line-height:1.55}.commission-letter.letter-layout-a .letter-closing{justify-self:center;max-width:68ch;padding:6px 12px;border:0;border-top:1px solid rgba(89,50,22,.22);border-bottom:1px solid rgba(89,50,22,.18);background:#fff1c31f;color:#372313;font-size:.75rem;line-height:1.42;text-align:center}.commission-letter.letter-layout-a .letter-signature{justify-self:end;margin-right:16px;min-width:8.5em;border-top-color:#492a1252;color:#302015;font-size:.86rem}.letter-layout-a .letter-actions{justify-content:center}.letter-layout-a .letter-actions button{position:relative;min-width:min(360px,100%);padding:10px 22px 11px;border:1px solid rgba(255,219,142,.42);border-radius:7px;color:#fff1c3;font-size:.9rem;letter-spacing:.04em;background:radial-gradient(circle at 50% 18%,rgba(255,228,176,.23),transparent 30%),linear-gradient(180deg,#9d332d,#66201f 58%,#3d1416);box-shadow:0 15px 24px #461e113d,inset 0 1px #ffeabc47,inset 0 -8px 16px #2a090a38}.letter-layout-a .letter-actions button:before,.letter-layout-a .letter-actions button:after{content:"";position:absolute;top:50%;width:42px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,227,163,.7),transparent)}.letter-layout-a .letter-actions button:before{left:16px}.letter-layout-a .letter-actions button:after{right:16px}.commission-top-submit{min-width:0;display:grid;gap:7px;width:100%}.commission-top-submit>span{color:#d5be7d;font-size:.58rem;font-weight:950}.commission-top-submit>div{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.commission-top-submit button{min-width:0;display:grid;gap:2px;padding:7px;appearance:none;border:1px solid rgba(232,255,246,.14);border-radius:8px;color:inherit;font:inherit;text-align:left;background:#00000029;cursor:pointer}.commission-top-submit button.fit{border-color:#8effdc52;background:linear-gradient(135deg,#8effdc1f,#f6e0a90f),#00000029}.commission-top-submit button.near,.commission-top-submit button.color-only{border-color:#f6e0a93d}.commission-top-submit button.trace{border-color:#80abff2e}.commission-top-submit button.cold{opacity:.72}.commission-top-submit b,.commission-top-submit small,.commission-top-submit em{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commission-top-submit b{color:#fff6d0;font-size:.72rem;line-height:1.05}.commission-top-submit small{color:#b9c8bd;font-size:.48rem;font-weight:900;line-height:1.1}.top-submit-readout{min-width:0;display:grid;gap:2px;margin-top:2px}.top-submit-readout i{min-width:0;display:block;padding:3px 5px;border:1px solid rgba(232,255,246,.1);border-radius:6px;color:#dce8df;font-size:.46rem;font-style:normal;font-weight:950;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#ffffff09}.top-submit-readout i.strong{border-color:#8effdc38;color:#e8fff7;background:#8effdc12}.top-submit-readout i.mid{border-color:#f6e0a933;color:#fff6d0;background:#f6e0a90f}.top-submit-readout i.cold{opacity:.72}.commission-top-submit em{justify-self:start;margin-top:2px;padding:3px 6px;border-radius:8px;color:#fff6d0;font-size:.46rem;font-style:normal;font-weight:950;line-height:1;background:#f6e0a921}.tutorial-dialog{width:min(720px,100%)}.tutorial-scene{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;align-items:start}.advisor-portrait{position:sticky;top:0;display:grid;place-items:center;width:92px;aspect-ratio:1;border:1px solid rgba(246,224,169,.24);border-radius:8px;color:#fff1bd;background:radial-gradient(circle at 36% 24%,rgba(255,255,255,.22),transparent 24%),radial-gradient(ellipse at 50% 76%,rgba(142,255,220,.13),transparent 56%),linear-gradient(145deg,#f6e0a926,#526f6714);box-shadow:inset 0 1px #ffffff14,0 20px 36px #0000003d}.advisor-portrait span{display:grid;place-items:center;width:48px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(246,224,169,.32);background:#050a0975;font-size:1.48rem;font-weight:950}.tutorial-copy{min-width:0;display:grid;gap:12px}.tutorial-copy h2{margin:0;color:#fff6d0;font-size:clamp(1.22rem,3vw,1.9rem);line-height:1.14}.tutorial-copy p{margin:0;color:#ded4bf;font-size:.9rem;line-height:1.72}.tutorial-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.tutorial-actions button,.tutorial-button{appearance:none;border:1px solid rgba(246,224,169,.24);border-radius:8px;color:#fff6d0;background:linear-gradient(90deg,#f6e0a921,#8effdc0f),#ffffff0b;font:inherit;cursor:pointer}.tutorial-actions button{min-height:36px;padding:0 14px;font-size:.74rem;font-weight:950}.tutorial-actions button:hover,.tutorial-button:hover{border-color:#f6e0a96b;background:linear-gradient(90deg,#f6e0a92e,#8effdc14),#ffffff0f}.tutorial-actions button:disabled{cursor:wait;opacity:.64}.tutorial-plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:7px;padding:0;margin:0;list-style:none}.tutorial-plan li{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;padding:8px;border:1px solid rgba(232,255,246,.11);border-radius:8px;background:#ffffff09}.tutorial-plan i{display:grid;place-items:center;width:30px;aspect-ratio:1;border-radius:50%;color:#07100e;background:var(--c);font-style:normal;font-weight:950}.tutorial-plan b,.tutorial-plan small{min-width:0;display:block;line-height:1.2}.tutorial-plan b{color:#fff4c7;font-size:.72rem}.tutorial-plan small{margin-top:3px;color:#b9c9c0;font-size:.56rem;font-weight:850}.tutorial-result-strip{min-width:0}.tutorial-entry{grid-column:1 / -1;min-width:0}.tutorial-entry:empty{display:none}.tutorial-button{width:100%;min-height:42px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:6px 10px;text-align:left}.tutorial-button span{width:28px;aspect-ratio:1;display:grid;place-items:center;border-radius:8px;color:#fff1bd;background:#f6e0a91f;font-weight:950}.tutorial-button b,.tutorial-button small{min-width:0;display:block}.tutorial-button b{font-size:.72rem;line-height:1.1}.tutorial-button small{color:#c3d3cb;font-size:.58rem;font-weight:900}.tutorial-bubble-anchor{position:absolute;left:18px;right:58px;bottom:18px;z-index:6;display:grid;justify-items:start;pointer-events:none}.tutorial-bubble-anchor:empty{display:none}.tutorial-bubble{max-width:min(420px,100%);display:grid;gap:7px;padding:12px;border:1px solid rgba(246,224,169,.28);border-radius:8px;color:#f7efdc;background:linear-gradient(135deg,#f6e0a924,#8effdc0f),#090e0ce6;box-shadow:inset 0 1px #ffffff12,0 18px 40px #00000061;backdrop-filter:blur(14px);pointer-events:auto}.tutorial-bubble.result{border-color:#8effdc52;background:linear-gradient(135deg,#8effdc1f,#f6e0a914),#090e0ceb}.tutorial-bubble-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.tutorial-bubble-head span,.tutorial-bubble-head small{color:#d8c986;font-size:.58rem;font-weight:950;line-height:1;letter-spacing:.08em;text-transform:uppercase}.tutorial-bubble b,.tutorial-bubble p,.tutorial-bubble em{min-width:0}.tutorial-bubble b{color:#fff6d0;font-size:.86rem;line-height:1.18}.tutorial-bubble p{margin:0;color:#e4dcc8;font-size:.7rem;font-weight:820;line-height:1.48}.tutorial-bubble em{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:5px 8px;border:1px solid rgba(232,255,246,.12);border-radius:8px;font-style:normal;background:#ffffff0b}.tutorial-bubble em i{width:22px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#07100e;background:var(--c);font-style:normal;font-weight:950}.tutorial-bubble em span{color:#fff4c7;font-size:.62rem;font-weight:950}.tutorial-bubble button{justify-self:end;min-height:32px;padding:0 12px;border:1px solid rgba(246,224,169,.28);border-radius:8px;color:#fff6d0;background:#ffffff0e;font:inherit;font-size:.66rem;font-weight:950;cursor:pointer}.reagent.tutorial-focus{border-color:#f6e0a9b8;box-shadow:inset 0 0 0 1px #f6e0a929,0 0 18px #f6e0a92e}.target-orb{grid-column:2;grid-row:1 / span 2;position:relative;isolation:isolate;overflow:hidden;width:86px;height:132px;margin:0 auto;border-radius:62px 62px 46px 46px;border:1px solid rgba(246,224,169,.24);background:radial-gradient(ellipse at 38% 18%,rgba(255,255,255,.25),transparent 22%),linear-gradient(90deg,rgba(255,255,255,.18),transparent 18% 78%,rgba(255,255,255,.1)),linear-gradient(180deg,#f5fffa1f,#f5fffa06);box-shadow:inset 0 0 28px #ffffff21,inset 0 -22px 30px #ffffff0d,0 0 38px color-mix(in srgb,var(--target),transparent 60%)}.target-orb:before,.target-orb:after,.swatch:before,.swatch:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.target-orb:before{inset:42% 10px 10px;border-radius:18px 18px 34px 34px;background:radial-gradient(circle at 28% 72%,rgba(255,255,255,.46) 0 1px,transparent 2px),radial-gradient(circle at 62% 64%,rgba(255,255,255,.38) 0 1px,transparent 2px),radial-gradient(circle at 75% 78%,color-mix(in srgb,var(--accent),white 28%) 0 1px,transparent 2.5px),radial-gradient(ellipse at 50% 8%,rgba(255,255,255,.64),transparent 19%),radial-gradient(ellipse at 38% 78%,color-mix(in srgb,var(--accent),transparent 36%),transparent 48%),conic-gradient(from var(--turn),color-mix(in srgb,var(--a),transparent 48%),transparent 17%,color-mix(in srgb,var(--b),transparent 44%),transparent 58%,color-mix(in srgb,var(--accent),transparent 48%),transparent 82%),linear-gradient(180deg,color-mix(in srgb,var(--target),white 10%),color-mix(in srgb,var(--target),#06100d 20%));opacity:.9;box-shadow:inset 0 16px 18px #ffffff29,inset 0 -24px 24px color-mix(in srgb,var(--target),#020807 30%);animation:target-liquid-drift 6.4s ease-in-out infinite alternate}.target-orb:after{inset:calc(42% - 9px) 14px auto;height:21px;border:1px solid color-mix(in srgb,var(--accent),white 32%);border-radius:50%;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--accent),transparent 20%),transparent 64%),linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent),color-mix(in srgb,var(--target),transparent 48%);box-shadow:0 0 18px color-mix(in srgb,var(--accent),transparent 44%),inset 0 3px 8px #ffffff38,inset 0 -5px 9px color-mix(in srgb,var(--target),#020807 48%);opacity:.92}@keyframes target-liquid-drift{0%{transform:translateY(1px) rotate(-1deg);filter:saturate(1.04)}to{transform:translateY(-2px) rotate(1.4deg);filter:saturate(1.18)}}.target-meta{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:8px}.target-meta small{color:#e4d6a6;font-size:.78rem;white-space:nowrap}.phase-brief{grid-column:1 / -1;min-width:0}.phase-brief:empty{display:none}.brief-card{min-width:0;display:grid;gap:4px;padding:10px;border:1px solid rgba(232,255,246,.12);border-radius:8px;background:linear-gradient(90deg,#8effdc14,#f6e0a90f),#ffffff08}.brief-card span{color:#d3bd7c;font-size:.56rem;font-weight:900;letter-spacing:.08em}.brief-card b{color:#fff6d0;font-size:.82rem;line-height:1.1}.brief-card p{margin:0;color:#cfd9d2;font-size:.68rem;font-weight:800;line-height:1.4}.brief-card.delivered{border-color:#8effdc47;background:linear-gradient(90deg,#8effdc21,#f6e0a914),#ffffff09}.target-phases{grid-column:1 / -1;min-width:0}.target-phases:empty{display:none}.phenomenon-rail{min-width:0;display:flex;align-items:center;gap:7px}.target-phases .phenomenon-rail{justify-content:flex-start}.flask-status .phenomenon-rail-label{display:none}.phenomenon-rail-label{color:#d3bd7c;font-size:.56rem;font-weight:950;letter-spacing:.08em;white-space:nowrap}.phenomenon-icons{min-width:0;display:flex;flex-wrap:wrap;gap:6px}.phenomenon-icon{position:relative;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(232,255,246,.16);border-radius:8px;color:var(--phase, #fff6d0);font:inherit;line-height:1;background:#ffffff0a;cursor:help}.phenomenon-svg{width:22px;height:22px;overflow:visible}.phenomenon-svg path,.phenomenon-svg circle{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.phenomenon-svg circle{fill:#ffffff09}.phenomenon-svg .phenomenon-current{opacity:.48;stroke-width:1.35}.crystal-svg path:first-child{fill:#ffffff07}.clue-dots{position:absolute;right:3px;bottom:3px;display:flex;gap:2px;padding:2px;border-radius:999px;background:#05090875}.clue-dots i{width:3px;height:3px;border-radius:50%;background:#e8fff633}.clue-dots i.live{background:#fff6d0eb;box-shadow:0 0 6px #f6e0a94d}.clue-dots.clue-1 i.live{background:#8effdc;box-shadow:0 0 7px #8effdc80}.phenomenon-icon:after{content:attr(data-detail);position:absolute;left:50%;bottom:calc(100% + 7px);z-index:5;width:max-content;max-width:min(240px,64vw);padding:5px 7px;border:1px solid rgba(246,224,169,.28);border-radius:7px;color:#fff6d0;font-size:.56rem;font-weight:950;line-height:1.45;text-align:left;white-space:normal;background:#0c110ff0;box-shadow:0 8px 18px #00000052;display:none;opacity:0;pointer-events:none;transform:translate(-50%,3px);transition:opacity .12s ease,transform .12s ease}.phenomenon-icon:hover:after,.phenomenon-icon:focus-visible:after{display:block;opacity:1;transform:translate(-50%)}.phenomenon-icon.foam{--phase: #f7d86a;border-color:#fae07b61;background:#e4b74a24}.phenomenon-icon.sink{--phase: #93b6ff;border-color:#78a6ff5c;background:#4c64a82e}.phenomenon-icon.veil{--phase: #d9aaff;border-color:#cd97ff57;background:#9668c229}.phenomenon-icon.crystal{--phase: #9cffdf;border-color:#a6ffda57;background:#61c0a226}.phenomenon-icon.quiet{color:#e8fff694;border-color:#e8fff61a;background:#ffffff07}.phenomenon-icon.strength-3{box-shadow:inset 0 0 0 1px #ffffff14,0 0 14px #f6e0a91c}.phenomenon-icon.focused{border-color:#fff6d0bd;box-shadow:inset 0 0 0 1px #fff6d029,0 0 0 2px #f6e0a91f,0 0 18px #f6e0a92e}.commission-lookline{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:1px 8px;padding:6px 8px;border-radius:8px;border:1px solid rgba(232,255,246,.12);background:#ffffff09}.commission-lookline span{grid-column:2;color:#d3bd7c;font-size:.58rem;font-weight:900;white-space:nowrap}.commission-lookline b{grid-column:2;min-width:0;color:#fff7d8;font-size:.72rem;font-weight:900;line-height:1.2}.commission-lookline i{color:#e8fff66b;font-style:normal;font-weight:900}.commission-lookline .lookline-icons{grid-column:1;grid-row:1 / span 2;display:flex;gap:4px;align-items:center}.commission-lookline .phenomenon-icon{width:30px;margin-left:0}.commission-requirements{min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:6px;margin-top:6px}.commission-requirements span{min-width:0;display:grid;gap:2px;padding:7px 8px;border:1px solid rgba(246,224,169,.15);border-radius:8px;background:linear-gradient(90deg,#f6e0a914,#8effdc09),#ffffff09}.commission-requirements span.strong{border-color:#8effdc42;background:linear-gradient(90deg,#8effdc1c,#f6e0a90e),#ffffff09}.commission-requirements small,.commission-requirements b,.commission-requirements em{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis}.commission-requirements small{color:#d8c986;font-size:.5rem;font-weight:950;line-height:1}.commission-requirements b{color:#fff6d0;font-size:.7rem;font-weight:950;line-height:1.1;white-space:nowrap}.commission-requirements em{color:#aebfb5;font-size:.52rem;font-style:normal;font-weight:900;line-height:1.12;white-space:nowrap}.liquid-traits{min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:6px}.liquid-trait{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:2px 6px;align-items:center;min-height:42px;padding:7px 8px;border:1px solid rgba(232,255,246,.13);border-radius:8px;background:#ffffff09}.liquid-trait i{grid-row:1 / span 2;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:#fff6d0;font-style:normal;background:#f6e0a91a}.liquid-trait b,.liquid-trait small{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.liquid-trait b{color:#fff6d0;font-size:.64rem;line-height:1}.liquid-trait small{color:#b9c8bd;font-size:.52rem;font-weight:900;line-height:1}.phase-strip{min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.trait-strip{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.phase-token{min-width:0;height:34px;display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 5px;border:1px solid rgba(232,255,246,.13);border-radius:8px;background:#ffffff09}.phase-token i,.legend-phase,.phase-mini i,.law i,.chem-note i{font-style:normal}.phase-token i{font-size:.9rem;line-height:1}.phase-token small{min-width:0;color:#c9d8ce;font-size:.56rem;font-weight:900;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.liquid-trait.foam,.phase-token.foam{border-color:#fae07b52;background:#e4b74a1f}.liquid-trait.sink,.phase-token.sink{border-color:#78a6ff4d;background:#4c64a824}.liquid-trait.veil,.phase-token.veil{border-color:#cd97ff47;background:#9668c221}.liquid-trait.crystal,.phase-token.crystal{border-color:#a6ffda47;background:#61c0a21f}.phase-token.major{box-shadow:inset 0 0 0 1px #ffffff14,0 0 13px #f6e0a914}.mobile-law-panel{display:none}.phase-guide{grid-column:1 / -1;min-width:0}.phase-guide:empty{display:none}.guide-card{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px;border:1px solid rgba(246,224,169,.16);border-radius:8px;background:linear-gradient(90deg,#f6e0a91a,#8effdc0b),#ffffff08}.guide-copy{grid-column:1 / -1;min-width:0;display:grid;gap:2px}.guide-copy span{color:#d3bd7c;font-size:.56rem;font-weight:900;letter-spacing:.08em}.guide-copy b{color:#fff6d0;font-size:.86rem;line-height:1.15}.guide-copy small{color:#b9c8bd;font-size:.64rem;font-weight:800;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.guide-plan{grid-column:1 / -1;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.guide-plan span{min-width:0;display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 6px;align-items:center;padding:6px;border:1px solid rgba(232,255,246,.11);border-radius:8px;background:#ffffff09}.guide-plan i{grid-row:1 / span 2;width:22px;height:22px;display:grid;place-items:center;border-radius:7px;color:#fff6d0;font-size:.58rem;font-style:normal;font-weight:900;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),transparent 28%),#f6e0a91a}.guide-plan b,.guide-plan small{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-plan b{color:#f8edc9;font-size:.66rem;line-height:1.05}.guide-plan small{color:#aebfb5;font-size:.5rem;font-weight:900;line-height:1.05}.guide-purpose{grid-column:1 / -1;min-width:0;padding:6px 8px;border-radius:8px;color:#f7efdc;background:#00000029;font-size:.62rem;font-weight:900}.guide-stakes,.opening-contract{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.guide-stakes{grid-column:1 / -1}.guide-stakes span,.opening-contract span{min-width:0;display:grid;gap:2px;padding:7px;border:1px solid rgba(232,255,246,.11);border-radius:8px;background:linear-gradient(180deg,#ffffff0e,#ffffff06),#ffffff07}.guide-stakes b,.guide-stakes small,.opening-contract b,.opening-contract small{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis}.guide-stakes b,.opening-contract b{color:#fff6d0;font-size:.58rem;line-height:1.08;white-space:nowrap}.guide-stakes small,.opening-contract small{color:#aebfb5;font-size:.52rem;font-weight:900;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.manual-choice{grid-column:1 / -1;min-width:0;display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;align-items:center;padding:8px;border:1px solid rgba(142,255,220,.16);border-radius:8px;background:linear-gradient(90deg,#8effdc12,#f6e0a909),#ffffff06}.manual-choice b,.manual-choice small{min-width:0;display:block}.manual-choice b{color:#dffdf4;font-size:.68rem;line-height:1.1;white-space:nowrap}.manual-choice small{color:#b9c8bd;font-size:.58rem;font-weight:900;line-height:1.3}.guide-reasons{grid-column:1 / -1;min-width:0;display:grid;gap:5px}.guide-reasons span{min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 7px;align-items:center;padding:7px;border:1px solid rgba(232,255,246,.1);border-radius:8px;background:#ffffff08}.guide-reasons i{grid-row:1 / span 2;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:#fff6d0;font-size:.72rem;font-style:normal;background:#f6e0a91a}.guide-reasons b,.guide-reasons small{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis}.guide-reasons b{color:#f8edc9;font-size:.66rem;line-height:1.15;white-space:nowrap}.guide-reasons small{color:#aebfb5;font-size:.56rem;font-weight:900;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.guide-reasons .hint{border-color:#f6e0a93d;background:#f6e0a90e}.guide-reasons .open{border-color:#8effdc3d;background:#8effdc0e}.delivery-note{grid-column:1 / -1;min-width:0;display:grid;gap:3px;padding:8px;border:1px solid rgba(255,238,169,.22);border-radius:8px;background:linear-gradient(90deg,#ffeea917,#8effdc0a),#00000021}.delivery-note b,.delivery-note small{min-width:0;display:block}.delivery-note b{color:#fff6d0;font-size:.66rem;line-height:1.15}.delivery-note small{color:#c7d8cf;font-size:.58rem;font-weight:900;line-height:1.35}.guide-run{grid-column:1 / -1;grid-row:auto;align-self:stretch;min-width:0;min-height:36px;display:grid;place-items:center;gap:2px;padding:8px;border:1px solid rgba(255,238,169,.56);border-radius:8px;background:linear-gradient(135deg,#f6e0a933,#8effdc1a),#0d110ead;color:#fff6d0;cursor:pointer;box-shadow:inset 0 1px #ffffff1a,0 0 18px #f6e0a91a}.guide-run:hover:not(:disabled){border-color:#fff5b9e6;transform:translateY(-1px)}.guide-run:disabled{cursor:wait;opacity:.72}.guide-run b,.guide-run small{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-run b{font-size:.76rem;line-height:1.1}.guide-run small{color:#dffdf4;font-size:.62rem;font-weight:900;letter-spacing:.04em}.delivery-card{border-color:#ffeea957;background:linear-gradient(90deg,#ffeea91c,#8effdc0e),#ffffff09}.delivery-run:not(:disabled){min-height:46px;border-color:#ffeea9db;background:linear-gradient(135deg,#ffeea947,#8effdc24),#0d110ec7}.delivery-reset{grid-column:1 / -1;min-height:34px;border:1px solid rgba(232,255,246,.18);border-radius:8px;background:#ffffff0b;color:#c8d8cf;font-size:.68rem;font-weight:900;cursor:pointer}.delivery-reset:hover{border-color:#e8fff657;color:#f7efdc}.law-chip{min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 5px;align-items:center;padding:6px;border:1px solid rgba(232,255,246,.12);border-radius:8px;background:#ffffff09}.law-chip i{grid-row:1 / span 2;width:18px;height:18px;display:grid;place-items:center;border-radius:6px;color:#fff6d0;font-style:normal;background:#f6e0a91a}.law-chip b,.law-chip small{min-width:0;display:block;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.law-chip b{color:#f8edc9;font-size:.58rem}.law-chip small{color:#aebfb5;font-size:.5rem;font-weight:900}.law-chip.open{border-color:#8effdc47;background:#8effdc12}.flask-panel{position:relative;overflow:hidden;min-height:clamp(440px,calc(100vh - 360px),680px);border-radius:8px;border:1px solid rgba(225,255,246,.08);background:linear-gradient(180deg,rgba(235,255,247,.045),transparent 32%),radial-gradient(ellipse at 50% 58%,rgba(160,255,228,.11),transparent 18rem),radial-gradient(ellipse at 50% 86%,rgba(255,210,119,.17),transparent 18rem),linear-gradient(180deg,#0b1110,#0d1715 48%,#151512)}.flask-panel:before,.flask-panel:after{content:"";position:absolute;pointer-events:none}.flask-panel:before{inset:8% 9% 10%;border-left:1px solid rgba(246,224,169,.08);border-right:1px solid rgba(142,255,220,.06);opacity:.78}.flask-panel:after{left:19%;right:19%;bottom:10%;height:18%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(246,224,169,.1),transparent 62%),linear-gradient(90deg,transparent,rgba(160,255,228,.08),transparent);filter:blur(6px)}.flask-scene{position:absolute;inset:0}.flask-scene canvas{display:block;width:100%;height:100%}.observation-tray{min-width:0;display:grid;grid-template-columns:1fr;gap:8px;align-items:start}.flask-status,.flask-read,.phase-possibilities{min-width:0}.phase-possibilities{display:none}.flask-status:empty,.flask-read:empty,.phase-possibilities:empty{display:none}.flask-read{position:absolute;left:14px;top:14px;z-index:4;max-width:min(220px,calc(100% - 92px));pointer-events:none}.flask-read-card{display:grid;gap:3px;padding:9px 10px;border:1px solid rgba(225,255,246,.12);border-radius:8px;background:linear-gradient(180deg,#080d0ca8,#080d0c61),#ffffff08;box-shadow:0 14px 30px #0000003d;backdrop-filter:blur(10px)}.flask-read-card span{color:#d3bd7c;font-size:.56rem;font-weight:900;letter-spacing:.08em}.flask-read-card b{color:#fff8d7;font-size:.94rem;line-height:1.1}.flask-read-card p,.flask-read-card small{margin:0;color:#eefff8d1;font-size:.74rem;line-height:1.35}.flask-read-card small{color:#d6e7e0b3}.flask-read-card.read-deep{border-color:#6798ff38}.flask-read-card.read-lift{border-color:#ffeb9c38}.flask-read-card.read-tense{border-color:#cf9fff38}.flask-read-card.read-cohere,.flask-read-card.read-memory{border-color:#8effdc38}.flask-status{position:absolute;right:12px;top:50%;z-index:4;display:flex;justify-content:flex-end;pointer-events:none;transform:translateY(-50%)}.flask-status .phenomenon-rail{flex-direction:column;align-items:flex-end;justify-content:center;padding:6px;border:1px solid rgba(246,224,169,.18);border-radius:8px;background:linear-gradient(180deg,#080d0c9e,#080d0c57),#ffffff09;box-shadow:inset 0 1px #ffffff0f,0 14px 30px #00000047;backdrop-filter:blur(10px);pointer-events:auto}.flask-status .phenomenon-icons{flex-direction:column;align-items:center;flex-wrap:nowrap}.flask-status .phenomenon-icon{width:30px;height:30px;cursor:pointer;touch-action:manipulation}.flask-status .phenomenon-icon:after{left:auto;right:calc(100% + 8px);bottom:50%;transform:translate(4px,50%)}.flask-status .phenomenon-icon:hover:after,.flask-status .phenomenon-icon:focus-visible:after{transform:translateY(50%)}.flask-status .phenomenon-icon.status-active{border-color:#fff6d0bd;box-shadow:inset 0 0 0 1px #fff6d024,0 0 0 2px #8effdc1a,0 0 18px #8effdc29}.flask-status .phenomenon-icon.status-active:after{display:block;opacity:1;transform:translateY(50%)}.flask-status-card,.phase-possibility-card{min-width:0;display:grid;gap:8px;padding:10px;border:1px solid rgba(232,255,246,.12);border-radius:8px;background:linear-gradient(180deg,#090e0d9e,#090e0d57),#ffffff09;box-shadow:inset 0 1px #ffffff0f,0 16px 30px #0000003d;backdrop-filter:blur(12px)}.flask-status-head,.possibility-head{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.flask-status-head span,.possibility-head span{color:#d3bd7c;font-size:.58rem;font-weight:950;letter-spacing:.08em;white-space:nowrap}.flask-status-head b,.possibility-head b{min-width:0;color:#fff6d0;font-size:.72rem;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-effects,.possibility-lanes{min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.trait-effects{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}.status-effect,.possibility-lane{min-width:0;display:grid;justify-items:center;align-content:center;gap:2px;min-height:54px;padding:6px 4px;border:1px solid rgba(232,255,246,.12);border-radius:8px;background:#ffffff0b}.status-effect i,.status-effect b,.status-effect small,.possibility-lane b,.possibility-lane small{min-width:0;display:block;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-effect i{color:#fff6d0;font-size:1rem;font-style:normal}.status-effect b{color:#d8c986;font-size:.52rem;font-weight:950}.status-effect small,.possibility-lane small{max-width:100%;color:#c7d8cf;font-size:.5rem;font-weight:900}.status-effect.trait{min-height:64px}.status-effect.trait small{white-space:normal;line-height:1.12}.status-effect.foam,.possibility-icons i.foam{border-color:#fae07b52;background:#e4b74a21}.status-effect.sink,.possibility-icons i.sink{border-color:#78a6ff4d;background:#4c64a82b}.status-effect.veil,.possibility-icons i.veil{border-color:#cd97ff47;background:#9668c229}.status-effect.crystal,.possibility-icons i.crystal{border-color:#a6ffda47;background:#61c0a226}.status-effect.exact,.status-effect.target{border-color:#f8ffe89e;box-shadow:inset 0 0 0 1px #f8ffe81f,0 0 16px #f8ffe81a}.status-effect.present{border-style:dashed;border-color:#ffd36f94}.status-effect.miss{opacity:.68}.status-effect.pending{border-color:#e8fff617;color:#9baaa2;background:#ffffff06}.status-effect.pending i{color:#91a39a;font-size:.72rem;font-weight:950}.possibility-lane{align-content:start;min-height:62px}.possibility-lane b{color:#d8c986;font-size:.52rem;font-weight:950}.possibility-icons{min-width:0;width:100%;display:flex;justify-content:center;gap:3px}.possibility-icons i{width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(232,255,246,.12);border-radius:7px;color:#fff6d0;font-size:.64rem;font-style:normal;line-height:1;opacity:var(--p)}.possibility-lane.certain{border-color:#8effdc42;background:#8effdc0f}.possibility-lane.likely{border-color:#ffeea938;background:#ffeea90a}.decision-ledger,.outcome-ledger{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;align-items:center;padding:8px;border:1px solid rgba(232,255,246,.12);border-radius:8px;background:linear-gradient(90deg,#8effdc0f,#f6e0a90a),#ffffff09}.decision-ledger span,.outcome-ledger span{min-width:0;display:grid;gap:2px}.decision-ledger b,.decision-ledger small,.outcome-ledger b,.outcome-ledger small,.outcome-ledger p,.outcome-ledger i{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis}.decision-ledger b,.outcome-ledger b{color:#fff6d0;font-size:.66rem;line-height:1.12;white-space:nowrap}.decision-ledger small,.outcome-ledger small{color:#b9c8bd;font-size:.54rem;font-weight:900;line-height:1.28}.decision-ledger em,.outcome-ledger em{min-width:78px;display:grid;gap:3px;font-style:normal}.decision-ledger strong,.outcome-ledger strong{display:block;padding:3px 6px;border-radius:7px;color:#fff6d0;font-size:.5rem;font-weight:950;line-height:1;text-align:center;white-space:nowrap;background:#0003}.outcome-ledger{margin-top:6px}.commission-breakdown{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:6px}.commission-breakdown span{min-width:0;padding:7px 8px;border:1px solid rgba(232,255,246,.1);border-radius:8px;background:#ffffff0a}.commission-breakdown span.strong{border-color:#8effdc38;background:#8effdc0e}.commission-breakdown span.mid{border-color:#ffeea933}.commission-breakdown b,.commission-breakdown small{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis}.commission-breakdown b{color:#fff6d0;font-size:.58rem;font-weight:950;line-height:1.05;white-space:nowrap}.commission-breakdown small{margin-top:3px;color:#b9c8bd;font-size:.5rem;font-weight:900;line-height:1.18}.commission-summary-line{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center;margin-top:6px;padding:8px;border:1px solid rgba(232,255,246,.12);border-radius:8px;background:linear-gradient(90deg,#8effdc0f,#f6e0a90a),#ffffff09}.commission-summary-line.solved{border-color:#8effdc47;background:linear-gradient(90deg,#8effdc1f,#f6e0a912),#ffffff0a}.commission-summary-line span,.commission-summary-line b,.commission-summary-line small,.commission-summary-line i{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis}.commission-summary-line b{color:#fff6d0;font-size:.66rem;line-height:1.15}.commission-summary-line small{margin-top:3px;color:#c8d8cf;font-size:.56rem;font-weight:900;line-height:1.35}.commission-summary-line strong{padding:5px 7px;border-radius:8px;color:#fff6d0;font-size:.58rem;font-weight:950;line-height:1;background:#00000038}.commission-summary-line i{grid-column:1 / -1;color:#d8c986;font-size:.52rem;font-style:normal;font-weight:950;line-height:1.2}.commission-causality,.commission-afterstory{min-width:0;display:grid;gap:6px;margin-top:6px;padding:8px;border:1px solid rgba(246,224,169,.14);border-radius:8px;background:linear-gradient(90deg,#f6e0a914,#8effdc0b),#ffffff09}.commission-causality>b,.commission-afterstory>b{min-width:0;color:#fff6d0;font-size:.66rem;line-height:1.15}.commission-causality>span{min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:2px 7px;align-items:center;padding:6px;border:1px solid rgba(232,255,246,.1);border-radius:8px;background:#00000021}.commission-causality>span.risk-high{border-color:#ffbc7047;background:linear-gradient(90deg,#ffbc701a,#8effdc09),#00000021}.commission-causality>span.focused{border-color:#fff6d066;background:linear-gradient(90deg,#f6e0a921,#8effdc0e),#00000021;box-shadow:inset 0 0 0 1px #fff6d00d}.commission-causality>span>i{grid-row:1 / 3;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:#fff6d0;font-style:normal;background:#f6e0a91c}.commission-causality>span>strong,.commission-causality>span>small,.commission-causality>span>em{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis}.commission-causality>span>strong{color:#f8edc9;font-size:.58rem;line-height:1.1;white-space:nowrap}.commission-causality>span>small{grid-column:2 / -1;color:#b9c8bd;font-size:.52rem;font-weight:900;line-height:1.28}.commission-causality>span>em{padding:3px 6px;border-radius:7px;color:#fff6d0;font-size:.48rem;font-style:normal;font-weight:950;line-height:1;white-space:nowrap;background:#f6e0a91c}.cause-primer{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center;margin:0;padding:6px 7px;border:1px solid rgba(142,255,220,.14);border-radius:8px;background:linear-gradient(90deg,#8effdc14,#f6e0a90a),#00000021}.cause-primer strong,.cause-primer small{min-width:0;grid-column:1}.cause-primer strong{color:#fff6d0;font-size:.56rem;font-weight:950;line-height:1.15}.cause-primer small{color:#b9c8bd;font-size:.5rem;font-weight:900;line-height:1.35}.cause-primer span{grid-column:2;grid-row:1 / 3;display:flex;gap:3px;align-items:center}.cause-primer i{width:22px;height:22px;display:grid;place-items:center;border-radius:999px;color:#12211c;font-size:.48rem;font-style:normal;font-weight:950;background:#d9f5d0}.cause-overview{grid-column:1 / -1;min-width:0;display:flex;gap:6px;align-items:center;margin:0;padding:5px 6px;border:1px solid rgba(246,224,169,.14);border-radius:7px;background:#0000001f}.cause-overview strong,.cause-overview small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cause-overview strong{color:#fff6d0;font-size:.54rem;font-weight:950}.cause-overview small{color:#b9c8bd;font-size:.5rem;font-weight:900}.cause-choice-lead{grid-column:1 / -1;min-width:0;display:grid;gap:2px;margin:3px 0 0;padding:6px 7px;border:1px solid rgba(232,255,246,.08);border-radius:7px;background:#ffffff09}.cause-choice-lead.confirmed{border-color:#8effdc42;background:linear-gradient(135deg,#8effdc1a,#f6e0a90b),#0000001f}.cause-choice-lead strong{color:#fff6d0;font-size:.54rem;line-height:1.15}.cause-choice-lead small{color:#b9c8bd;font-size:.5rem;font-weight:900;line-height:1.32}.cause-choices{grid-column:1 / -1;min-width:0;display:grid;gap:4px;margin:3px 0 0;padding:0;list-style:none}.cause-choices li{min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr);gap:4px 6px;align-items:start;padding:5px;border:1px solid rgba(232,255,246,.08);border-radius:7px;background:#00000021}.cause-choices li.choice-pair{border-color:#f6e0a91f}.cause-choices li.choice-narrow{border-color:#8effdc24}.cause-choices li.evidence-testing,.cause-choices li.evidence-confirmed{border-color:#8effdc3d;background:linear-gradient(135deg,#8effdc14,#f6e0a909),#00000021}.cause-choices li.evidence-confirmed{box-shadow:inset 0 0 0 1px #8effdc14}.cause-choices li.evidence-weakened,.cause-choices li.evidence-split{border-color:#ff7e542e}.cause-choices b{grid-column:1;grid-row:1 / span 4;width:18px;height:18px;display:grid;place-items:center;border-radius:6px;color:#fff6d0;font-size:.5rem;line-height:1;background:#f6e0a91f}.cause-choices p{grid-column:2;min-width:0;display:grid;gap:2px;margin:0;color:#d9e8df;font-size:.54rem;font-weight:900;line-height:1.28}.cause-choices p strong{color:#fff6d0;font-size:.62rem;line-height:1.22}.cause-choices p span{color:#d2dfd7;font-size:.53rem;line-height:1.32}.cause-choices em{grid-column:2;justify-self:start;padding:3px 5px;border-radius:6px;color:#cdbb75;font-size:.46rem;font-style:normal;font-weight:950;line-height:1;white-space:nowrap;background:#f6e0a914}.cause-evidence{grid-column:2;min-width:0;display:grid;gap:3px;padding:5px 6px;border-radius:7px;background:#ffffff07;color:#b9c8bd;font-size:.5rem;font-weight:900;line-height:1.25}.commission-causality .cause-evidence,.reaction-reader .cause-evidence{overflow:visible;text-overflow:clip;white-space:normal}.cause-evidence strong{width:fit-content;padding:2px 5px;border-radius:999px;color:#0f1b17;font-size:.46rem;line-height:1;background:#d7bf7d}.commission-causality .cause-evidence strong,.reaction-reader .cause-evidence strong{overflow:visible;text-overflow:clip;white-space:nowrap}.evidence-testing .cause-evidence strong,.evidence-confirmed .cause-evidence strong{background:#dff7d2}.evidence-weakened .cause-evidence strong,.evidence-split .cause-evidence strong{color:#fff6d0;background:#ff7e546b}.cause-detail,.cause-next{display:block;min-width:0;max-width:100%;width:auto;height:auto;grid-column:auto;grid-row:auto;overflow-wrap:break-word;word-break:normal;line-break:strict;border:0;border-radius:0;background:none;color:#8fa69b;font-style:normal;white-space:normal}.cause-choices-panel{grid-column:1 / -1;min-width:0;margin-top:2px}.cause-choices-panel summary{width:fit-content;cursor:pointer;list-style:none;padding:4px 8px;border:1px solid rgba(246,224,169,.14);border-radius:999px;color:#f8edc9;font-size:.5rem;font-weight:950;line-height:1;background:#f6e0a914}.cause-choices-panel summary::-webkit-details-marker{display:none}.cause-choices-panel[open] summary{margin-bottom:3px}.cause-locked{margin:0;padding:6px;border:1px dashed rgba(246,224,169,.18);border-radius:8px;color:#c8d5ca;font-size:.54rem;font-weight:900;line-height:1.32;background:#0000001a}.commission-submit-call{min-width:0;display:grid;gap:7px;padding:10px;border:1px solid rgba(246,224,169,.28);border-radius:8px;background:linear-gradient(135deg,#f6e0a921,#8effdc0e),#00000029}.commission-submit-call.settled.success{border-color:#8effdc47}.commission-submit-call.settled.failed{border-color:#ff7e5447}.commission-submit-call span,.commission-submit-call b,.commission-submit-call p{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis}.commission-submit-call span{width:fit-content;color:#d5be7d;font-size:.52rem;font-weight:950;letter-spacing:.08em}.commission-submit-call b{color:#fff6d0;font-size:.86rem;line-height:1.15}.commission-submit-call p{color:#c8d5ca;font-size:.64rem;font-weight:900;line-height:1.45}.commission-submit-call button,.submit-candidate button{min-height:44px;appearance:none;border:1px solid rgba(246,224,169,.36);border-radius:8px;color:#fff6d0;font:inherit;font-size:.66rem;font-weight:950;background:linear-gradient(135deg,#f6e0a92e,#8effdc14),#0000002e;cursor:pointer}.commission-submit-call button{justify-self:start;padding:8px 10px}.commission-submit-call.candidate-ready{border-color:#8effdc5c;background:linear-gradient(135deg,#8effdc24,#f6e0a914),#00000029}.commission-submit-call.confirm,.submit-candidate.confirming{border-color:#f6e0a96b;box-shadow:inset 0 0 0 1px #f6e0a914}.submit-call-actions{min-width:0;display:flex;flex-wrap:wrap;gap:7px}.commission-submit-call button.secondary,.submit-candidate button.secondary{border-color:#e8fff62e;color:#dce8df;background:#ffffff0e}.commission-progress{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}.commission-progress span{min-width:0;display:grid;gap:2px;padding:7px;border:1px solid rgba(232,255,246,.1);border-radius:8px;background:#ffffff09}.commission-progress span.strong{border-color:#8effdc3d;background:linear-gradient(135deg,#8effdc1a,#f6e0a90d),#ffffff0a}.commission-progress span.mid{border-color:#f6e0a933}.commission-progress small,.commission-progress b,.commission-progress i{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis}.commission-progress small{color:#d3bd7c;font-size:.48rem;font-weight:950;line-height:1}.commission-progress b{color:#fff6d0;font-size:.78rem;line-height:1.05}.commission-progress i{color:#b9c8bd;font-size:.5rem;font-style:normal;font-weight:900;line-height:1.22}.commission-color-advice{min-width:0;display:grid;gap:6px;padding:10px;border:1px solid rgba(232,255,246,.12);border-radius:8px;background:linear-gradient(135deg,#ffffff0d,#ffffff05),#00000021}.commission-color-advice.locked{border-color:#f6e0a92e;background:linear-gradient(135deg,#f6e0a914,#8effdc09),#00000021}.commission-color-advice.good{border-color:#8effdc47;background:linear-gradient(135deg,#8effdc1c,#f6e0a90a),#00000024}.commission-color-advice.warn{border-color:#ff7e543d;background:linear-gradient(135deg,#ff7e541c,#f6e0a909),#00000024}.commission-color-advice span{color:#d7bf7d;font-size:.54rem;font-weight:950}.commission-color-advice b{min-width:0;color:#fff6d0;font-size:.72rem;line-height:1.16}.commission-color-advice p,.commission-color-advice small,.commission-color-advice em{min-width:0;margin:0;color:#c7d6ce;font-size:.56rem;font-style:normal;font-weight:900;line-height:1.38}.commission-color-advice small{color:#aebfb5}.commission-color-advice em{color:#e2d3a3}.commission-color-advice button{justify-self:start;min-height:30px;padding:7px 10px;border:1px solid rgba(246,224,169,.3);border-radius:7px;color:#fff6d0;font:inherit;font-size:.58rem;font-weight:950;background:linear-gradient(135deg,#f6e0a92e,#8effdc13),#0000002e;cursor:pointer}.commission-story-gauge{min-width:0;display:grid;gap:7px;padding:9px;border:1px solid rgba(142,255,220,.14);border-radius:8px;background:linear-gradient(135deg,#8effdc0e,#f6e0a90b),#0000001f}.commission-story-gauge>span{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.commission-story-gauge b,.commission-story-gauge small{min-width:0;overflow:hidden;text-overflow:ellipsis}.commission-story-gauge b{color:#fff6d0;font-size:.68rem}.commission-story-gauge small{color:#b9c8bd;font-size:.54rem;font-weight:900;white-space:nowrap}.commission-story-gauge>div{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.commission-story-gauge i{min-width:0;padding:5px 4px;border:1px solid rgba(232,255,246,.1);border-radius:999px;color:#8f9d95;font-size:.5rem;font-style:normal;font-weight:950;line-height:1;text-align:center;background:#ffffff09;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commission-story-gauge i.done,.commission-story-gauge i.active{color:#fff6d0;border-color:#f6e0a940;background:#f6e0a91a}.commission-causality i .phenomenon-svg{width:17px;height:17px}.commission-story-gauge i.active{border-color:#8effdc5c;background:linear-gradient(135deg,#8effdc26,#f6e0a914),#ffffff0a}.commission-afterstory{border-color:#8effdc2e;background:linear-gradient(135deg,#8effdc1a,#f6e0a911),#ffffff09}.commission-afterstory span{width:fit-content;padding:3px 7px;border-radius:999px;color:#0f1b17;font-size:.48rem;font-weight:950;line-height:1;background:#dff7d2}.delivery-glow{position:relative;min-height:42px;overflow:hidden;border:1px solid rgba(142,255,220,.16);border-radius:8px;background:radial-gradient(circle at 18% 55%,rgba(142,255,220,.24),transparent 18%),radial-gradient(circle at 50% 42%,rgba(246,224,169,.22),transparent 20%),linear-gradient(180deg,#132c26c7,#091311c7)}.delivery-glow:before,.delivery-glow:after{content:"";position:absolute;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(246,224,169,.65),transparent)}.delivery-glow:before{top:48%}.delivery-glow:after{top:64%;opacity:.45}.delivery-glow i{position:absolute;bottom:10px;width:8px;aspect-ratio:1;border-radius:999px;background:#dff7d2;box-shadow:0 0 16px #8effdc94}.delivery-glow i:nth-child(1){left:18%;transform:translateY(-2px)}.delivery-glow i:nth-child(2){left:39%;transform:translateY(-10px);background:#fff1bd}.delivery-glow i:nth-child(3){left:61%;transform:translateY(-5px)}.delivery-glow i:nth-child(4){left:78%;transform:translateY(-14px);background:#fff1bd}.delivery-story-dialog{max-width:min(620px,calc(100vw - 28px))}.delivery-story-copy{display:grid}.delivery-story-copy h2{margin:0;color:#fff6d0;font-size:clamp(1.35rem,5vw,2.15rem);line-height:1.08}.delivery-story-copy p,.delivery-story-copy em{margin:0;color:#eadfc7;font-size:.92rem;font-style:normal;font-weight:850;line-height:1.7}.delivery-glow.large{min-height:68px}.delivery-glow.failed{background:radial-gradient(circle at 22% 62%,rgba(255,126,84,.18),transparent 18%),radial-gradient(circle at 55% 70%,rgba(120,166,255,.14),transparent 20%),linear-gradient(180deg,#2a1f1ad1,#0b1110d6)}.delivery-glow.partial{background:radial-gradient(circle at 18% 55%,rgba(246,224,169,.18),transparent 18%),radial-gradient(circle at 58% 48%,rgba(142,255,220,.12),transparent 20%),linear-gradient(180deg,#20271cd1,#0a1210d1)}.delivery-result-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.delivery-result-card span{min-width:0;display:grid;gap:4px;padding:8px;border:1px solid rgba(232,255,246,.11);border-radius:8px;background:#00000026}.delivery-result-card small,.delivery-result-card b{min-width:0;overflow:hidden;text-overflow:ellipsis}.delivery-result-card small{color:#d5be7d;font-size:.52rem;font-weight:950}.delivery-result-card b{color:#fff6d0;font-size:.76rem;line-height:1.18}.delivery-result-card b i{display:inline-grid;place-items:center;width:22px;aspect-ratio:1;margin-right:2px;border-radius:999px;color:#fff6d0;font-style:normal;background:color-mix(in srgb,var(--c),transparent 52%);box-shadow:0 0 12px color-mix(in srgb,var(--c),transparent 58%)}.commission-afterstory p,.commission-afterstory small,.commission-afterstory em{min-width:0;display:block;margin:0;overflow:hidden;text-overflow:ellipsis}.commission-afterstory p{color:#f5efe0;font-size:.6rem;font-weight:900;line-height:1.35}.commission-afterstory small{color:#d8c986;font-size:.55rem;font-weight:900;line-height:1.35}.commission-afterstory em{color:#b9c8bd;font-size:.52rem;font-style:normal;font-weight:900;line-height:1.28}.commission-afterstory .next-request-tease{color:#d8c986}.commission-afterstory strong{justify-self:end;padding:4px 8px;border-radius:8px;color:#fff6d0;font-size:.58rem;line-height:1;background:#0000002e}.commission-hypothesis{min-width:0;display:grid;gap:6px;margin-top:6px;padding:8px;border:1px solid rgba(255,238,169,.16);border-radius:8px;background:linear-gradient(90deg,#ffeea912,#8effdc09),#ffffff08}.commission-decision{min-width:0;display:grid;gap:7px;margin-top:6px;padding:9px;border:1px solid rgba(246,224,169,.18);border-radius:8px;background:linear-gradient(135deg,#f6e0a917,#8effdc09),#ffffff08}.decision-head{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.decision-head span{color:#d8c986;font-size:.56rem;font-weight:950;letter-spacing:.08em}.decision-head b{min-width:0;color:#f7edd0;font-size:.62rem;font-weight:950;line-height:1.15;text-align:right}.decision-choices{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.decision-choices span{min-width:0;display:grid;gap:4px;padding:8px;border:1px solid rgba(232,255,246,.1);border-radius:8px;background:#0000001f}.decision-choices span.calm{border-color:#8effdc2e}.decision-choices span.bold{border-color:#ffb46e38}.decision-choices span.trace{border-color:#beadff33}.decision-choices small,.decision-choices b,.decision-choices i{min-width:0;display:block}.decision-choices small{width:fit-content;padding:2px 6px;border-radius:999px;color:#20170f;font-size:.48rem;font-weight:950;line-height:1;background:#f1d991}.decision-choices b{color:#fff6d0;font-size:.66rem;line-height:1.18}.decision-choices i{color:#d4dfd7;font-size:.56rem;font-style:normal;font-weight:900;line-height:1.42}.commission-hypothesis>b{color:#fff6d0;font-size:.66rem;line-height:1.15}.commission-trial-compare{min-width:0;display:grid;gap:4px}.commission-trial-compare span{min-width:0;display:grid;gap:2px;padding:6px;border:1px solid rgba(232,255,246,.09);border-radius:8px;background:#0000001c}.commission-trial-compare b,.commission-trial-compare small{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis}.commission-trial-compare b{color:#f8edc9;font-size:.56rem;line-height:1}.commission-trial-compare small{color:#b9c8bd;font-size:.52rem;font-weight:900;line-height:1.25}.commission-hypothesis p{margin:0;color:#f3ead5;font-size:.58rem;font-weight:900;line-height:1.35}.outcome-ledger p{grid-column:1 / -1;margin:0;color:#f3ead5;font-size:.62rem;font-weight:900;line-height:1.3}.phase-note,.notebook-empty{min-width:0;padding:8px;border:1px solid rgba(232,255,246,.1);border-radius:8px;color:#c9d8ce;font-size:.58rem;font-weight:900;line-height:1.35;background:#ffffff08}.phase-note{margin-top:6px;border-color:#8effdc2e;color:#dffdf4;background:#8effdc0b}.outcome-ledger i{grid-column:1 / -1;color:#d8c986;font-size:.54rem;font-style:normal;font-weight:950;line-height:1.1;white-space:normal}.decision-ledger.risk-high,.outcome-ledger.risk-high{border-color:#ffa06e47;background:linear-gradient(90deg,#ffa06e14,#f6e0a90a),#ffffff09}.decision-ledger.risk-mid,.outcome-ledger.risk-mid{border-color:#ffeea938}.decision-ledger.risk-low,.outcome-ledger.risk-low{border-color:#8effdc33}.chemistry-cues{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.chemistry-cue{min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto auto;gap:2px 7px;align-items:center;padding:7px;border:1px solid rgba(232,255,246,.12);border-radius:8px;background:#ffffff09}.chemistry-cue i{grid-row:1 / span 3;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:#fff6d0;font-size:.76rem;font-style:normal;background:#f6e0a91a}.chemistry-cue b,.chemistry-cue small,.chemistry-cue em{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis}.chemistry-cue b{color:#fff6d0;font-size:.62rem;line-height:1.12;white-space:nowrap}.chemistry-cue small{color:#b9c8bd;font-size:.52rem;font-weight:900;line-height:1.25}.chemistry-cue em{display:flex;gap:4px;font-style:normal}.chemistry-cue strong{min-width:0;padding:2px 5px;border-radius:6px;color:#f9edc8;font-size:.48rem;line-height:1;background:#0000002e;white-space:nowrap}.chemistry-cue.foam{border-color:#fae07b3d;background:#e4b74a13}.chemistry-cue.sink{border-color:#78a6ff3d;background:#4c64a817}.chemistry-cue.veil{border-color:#cd97ff38;background:#9668c217}.chemistry-cue.crystal{border-color:#a6ffda38;background:#61c0a214}.finish-actions{position:absolute;right:14px;bottom:14px;min-height:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.target-card .finish-actions:empty{display:none}.commission-mode .target-card .finish-actions:has(.commission-top-submit){position:static;grid-column:1 / -1;justify-content:stretch;width:100%}.share-button,.copy-button,.today-button{min-width:72px;height:36px;padding:0 13px;border:1px solid rgba(228,201,124,.42);border-radius:8px;background:linear-gradient(180deg,#f6e0a926,#f6e0a90d),#0b0d0bb3;color:#f8edc9;font-size:.78rem;font-weight:900;cursor:pointer;box-shadow:inset 0 1px #ffffff1f,0 0 16px #e4c97c1a}.share-button:hover,.copy-button:hover,.today-button:hover{border-color:#fae7aab8;background:linear-gradient(180deg,#f6e0a938,#8effdc14),#080c0ab3}.share-button.copied{border-color:#b2ffac94;color:#e6ffd8;background:linear-gradient(135deg,#b7ffa840,#8effdc24),#080c0a9e}.copy-button{min-width:82px;border-color:#8effdc4d;color:#dffdf4;background:linear-gradient(135deg,#8effdc1f,#f6e0a914),#080c0a9e}.today-button{border-color:#8effdc6b;color:#dffdf4;background:linear-gradient(135deg,#8effdc2e,#f8e39a1a),#080c0a99}.result-panel{min-height:92px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;background:linear-gradient(90deg,color-mix(in srgb,var(--c, #9effee),transparent 86%),transparent 48%),#090d0cad;box-shadow:inset 0 1px #ffffff0d,0 16px 34px #0003}.result-sigil{width:36px;min-width:36px;border-radius:50%;border-width:2px;box-shadow:0 0 0 1px #f6e0a929,0 0 22px color-mix(in srgb,var(--c),transparent 56%)}.result-copy{min-width:0;display:grid;gap:5px}.result-kicker{color:#d6c48d;font-size:.64rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.result-title{color:#fff6d0;font-size:1.12rem;line-height:1.05}.reaction-text{margin:0;min-height:0;color:#f5efe0;font-size:.86rem;line-height:1.45}.result-hint{color:#b9c8bd;font-size:.72rem;line-height:1.45}.result-metrics{grid-column:1 / -1;min-width:0}.result-metrics:empty{display:none}.metric-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:4px}.focus-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:4px}.focus-row span{min-width:0;display:grid;gap:3px;padding:10px 11px;border:1px solid rgba(232,255,246,.12);border-radius:8px;background:linear-gradient(180deg,#ffffff12,#ffffff06),#ffffff09}.focus-row span.strong{border-color:#8effdc47;background:linear-gradient(180deg,#8effdc1f,#ffffff08),#8effdc09}.focus-row span.mid{border-color:#ffeea938;background:linear-gradient(180deg,#ffeea917,#ffffff08),#ffeea907}.focus-row small,.focus-row b,.focus-row i{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis}.focus-row small{color:#d8c986;font-size:.58rem;font-weight:950;line-height:1.1;white-space:nowrap}.focus-row b{color:#fff6d0;font-size:1.12rem;line-height:1;white-space:nowrap}.focus-row i{color:#aebfb5;font-size:.54rem;font-style:normal;font-weight:900;line-height:1.22}.metric-row span,.phase-score{min-width:0;padding:7px 8px;border-radius:8px;background:#ffffff0b}.metric-row b,.metric-row small,.phase-score b,.phase-score span{display:block}.metric-row b{color:#fff6d0;font-size:.78rem;line-height:1;white-space:nowrap}.metric-row small,.metric-empty,.phase-score span{color:#aebfb5;font-size:.56rem;font-weight:900;line-height:1.15}.result-metrics .phase-strip{margin-top:6px}.attempt-phase-strip .phase-token{position:relative}.phase-token.phase-match-exact{border-color:#f8ffe8bd;box-shadow:inset 0 0 0 1px #f8ffe81f,0 0 14px #f8ffe81f}.phase-token.phase-match-present{border-style:dashed;border-color:#ffd36f9e}.phase-token.phase-match-miss{opacity:.58}.phase-delta{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}.reaction-reader{min-width:0;display:grid;gap:4px;margin-top:6px;padding:8px;border:1px solid rgba(232,255,246,.12);border-radius:8px;background:linear-gradient(90deg,#ffffff0d,#ffffff06),#ffffff07}.reaction-reader span{min-width:0;display:flex;align-items:center;gap:7px}.reaction-reader i{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:#fff6d0;font-style:normal;background:#f6e0a91a}.reaction-reader i .phenomenon-svg{width:17px;height:17px}.reaction-reader b{min-width:0;color:#fff6d0;font-size:.68rem;line-height:1.12}.reaction-reader p{margin:0;color:#b9c8bd;font-size:.58rem;font-weight:900;line-height:1.38}.reaction-reader .reader-switch-hint{min-width:0;display:block;color:#8fa69b;font-size:.5rem;font-weight:900;line-height:1.3}.reaction-reader .cause-choices{margin-top:2px}.reaction-reader .cause-choices li{grid-template-columns:18px minmax(0,1fr)}.reaction-reader .cause-choices em{grid-column:2;justify-self:start}.reaction-reader.quiet i{color:#e8fff6b3;background:#ffffff0f}.phase-delta span{min-width:0;display:grid;gap:2px;padding:7px 8px;border:1px solid rgba(232,255,246,.1);border-radius:8px;background:#ffffff09}.phase-delta b,.phase-delta small{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phase-delta b{color:#f8edc9;font-size:.6rem;line-height:1.05}.phase-delta small{color:#b9c8bd;font-size:.56rem;font-weight:900;line-height:1.05}.mobile-attempts{display:none}.commission-mode .mobile-attempts{grid-column:1 / -1;min-width:0;display:flex;gap:6px;margin-top:8px;padding-bottom:2px;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain}.commission-mode .mobile-attempts .attempt{flex:0 0 232px;grid-template-columns:18px repeat(5,20px) 52px 24px 44px;gap:4px;align-items:center;padding:6px}.mobile-attempts{scrollbar-width:none}.mobile-attempts::-webkit-scrollbar{display:none}.mobile-rite-legend{display:none}.score-card{display:flex;flex-direction:column;gap:14px}.attempts{min-height:0;display:grid;align-content:start;gap:8px;overflow:auto;scrollbar-width:none}.attempts::-webkit-scrollbar{display:none}.rite-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;color:#aebfb5;font-size:.58rem;font-weight:800}.rite-legend span{min-width:0;display:flex;align-items:center;gap:4px}.legend-dot{width:11px;aspect-ratio:1;border-radius:50%;background:#ffffff24;flex:0 0 auto}.legend-dot.exact{border:2px solid #f8ffe8;box-shadow:0 0 10px #f8ffe861}.legend-dot.present{border:2px dashed #ffd36f;background:#ffd36f33}.legend-dot.absent{position:relative;border:1px solid rgba(255,184,137,.5);background:#ff7e5438}.legend-dot.absent:after{content:"";position:absolute;left:-2px;right:-2px;top:4px;height:2px;background:#ffe8cee0;transform:rotate(-38deg)}.legend-dot.resonance{border:2px solid rgba(142,255,220,.62);background:#8effdc29;box-shadow:0 0 10px #8effdc38}.legend-phase{width:13px;height:13px;display:grid;place-items:center;border-radius:4px;border:1px solid rgba(246,224,169,.35);color:#fff6d0;font-size:.62rem;line-height:1;background:#f6e0a91c}.legend-phase .phenomenon-svg{width:9px;height:9px}.mode-panel:empty{display:none}.mode-panel{display:grid;gap:9px}.phase-score{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border:1px solid rgba(246,224,169,.16);background:linear-gradient(90deg,#f6e0a91f,#8effdc0f),#ffffff09}.phase-score b{color:#fff6d0;font-size:1.22rem;line-height:1;white-space:nowrap}.phase-score.ready b{font-size:.86rem}.law-list,.chem-note-list{display:grid;gap:6px}.notebook-head{min-width:0;display:flex;justify-content:space-between;gap:8px;align-items:baseline}.notebook-head b{color:#fff6d0;font-size:.72rem;line-height:1.1}.notebook-head small{color:#aebfb5;font-size:.56rem;font-weight:900;line-height:1.1}.law,.chem-note{min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;align-items:center;padding:7px;border:1px solid rgba(232,255,246,.11);border-radius:8px;background:#ffffff08}.law i,.chem-note i{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:#fff6d0;background:#f6e0a91a}.law span,.law b,.law small,.chem-note span,.chem-note b,.chem-note small{min-width:0;display:block}.law b,.chem-note b{color:#f8edc9;font-size:.68rem;line-height:1.2}.law small,.chem-note small{margin-top:2px;color:#aebfb5;font-size:.56rem;line-height:1.35}.law.hidden{opacity:.66}.law.open{border-color:#8effdc45;background:#8effdc11}.chem-note.foam{border-color:#fae07b38;background:#e4b74a12}.chem-note.sink{border-color:#78a6ff33;background:#4c64a814}.chem-note.veil{border-color:#cd97ff33;background:#9668c213}.chem-note.crystal{border-color:#a6ffda33;background:#61c0a213}.commission-submit-panel{min-width:0;display:grid;gap:8px;padding:9px;border:1px solid rgba(246,224,169,.2);border-radius:8px;background:linear-gradient(135deg,#f6e0a91a,#8effdc0a),#ffffff08}.submit-panel-head{min-width:0;display:grid;gap:3px}.submit-panel-head span,.submit-panel-head b,.submit-panel-head small{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis}.submit-panel-head span{color:#d5be7d;font-size:.52rem;font-weight:950}.submit-panel-head b{color:#fff6d0;font-size:.74rem;line-height:1.15}.submit-panel-head small{color:#b9c8bd;font-size:.56rem;font-weight:900;line-height:1.35}.submit-candidates{min-width:0;display:grid;gap:6px}.submit-candidate{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:6px;align-items:center;padding:7px;border:1px solid rgba(232,255,246,.1);border-radius:8px;background:#0000001f}.submit-candidate.fit{border-color:#8effdc33}.submit-candidate.near,.submit-candidate.color-only{border-color:#f6e0a92e}.submit-candidate.trace{border-color:#80abff24}.submit-candidate.cold{opacity:.78}.submit-candidate.selected{border-color:#f6e0a96b;background:linear-gradient(135deg,#f6e0a921,#8effdc0d),#00000029}.submit-no,.submit-candidate b,.submit-candidate small,.submit-candidate em{min-width:0;overflow:hidden;text-overflow:ellipsis}.submit-no{color:#d5be7d;font-size:.52rem;font-weight:950}.submit-candidate b{display:flex;gap:3px;align-items:center}.submit-candidate b i{display:inline-grid;place-items:center;width:19px;aspect-ratio:1;border-radius:999px;color:#fff6d0;font-size:.56rem;font-style:normal;font-weight:950;background:color-mix(in srgb,var(--c),transparent 48%);box-shadow:0 0 10px color-mix(in srgb,var(--c),transparent 64%)}.submit-candidate small{grid-column:2 / 3;color:#b9c8bd;font-size:.52rem;font-weight:900}.submit-readout{grid-column:2 / 4;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.submit-readout span{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px;padding:5px 6px;border:1px solid rgba(232,255,246,.1);border-radius:7px;background:#ffffff09}.submit-readout span.strong{border-color:#8effdc3d;background:#8effdc12}.submit-readout span.mid{border-color:#f6e0a938;background:#f6e0a90f}.submit-readout span.cold{opacity:.76}.submit-readout small,.submit-readout b,.submit-readout em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submit-readout small{color:#d5be7d;font-size:.46rem;font-weight:950}.submit-readout b{color:#f8ffeb;font-size:.58rem;line-height:1.05}.submit-readout em{justify-self:end;color:#9fb6aa;font-size:.46rem;font-style:normal;font-weight:950}.submit-candidate button{grid-column:3;grid-row:auto;padding:7px 9px;white-space:nowrap}.submit-candidate em{grid-column:3;grid-row:1 / span 2;padding:5px 8px;border-radius:999px;color:#0f1b17;font-size:.52rem;font-style:normal;font-weight:950;background:#dff7d2}.commission-ledger-card{min-width:0;display:grid;gap:4px;padding:8px;border:1px solid rgba(142,255,220,.2);border-radius:8px;background:linear-gradient(135deg,#8effdc17,#f6e0a90f),#ffffff09}.commission-ledger-card span{width:fit-content;padding:3px 6px;border-radius:999px;color:#0f1b17;font-size:.48rem;font-weight:950;line-height:1;background:#dff7d2}.commission-ledger-card b,.commission-ledger-card small,.commission-ledger-card em{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis}.commission-ledger-card b{color:#fff6d0;font-size:.68rem;line-height:1.15}.commission-ledger-card small{color:#b9c8bd;font-size:.54rem;font-weight:900;line-height:1.3}.commission-ledger-card em{justify-self:end;padding:3px 7px;border-radius:7px;color:#fff6d0;font-size:.5rem;font-style:normal;font-weight:950;line-height:1;background:#0000002e}.empty{color:#91a39a;font-size:.78rem;letter-spacing:0}.attempt{appearance:none;width:100%;color:inherit;font:inherit;text-align:left;display:grid;grid-template-columns:22px repeat(5,minmax(20px,1fr)) 30px 50px;align-items:center;gap:6px;min-height:34px;padding:4px 5px;border:1px solid transparent;border-radius:8px;background:#ffffff05;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.attempt:hover{transform:translateY(-1px);border-color:#e8fff642}.attempt.viewing{border-color:#f8e39aa3;background:linear-gradient(90deg,#f8e39a1f,#8effdc0e),#ffffff08;box-shadow:inset 0 0 0 1px #f8e39a1f,0 0 18px #f8e39a14}.attempt.miss{border-color:#ffb28238;background:linear-gradient(90deg,#ff5f4a17,#ffffff06)}.attempt.solved{border-color:#e1ffc752;background:linear-gradient(90deg,#acffaa21,#ffffff08)}.attempt.submitted{border-color:#f6e0a98f;box-shadow:inset 0 0 0 1px #f6e0a91f,0 0 16px #f6e0a914}.phase-mode .attempt{grid-template-columns:22px repeat(5,minmax(20px,1fr)) minmax(52px,.8fr) 30px 50px}.attempt-no{color:#9baca4;font-size:.76rem}.attempt-state{justify-self:end;min-width:36px;padding:4px 5px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#ffe0c4;background:#ff7e541c;font-size:.58rem;font-weight:800;line-height:1;text-align:center;white-space:nowrap}.attempt.solved .attempt-state{color:#efffd8;border-color:#e8ffc66b;background:#b1ff9724}.attempt.submitted .attempt-state{color:#0f1b17;border-color:#f6e0a99e;background:#f0d98d}.score-card .attempt{grid-template-columns:16px repeat(5,15px) 22px;gap:3px;min-height:32px;padding:4px}.phase-mode .score-card .attempt{grid-template-columns:16px repeat(5,15px) 50px 22px}.score-card .attempt-state{display:none}.score-card .dot{min-width:15px;font-size:.46rem}.score-card .result-swatch{width:22px;min-width:22px}.dot,.swatch{aspect-ratio:1;border-radius:50%}.dot{display:grid;place-items:center;min-width:26px;background:color-mix(in srgb,var(--c),#111 28%);color:#08100e;font-size:.7rem;font-weight:800;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 3px #ffffff3d,inset 0 -5px 10px #0000002e}.dot.exact{outline:2px solid #f8ffe8;box-shadow:0 0 16px #f8ffe87a}.dot.present{background:color-mix(in srgb,var(--c),white 8%);outline:2px dashed #ffd36f;box-shadow:0 0 13px color-mix(in srgb,var(--c),transparent 55%)}.dot.absent{background:linear-gradient(135deg,color-mix(in srgb,var(--c),white 18%),color-mix(in srgb,var(--c),#111 30%));color:#fff2df;border-color:#ffb8896b;opacity:.94;text-shadow:0 1px 2px rgba(0,0,0,.58)}.dot.absent:after{content:"";position:absolute;left:-18%;right:-18%;top:50%;height:2px;background:#ffe8cee6;box-shadow:0 0 8px #ff80546b;transform:rotate(-38deg)}.dot.concealed{background:linear-gradient(135deg,color-mix(in srgb,var(--c),white 10%),#0f1412d6);color:#f8ffe86b;border-color:#ffffff1a;box-shadow:inset 0 1px 2px #ffffff29}.dot.ingredient{background:radial-gradient(circle at 42% 35%,color-mix(in srgb,var(--c),white 36%),transparent 38%),color-mix(in srgb,var(--c),#111 32%);color:#fff7d8;border-color:#ffffff24;text-shadow:0 1px 3px rgba(0,0,0,.58);box-shadow:inset 0 1px 3px #fff3,0 0 10px color-mix(in srgb,var(--c),transparent 64%)}.phase-mini{min-width:0;display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.phase-mini i{min-width:0;height:18px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:5px;color:#f7efdc;font-size:.6rem;line-height:1;background:#ffffff0a}.phase-mini i .phenomenon-svg{width:12px;height:12px}.phase-mini i.foam{background:#e4b74a26}.phase-mini i.sink{background:#4c64a82b}.phase-mini i.veil{background:#9668c22b}.phase-mini i.crystal{background:#61c0a226}.phase-mini i.quiet{color:#e8fff694;background:#ffffff09}.swatch{position:relative;overflow:hidden;background:var(--c);border:1px solid rgba(255,255,255,.25)}.result-swatch{width:28px;min-width:28px;border-width:2px}.attempt.miss .result-swatch{border-color:#ffc497ad;filter:saturate(1.2) brightness(1.18);box-shadow:0 0 0 2px #ff6f4e29,0 0 14px color-mix(in srgb,var(--c),transparent 52%)}.attempt.solved .result-swatch{border-color:#f8ffe8;filter:saturate(1.18) brightness(1.12);box-shadow:0 0 0 2px #e8ffbc33,0 0 18px color-mix(in srgb,var(--c),transparent 45%)}.swatch:before{background:linear-gradient(var(--turn),transparent 18%,color-mix(in srgb,var(--a),white 24%) 46%,transparent 64%),radial-gradient(circle at 58% 62%,color-mix(in srgb,var(--accent),transparent 25%),transparent 36%);mix-blend-mode:screen;opacity:.68}.swatch:after{inset:22%;border:1px solid color-mix(in srgb,var(--b),white 26%);opacity:.8}.sig-crystal:after{clip-path:polygon(50% 0,92% 32%,74% 100%,26% 100%,8% 32%);transform:rotate(var(--turn))}.sig-lantern:before{background:radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--accent),white 36%),transparent 30%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--a),transparent 22%),transparent 58%)}.sig-thread:before,.sig-resonate:before{background:repeating-linear-gradient(var(--turn),transparent 0 7px,color-mix(in srgb,var(--a),white 22%) 8px 10px,transparent 11px 19px),radial-gradient(circle at 54% 52%,color-mix(in srgb,var(--accent),transparent 40%),transparent 45%)}.sig-resonate:after{inset:20%;border:1px dashed color-mix(in srgb,var(--accent),white 30%);box-shadow:inset 0 0 8px color-mix(in srgb,var(--b),transparent 42%)}.sig-sink:before{background:radial-gradient(circle at 50% 78%,color-mix(in srgb,var(--b),black 18%),transparent 28%),linear-gradient(180deg,transparent 20%,color-mix(in srgb,var(--a),black 32%) 100%)}.sig-bloom:after{inset:18%;border:0;background:conic-gradient(from var(--turn),color-mix(in srgb,var(--a),white 22%),transparent 18%,color-mix(in srgb,var(--b),white 18%),transparent 42%,color-mix(in srgb,var(--accent),white 18%),transparent 70%)}.sig-boil:after{inset:18%;border:1px dotted color-mix(in srgb,var(--accent),white 28%);box-shadow:0 0 0 4px color-mix(in srgb,var(--a),transparent 72%),inset 0 0 8px color-mix(in srgb,var(--b),white 18%)}.sig-aurora:before{background:linear-gradient(calc(var(--turn) + 22deg),transparent 8%,color-mix(in srgb,var(--a),white 30%) 34%,transparent 52%),linear-gradient(calc(var(--turn) - 38deg),transparent 22%,color-mix(in srgb,var(--accent),white 18%) 54%,transparent 76%),radial-gradient(circle at 48% 68%,color-mix(in srgb,var(--b),transparent 34%),transparent 46%);opacity:.78}.sig-aurora:after{inset:14%;border:0;background:conic-gradient(from var(--turn),transparent,color-mix(in srgb,var(--accent),white 24%),transparent 34%,color-mix(in srgb,var(--a),white 16%),transparent 72%);opacity:.56}.sig-comet:before{background:linear-gradient(142deg,transparent 10%,color-mix(in srgb,var(--accent),white 42%) 34%,color-mix(in srgb,var(--a),transparent 30%) 44%,transparent 62%),radial-gradient(circle at 70% 24%,color-mix(in srgb,var(--b),white 24%),transparent 18%),linear-gradient(180deg,transparent 16%,color-mix(in srgb,var(--a),black 28%) 100%);opacity:.84}.sig-comet:after{inset:30% 18% 20% 40%;border:0;background:color-mix(in srgb,var(--accent),white 24%);transform:rotate(38deg);box-shadow:-7px 7px color-mix(in srgb,var(--a),transparent 55%)}.sig-mirror:before{background:radial-gradient(ellipse at 48% 46%,color-mix(in srgb,var(--accent),white 28%),transparent 28%),linear-gradient(90deg,transparent 12%,color-mix(in srgb,var(--a),white 18%) 46%,transparent 68%),radial-gradient(circle at 52% 58%,color-mix(in srgb,var(--b),transparent 28%),transparent 54%)}.sig-mirror:after{inset:16%;border:1px solid color-mix(in srgb,var(--accent),white 22%);border-radius:48% 52% 44% 56%;transform:rotate(calc(var(--turn) - 180deg));box-shadow:inset 0 0 7px color-mix(in srgb,var(--a),transparent 50%),0 0 5px color-mix(in srgb,var(--b),transparent 54%)}.stats{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats span{min-width:0;padding:10px 8px;border-radius:8px;background:#ffffff0d}.stats b,.stats small{display:block}.mobile-stats{display:none}.controls{position:relative;border-radius:8px;padding:12px;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(360px,1.4fr);gap:12px;align-items:center}.commission-mode .controls{overflow:hidden;border-color:#8f68375c;background:linear-gradient(90deg,#56321975,#181610c7 34%,#302314b8),repeating-linear-gradient(92deg,rgba(255,225,147,.035) 0 1px,transparent 1px 26px),#10120deb;box-shadow:0 20px 54px #00000061,inset 0 1px #ffeca81f,inset 0 -18px 36px #00000038}.commission-mode .controls:before{content:"";position:absolute;inset:8px;border:1px solid rgba(198,153,84,.14);border-radius:6px;pointer-events:none}.commission-mode .control-head{position:relative;z-index:1}.commission-mode .control-head b{color:#ffe7ae;font-family:Iowan Old Style,Palatino Linotype,Palatino,Yu Mincho,serif;font-size:.98rem;letter-spacing:.04em}.commission-mode .control-head small{color:#c8b88d}.control-head{grid-column:1 / -1;min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.control-head b,.control-head small{min-width:0;display:block}.control-head b{color:#fff6d0;font-size:.78rem;line-height:1.1;white-space:nowrap}.control-head small{color:#aebfb5;font-size:.62rem;font-weight:900;line-height:1.25;text-align:right}.commission-stance-slot{grid-column:1 / -1;min-width:0}.commission-stance-slot:empty{display:none}.commission-stance{min-width:0;display:grid;grid-template-columns:minmax(150px,.9fr) minmax(260px,1.5fr);gap:8px;align-items:stretch}.commission-stance>span{min-width:0;display:grid;gap:3px;padding:8px;border:1px solid rgba(232,255,246,.1);border-radius:8px;background:#ffffff09}.commission-stance>span b,.commission-stance>span small{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis}.commission-stance>span b{color:#fff6d0;font-size:.66rem;line-height:1.1}.commission-stance>span small{color:#b8c8bf;font-size:.54rem;font-weight:900;line-height:1.28}.commission-stance.undo{grid-template-columns:minmax(0,1fr) auto;align-items:center}.draft-undo{min-width:64px;min-height:44px;padding:8px 10px;appearance:none;border:1px solid rgba(246,224,169,.22);border-radius:8px;color:#fff6d0;font:inherit;font-size:.62rem;font-weight:950;background:#f6e0a91a}.commission-stance-options{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.commission-stance-options button{min-width:0;display:grid;gap:3px;padding:8px;appearance:none;border:1px solid rgba(232,255,246,.12);border-radius:8px;color:inherit;font:inherit;text-align:left;background:#0000001f;cursor:pointer}.commission-stance-options button.active{border-color:#f6e0a994;background:linear-gradient(135deg,#f6e0a933,#8effdc13),#00000024;box-shadow:0 0 16px #f6e0a91f}.commission-stance-options button.active.stance-bold{border-color:#8effdc85;background:linear-gradient(135deg,#8effdc2e,#f6e0a914),#00000024}.commission-stance-options button.active.stance-test{border-color:#adbbff7a;background:linear-gradient(135deg,#adbbff26,#f6e0a914),#00000024}.commission-stance-options b,.commission-stance-options small,.commission-stance-options em{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis}.commission-stance-options b{color:#fff6d0;font-size:.68rem;line-height:1.08}.commission-stance-options small{color:#d5be7d;font-size:.5rem;font-weight:950;line-height:1.1;white-space:nowrap}.commission-stance-options em{width:fit-content;margin-top:1px;padding:2px 5px;border-radius:999px;color:#0f1b17;font-size:.42rem;font-style:normal;font-weight:950;line-height:1;background:#fff1bd}.shell.finished .controls{display:none}.slots,.reagents{display:grid;gap:8px}.slots{grid-template-columns:repeat(5,minmax(44px,1fr))}.slot,.reagent{position:relative;border:1px solid rgba(230,255,247,.14);background:#ffffff0b;border-radius:8px;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.commission-mode .slot,.commission-mode .reagent{border-color:#c9a05a3d;background:linear-gradient(180deg,#fff4cd14,#0000001a),#0c120fc2;box-shadow:inset 0 1px #ffeeb014,inset 0 -10px 18px #0000002e}.slot:hover,.reagent:hover:not(:disabled){transform:translateY(-1px);border-color:#e7fff461}.slot{height:54px;display:grid;place-items:center}.slot.active{border-color:#f8e39a}.commission-mode .slot.active{border-color:#ffe69b;background:linear-gradient(180deg,#ffe89e2b,#140f0829),#14160fdb;box-shadow:0 0 0 2px #f6e0a914,inset 0 1px #fff2c229}.slot span{width:32px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--c);color:#09100d;font-weight:900}.commission-mode .slot span{box-shadow:0 0 16px color-mix(in srgb,var(--c),transparent 50%),inset 0 1px #ffffff42}.commission-mode .slot small{position:absolute;right:4px;bottom:3px;max-width:calc(100% - 8px);color:#e8fff694;font-size:.42rem;font-weight:900;line-height:1;pointer-events:none}.slot i{color:#8d9f96;font-style:normal}.commission-mode .slot i{color:#b7aa8c;font-family:Iowan Old Style,Palatino Linotype,Palatino,serif}.slot:disabled,.reagent:disabled{cursor:not-allowed;opacity:.58}.reagents{grid-template-columns:repeat(8,minmax(42px,1fr))}.reagent{position:relative;height:60px;display:grid;place-items:center;padding:6px}.commission-mode .reagent{border-radius:9px;background:linear-gradient(90deg,color-mix(in srgb,var(--c),transparent 90%),transparent 42%),linear-gradient(180deg,#fff6d212,#0000001f),#0c120fc7}.reagent:after{content:"";position:absolute;left:6px;bottom:4px;width:18px;max-width:calc(100% - 12px);height:2px;border-radius:999px;background:color-mix(in srgb,var(--c),white 16%);box-shadow:0 0 6px color-mix(in srgb,var(--c),transparent 68%);opacity:.34}.commission-mode .reagent:after{left:8px;bottom:6px;width:36px;height:2px;background:color-mix(in srgb,var(--c),#f6dc8c 22%);opacity:.58}.reagent.answer{border-color:#f7d36f}.reagent-cue{position:absolute;right:5px;bottom:5px;width:32px;height:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;align-items:center;justify-items:center;padding:3px 4px;border:1px solid rgba(232,255,246,.14);border-radius:999px;color:#fff6d0;font-size:.62rem;font-style:normal;line-height:1;background:#ffffff0b;box-shadow:inset 0 1px #ffffff14;pointer-events:none}.reagent-cue i,.reagent-cue small{display:block;line-height:1;font-style:normal}.reagent-cue i{width:5px;height:5px;border:1px solid rgba(232,255,246,.46);border-radius:50%;opacity:.42;background:#e8fff61f}.reagent-cue small{display:none}.reagent-cue.intent-color i:nth-child(1),.reagent-cue.intent-reaction i:nth-child(2),.reagent-cue.intent-compare i:nth-child(3){opacity:1;background:#fff6d0;box-shadow:0 0 7px #f6e0a970}.reagent-cue.intent-color i:nth-child(1){background:color-mix(in srgb,var(--c),white 28%)}.reagent-cue.intent-reaction i:nth-child(2){background:#8effdc}.reagent-cue.intent-compare i:nth-child(3){border-radius:2px;background:#f6d879}.reagent-cue.risk-high{border-color:#ffa06e7a;box-shadow:inset 0 1px #ffffff14,0 0 12px #ff82582e}.reagent-cue.risk-mid{border-color:#ffeea957}.reagent-cue.risk-low{border-color:#8effdc3d}.reagent-cue.cue-light{background:#e4b74a24}.reagent-cue.cue-heavy,.reagent-cue.cue-late{background:#4c64a82b}.reagent-cue.cue-wide,.reagent-cue.cue-repeat{background:#9668c22b}.reagent-cue.cue-near{background:#61c0a226}.reagent-cue.cue-ash{background:#d2dada21}.vial{width:20px;height:36px;border:1px solid rgba(255,255,255,.45);border-radius:10px 10px 7px 7px;display:flex;align-items:end;padding:2px}.commission-mode .vial{border-color:#fff2c77a;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent 46%),#ffffff09;box-shadow:0 0 14px color-mix(in srgb,var(--c),transparent 74%),inset 0 0 0 1px #0000002e}.vial i{width:100%;height:72%;border-radius:8px 8px 5px 5px;background:var(--c);box-shadow:0 0 14px color-mix(in srgb,var(--c),transparent 42%)}.reagent-glyph{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#f8fff4;font-size:1rem;font-weight:900;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.72),0 0 8px color-mix(in srgb,var(--c),white 18%);pointer-events:none}.reagent b,.reagent small{position:absolute;font-size:.65rem;color:#c4d2ca}.commission-mode .reagent b,.commission-mode .reagent small{color:#d7c99a;font-weight:950}.reagent b{left:6px;top:4px}.reagent small{right:6px;top:4px}.phase-mode .reagent small{right:34px}@media(max-width:860px){.shell{padding:12px;gap:12px}.top-actions{margin-left:auto}.help-dialog{padding:20px}.help-head{grid-template-columns:38px minmax(0,1fr);gap:11px}.help-head-icon{width:38px}.help-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.help-grid{grid-template-columns:1fr}.stage{grid-template-columns:1fr;min-height:0;gap:10px}.center-rail{grid-column:auto;grid-row:auto;grid-template-rows:auto auto;gap:10px}.result-panel{grid-column:auto;grid-row:auto}.phase-mode .center-rail{order:1}.target-card,.score-card{grid-column:auto;grid-row:auto}.phase-mode .target-card{order:2}.phase-mode .result-panel{order:3}.commission-mode .stage{grid-template-columns:1fr;grid-template-rows:auto}.commission-mode .target-card{order:1;grid-column:auto;grid-row:auto}.commission-mode .center-rail{order:2;grid-column:auto;grid-row:auto}.commission-mode .result-panel{order:3;grid-column:auto;grid-row:auto;overflow:visible}.score-card{display:none}.target-card{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;align-content:center;gap:6px 10px;min-height:94px;padding:9px 10px}.target-copy{grid-column:2;align-self:center;gap:3px;padding-right:82px}.shell:not(.finished):not(.memory) .target-copy{padding-right:0}.target-copy b{font-size:1rem}.target-copy p{display:none}.target-effect{grid-template-columns:22px minmax(0,1fr);gap:6px;margin-top:1px;padding:5px 6px}.target-effect-icon{width:22px}.target-effect-icon svg{width:14px;height:14px}.target-effect small{display:none}.target-effect strong{margin:0;font-size:.66rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commission-stance{grid-template-columns:1fr;gap:7px}.commission-stance>span{padding:7px}.submit-call-actions{display:grid;grid-template-columns:1fr}.commission-submit-call button{justify-self:stretch}.decision-head{display:grid;gap:3px}.decision-head b{text-align:left}.decision-choices{grid-template-columns:1fr}.submit-candidate{grid-template-columns:40px minmax(0,1fr)}.submit-readout{grid-column:1 / -1}.submit-candidate button,.submit-candidate em{grid-column:1 / -1;grid-row:auto;justify-self:stretch;text-align:center}.target-orb{grid-column:1;grid-row:1 / span 2;width:50px;height:76px;margin:0;border-radius:28px 28px 22px 22px}.target-orb:before{inset:42% 6px 6px;border-radius:10px 10px 18px 18px}.target-orb:after{inset:calc(42% - 5px) 7px auto;height:12px}.target-meta{grid-column:2;gap:6px;justify-content:start}.mobile-stats{grid-column:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.mobile-stats span{min-width:0;padding:4px 6px;border-radius:8px;background:#ffffff0d}.mobile-stats b{display:block;font-size:.72rem;line-height:1}.mobile-stats small{display:block;color:#b8c8be;font-size:.5rem;font-weight:800;line-height:1.15;text-transform:uppercase}.flask-panel{min-height:clamp(340px,46vh,455px)}.commission-mode .flask-panel{min-height:clamp(276px,34vh,338px)}.phase-mode.has-observation .flask-panel{min-height:clamp(292px,37vh,360px)}.flask-status{right:8px}.flask-read{left:8px;top:8px;max-width:min(170px,calc(100% - 84px))}.flask-read-card{gap:2px;padding:6px 7px}.flask-read-card b{font-size:.8rem}.flask-read-card p{display:none}.flask-read-card small{font-size:.61rem;line-height:1.25}.flask-status .phenomenon-rail{padding:4px}.flask-status .phenomenon-icon{width:27px;height:27px;font-size:.78rem}.observation-tray{grid-template-columns:1fr;gap:8px}.flask-status-card,.phase-possibility-card{gap:5px;padding:7px}.flask-status-head span,.possibility-head span{font-size:.5rem}.flask-status-head b,.possibility-head b{font-size:.6rem}.status-effects,.possibility-lanes{gap:4px}.status-effect{min-height:42px;padding:5px 3px}.status-effect i{font-size:.8rem}.status-effect small,.possibility-lane small{font-size:.44rem}.possibility-lane{min-height:50px;padding:5px 3px}.possibility-icons{gap:2px}.possibility-icons i{width:16px;height:16px;border-radius:5px;font-size:.52rem}.chemistry-cues{grid-template-columns:1fr;gap:4px}.chemistry-cue{grid-template-columns:20px minmax(0,1fr);padding:5px;gap:1px 5px}.chemistry-cue:nth-child(n+3){display:none}.chemistry-cue i{width:20px;height:20px;border-radius:6px;font-size:.64rem}.chemistry-cue b{font-size:.56rem}.chemistry-cue small{font-size:.48rem;white-space:nowrap}.chemistry-cue em{display:none}.result-panel{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:11px;min-height:0}.target-card .finish-actions{right:10px;top:10px;gap:6px}.commission-mode .target-card .finish-actions:has(.commission-top-submit){position:static;gap:6px}.result-sigil{width:38px;min-width:38px;align-self:start;margin-top:3px}.result-title{font-size:1.04rem}.reaction-text{font-size:.82rem;line-height:1.45}.result-hint{font-size:.66rem}.mobile-attempts{grid-column:1 / -1;min-width:0;display:flex;gap:6px;margin-top:4px;padding-bottom:2px;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain}.mobile-rite-legend{display:none}.shell:not(.finished) .mobile-rite-legend{bottom:146px}.mobile-attempts .attempt{flex:0 0 168px;grid-template-columns:18px repeat(5,20px) 24px 44px;gap:4px;align-items:center;padding:6px;backdrop-filter:blur(12px)}.phase-mode .mobile-attempts .attempt{flex-basis:232px;grid-template-columns:18px repeat(5,20px) 52px 24px 44px}.mobile-attempts .dot{min-width:20px;font-size:.58rem}.mobile-attempts .result-swatch{width:24px;min-width:24px}.mobile-attempts .attempt-state{min-width:40px;padding:3px 4px;font-size:.52rem}.phase-mode .target-card{min-height:142px}.commission-mode .target-card{grid-template-columns:58px minmax(0,1fr);min-height:0}.commission-mode .target-phases{grid-column:2}.target-phases{grid-column:1 / -1}.commission-requirements{gap:4px}.commission-requirements span{padding:6px}.commission-requirements b{font-size:.62rem}.commission-requirements em{font-size:.46rem}.phase-mode .mobile-law-panel{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.phase-token{height:30px;gap:3px;padding:3px 4px}.phase-token small{font-size:.5rem}.guide-card{padding:8px;gap:7px}.guide-run{min-height:34px}.guide-copy small{display:block;font-size:.58rem;line-height:1.25}.guide-plan{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-stakes,.opening-contract{grid-template-columns:1fr;gap:4px}.guide-stakes span,.opening-contract span{padding:6px}.guide-stakes small,.opening-contract small{font-size:.5rem;line-height:1.2}.commission-letter{padding:18px 14px 16px;gap:10px}.commission-letter.letter-layout-a{min-height:auto;max-height:none;padding:28px 18px 22px;gap:12px}.letter-top{grid-template-columns:auto minmax(0,1fr);gap:8px}.letter-layout-a .letter-top{grid-template-columns:54px minmax(0,1fr);padding:0 2px 2px}.letter-seal{width:fit-content}.letter-seal i{width:38px}.letter-layout-a .letter-seal{width:50px}.letter-layout-a .letter-seal i{width:48px}.letter-layout-a .letter-seal span,.letter-layout-a .letter-ornament{display:none}.commission-letter .letter-title b{font-size:1.36rem}.commission-letter.letter-layout-a .letter-title{justify-items:start;text-align:left}.commission-letter.letter-layout-a .letter-title b{font-size:clamp(1.45rem,8vw,2.05rem)}.letter-layout-a .letter-core{grid-template-columns:1fr}.letter-layout-a .letter-manuscript{text-align:left}.commission-letter.letter-layout-a .letter-address{justify-self:start;padding-left:0}.letter-body,.letter-signs{grid-template-columns:1fr}.letter-sample{grid-template-columns:auto 34px minmax(0,1fr)}.letter-layout-a .letter-sample{grid-template-columns:64px minmax(0,1fr);justify-items:start;align-items:center}.letter-layout-a .letter-sample>span{grid-column:1 / -1}.letter-layout-a .letter-sample>i{width:58px}.letter-layout-a .letter-sample small{max-width:none;text-align:left}.letter-layout-a .letter-signs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.letter-layout-a .letter-sign{min-height:78px;padding:7px 4px}.letter-layout-a .letter-sign i{width:30px}.commission-letter.letter-layout-a .letter-sign b{font-size:.52rem;line-height:1.18}.letter-layout-a .letter-sign small{display:none}.letter-sample small{grid-column:auto}.letter-body p,.letter-request>small{font-size:.72rem;line-height:1.5}.metric-row,.focus-row{gap:4px}.focus-row span{padding:7px 6px}.focus-row small{font-size:.52rem}.focus-row b{font-size:.92rem}.focus-row i{font-size:.48rem;line-height:1.15}.metric-row span{padding:6px 5px}.metric-row b{font-size:.7rem}.controls{grid-template-columns:1fr;position:fixed;left:10px;right:10px;width:auto;bottom:calc(10px + env(safe-area-inset-bottom));z-index:16;gap:7px;padding:8px;max-height:min(46vh,390px);overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(246,224,169,.18);background:linear-gradient(180deg,#f6e0a913,#8effdc09),#070b0ae0;box-shadow:0 20px 54px #00000070,inset 0 1px #ffffff0f;backdrop-filter:blur(18px)}.control-head{display:grid;gap:2px}.control-head b{font-size:.68rem}.control-head small{font-size:.54rem;text-align:left}.shell:not(.finished){padding-bottom:calc(min(46vh,390px) + 34px + env(safe-area-inset-bottom))}.slots{gap:6px}.slot{height:38px}.slot span{width:25px}.reagents{grid-template-columns:repeat(4,1fr);gap:6px}.reagent{height:43px;padding:4px}.vial{width:17px;height:27px}.reagent-glyph{font-size:.86rem}.reagent b,.reagent small{font-size:.56rem}.reagent:after{bottom:3px;height:2px}}@media(max-width:430px){.topbar{align-items:flex-start;flex-wrap:wrap;gap:8px}.tagline{display:none}.brand-lockup{width:min(276px,calc(100vw - 126px))}.commission-mode .brand-lockup{width:min(224px,calc(100vw - 126px))}.day{width:100%;min-width:0;display:flex;align-items:center;gap:10px;padding:0;text-align:left}.top-actions{width:100%;align-items:center;justify-content:space-between;margin-left:0}.top-actions .day{width:auto;flex:1}.help-button{width:32px;height:29px;margin-bottom:0;order:2}.help-overlay{padding:10px}.help-dialog{max-height:min(84vh,700px);padding:18px}.help-head{grid-template-columns:34px minmax(0,1fr);gap:10px;padding-right:34px}.help-head-icon{width:34px}.help-head-icon svg{width:20px;height:20px}.help-dialog h2{margin-bottom:6px;font-size:1.32rem}.help-head p{margin-bottom:12px;font-size:.78rem;line-height:1.52}.tutorial-scene{grid-template-columns:1fr;gap:12px}.advisor-portrait{position:static;width:52px}.advisor-portrait span{width:32px;font-size:1rem}.tutorial-copy p{font-size:.78rem;line-height:1.58}.tutorial-plan{grid-template-columns:1fr}.tutorial-actions{justify-content:stretch}.tutorial-actions button{width:100%}.tutorial-bubble-anchor{left:8px;right:48px;bottom:8px}.tutorial-bubble{gap:5px;padding:9px}.tutorial-bubble b{font-size:.74rem}.tutorial-bubble p{font-size:.6rem;line-height:1.38}.help-quick span{grid-template-columns:26px minmax(0,1fr);padding:8px}.help-rule-icon{width:26px}.help-quick b{font-size:.76rem}.help-quick small{font-size:.58rem}.help-grid{display:none}.day span{font-size:.56rem}.day small{margin-top:0;font-size:.54rem}.slot{height:36px}.reaction-text{font-size:.9rem}}.commission-mode.shell{max-width:1160px;gap:8px}.commission-mode .topbar{min-height:50px;padding:6px 8px}.commission-mode .brand-lockup{width:clamp(132px,15vw,190px)}.commission-mode .tagline{max-width:38ch;color:#dcece480;font-size:.52rem}.commission-mode .stage{grid-template-columns:minmax(0,1fr) minmax(300px,340px);grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:clamp(510px,calc(100vh - 196px),720px)}.commission-mode .target-card{grid-column:1 / -1;grid-row:1;grid-template-columns:42px minmax(132px,.5fr) minmax(0,1fr);grid-template-rows:auto;align-items:center;gap:8px;min-height:64px;padding:8px 48px 8px 9px}.commission-mode .center-rail{grid-column:1;grid-row:2}.commission-mode .result-panel{grid-column:2;grid-row:2}.commission-mode .target-orb{grid-column:1;grid-row:1;width:38px;height:38px;align-self:center}.commission-mode .target-copy{position:static;grid-column:2;grid-row:1;align-self:center;gap:2px;padding-right:0}.commission-mode .target-copy b{font-size:clamp(.94rem,1.6vw,1.18rem)}.commission-mode .target-effect{position:absolute;right:8px;top:50%;width:34px;height:34px;display:grid;grid-template-columns:1fr;place-items:center;margin:0;padding:0;transform:translateY(-50%)}.commission-mode .target-effect-icon{width:22px}.commission-mode .target-phases{grid-column:3;grid-row:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(220px,1.1fr);gap:6px;align-items:center}.commission-mode .commission-lookline{min-height:40px;grid-template-columns:28px minmax(0,1fr);padding:5px 7px}.commission-mode .commission-lookline b{font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commission-mode .commission-lookline .phenomenon-icon{width:28px;height:28px}.commission-mode .commission-requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}.commission-mode .commission-requirements span{min-height:40px;padding:5px 7px}.commission-mode .commission-requirements small{font-size:.48rem}.commission-mode .commission-requirements b{font-size:.62rem;line-height:1.1;white-space:nowrap}.commission-mode .commission-requirements em{display:none}.commission-mode .flask-panel{min-height:clamp(520px,calc(100vh - 260px),700px)}.commission-mode .controls{grid-template-columns:minmax(150px,.48fr) minmax(230px,.82fr) minmax(390px,1.55fr);gap:8px;padding:8px}.commission-mode .control-head{align-self:center}.commission-mode .control-head small{max-width:30ch}.commission-mode .tutorial-button{min-height:34px}@media(max-width:860px){.commission-mode.shell{padding:8px 10px 16px;gap:7px}.commission-mode .topbar{min-height:44px;grid-template-columns:minmax(0,1fr) auto;padding:6px 7px}.commission-mode .brand-lockup{width:96px}.commission-mode .top-actions{gap:5px}.commission-mode .mode-link,.commission-mode .help-button{width:30px;height:30px}.commission-mode .day{min-width:78px;padding:4px 7px}.commission-mode .stage{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:7px;min-height:0}.commission-mode .target-card,.commission-mode .center-rail,.commission-mode .result-panel{grid-column:auto;grid-row:auto}.commission-mode .target-card{grid-template-columns:30px minmax(0,1fr) 30px;grid-template-rows:auto auto;min-height:0;padding:6px;gap:4px 6px}.commission-mode .target-orb{width:28px;height:28px}.commission-mode .target-copy{grid-column:2;grid-row:1}.commission-mode .target-copy b{font-size:.82rem}.commission-mode .target-effect{position:static;grid-column:3;grid-row:1;width:28px;height:28px;transform:none}.commission-mode .target-effect-icon{width:18px}.commission-mode .target-phases{grid-column:1 / -1;grid-row:2;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4px}.commission-mode .commission-lookline{min-height:28px;grid-template-columns:22px minmax(0,1fr);padding:3px 5px;margin:0}.commission-mode .commission-lookline .phenomenon-icon{width:22px;height:22px}.commission-mode .commission-lookline b{font-size:.52rem}.commission-mode .commission-requirements{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.commission-mode .commission-requirements span{min-height:28px;padding:3px 4px}.commission-mode .commission-requirements small{display:none}.commission-mode .commission-requirements b{font-size:.5rem}.commission-mode .flask-panel{min-height:clamp(475px,64vh,570px)}.commission-mode .controls{position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:16;width:auto;grid-template-columns:minmax(0,1fr) 32px;gap:5px;padding:7px}.commission-mode .control-head{grid-column:1}.commission-mode .control-head b{font-size:.68rem}.commission-mode .control-head small{font-size:.52rem}.commission-mode .tutorial-entry{grid-column:2;grid-row:1}.commission-mode .tutorial-button{width:32px;height:30px;min-height:30px}.commission-mode .slots,.commission-mode .reagents{grid-column:1 / -1}.commission-mode .slots{gap:5px}.commission-mode .slot{height:32px}.commission-mode .reagents{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.commission-mode .reagent{height:38px}.shell.commission-mode:not(.finished){padding-bottom:calc(168px + env(safe-area-inset-bottom))}}.commission-mode .target-card,.commission-mode .flask-panel,.commission-mode .controls,.commission-mode .result-panel{border-color:#e2f4eb1d;box-shadow:inset 0 1px #ffffff0e,0 18px 48px #0000003d}.commission-mode .target-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05 55%),radial-gradient(ellipse at 8% 10%,rgba(246,224,169,.08),transparent 34%),#070d0c94}.commission-mode .target-copy b,.commission-mode .result-title,.commission-mode .control-head b{letter-spacing:0}.commission-mode .flask-read-card{border-color:#e2f4eb1f;background:linear-gradient(180deg,#0f1916a8,#0a110f70),#ffffff07}.commission-mode .controls{border-color:#e2f4eb21}@media(max-width:860px){.commission-mode.shell{padding-top:5px}.commission-mode .topbar{min-height:38px}.commission-mode .brand-lockup{width:96px}.commission-mode .target-card{min-height:94px;gap:5px 6px;padding:7px}.commission-mode .target-phases{grid-template-columns:1fr;gap:5px}.commission-mode .commission-lookline{min-height:34px;padding:5px 7px}.commission-mode .commission-lookline b{white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.55rem;line-height:1.24}.commission-mode .commission-requirements span{min-height:28px;justify-content:center}.commission-mode .commission-requirements b{white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.52rem;line-height:1.16}.commission-mode .flask-panel{min-height:clamp(420px,calc(100dvh - 258px),530px)}.commission-mode .flask-read{max-width:min(182px,calc(100% - 72px))}.commission-mode .flask-read-card{padding:8px 9px;border-radius:10px}.commission-mode .flask-read-card b{font-size:.68rem}.commission-mode .flask-read-card p{font-size:.54rem;line-height:1.35}.commission-mode .controls{border-radius:14px;background:linear-gradient(180deg,#ffffff10,#ffffff05),#060b0ad6}.commission-mode .slot,.commission-mode .reagent{border-radius:10px}.commission-mode .slot.active{border-color:#f6e0a9b8}}body:has(.commission-mode){background:radial-gradient(ellipse at 50% -12%,rgba(149,255,224,.16),transparent 32rem),radial-gradient(ellipse at 12% 18%,rgba(246,224,169,.08),transparent 18rem),linear-gradient(180deg,#09110f,#0d1714 48%,#10120f)}body:has(.commission-mode):before{background:linear-gradient(90deg,rgba(225,255,246,.028) 1px,transparent 1px),linear-gradient(180deg,rgba(225,255,246,.022) 1px,transparent 1px);background-size:56px 56px;opacity:.42}body:has(.commission-mode):after{background:radial-gradient(ellipse at 50% 42%,transparent 28%,rgba(0,0,0,.18) 74%),linear-gradient(90deg,rgba(0,0,0,.32),transparent 22%,transparent 78%,rgba(0,0,0,.32));mix-blend-mode:normal;opacity:.72}.commission-mode.shell{max-width:1180px;gap:10px}.commission-mode .topbar{min-height:0;padding:8px 10px;border-color:#e1fff617;border-radius:8px;background:linear-gradient(180deg,#ffffff0b,#ffffff05),#050a096b;box-shadow:none;backdrop-filter:blur(18px)}.commission-mode .brand{gap:2px}.commission-mode .brand-lockup{width:clamp(150px,18vw,216px);filter:drop-shadow(0 0 14px rgba(142,255,220,.08)) saturate(.95)}.commission-mode .tagline{color:#e8fff694;font-size:.58rem;letter-spacing:.04em;text-transform:none}.commission-mode .mode-link,.commission-mode .help-button,.commission-mode .day{border-color:#e1fff61a;border-radius:8px;color:#f8ffebd6;background:#ffffff09;box-shadow:none}.commission-mode .day{min-width:112px;padding:7px 9px}.commission-mode .day span{color:#f8ffebd1}.commission-mode .day small{color:#d2e1d88f}.commission-mode .stage{grid-template-columns:minmax(560px,1fr) minmax(282px,330px);gap:10px;min-height:clamp(490px,calc(100vh - 244px),690px)}.commission-mode .target-card,.commission-mode .result-panel,.commission-mode .controls{border:1px solid rgba(225,255,246,.1);border-radius:8px;color:#ecf7ef;background:linear-gradient(180deg,#ffffff0d,#ffffff05),#070d0c8a;box-shadow:inset 0 1px #ffffff0d,0 18px 44px #00000038;backdrop-filter:blur(18px);font-family:Avenir Next,Inter,system-ui,sans-serif}.commission-mode .target-card{grid-template-columns:48px minmax(0,1fr);gap:8px 10px;padding:11px;isolation:auto}.commission-mode .target-card:before{inset:0;border:0;border-radius:inherit;background:radial-gradient(circle at 22% 30%,rgba(142,255,220,.08),transparent 32%),linear-gradient(90deg,rgba(246,224,169,.035),transparent);opacity:1;mix-blend-mode:normal}.commission-mode .target-card:after{display:none}.commission-mode .target-copy{gap:4px}.commission-mode .target-copy .label{color:#f6e0a9c2;font-size:.56rem;font-weight:850;letter-spacing:.08em}.commission-mode .target-copy b{color:#fff6d0;font-size:1.02rem;line-height:1.06;text-shadow:none}.commission-mode .target-copy p{color:#dcece4b3;font-size:.68rem;font-weight:700;line-height:1.42}.commission-mode .target-orb{width:44px;height:44px;border-radius:999px;align-self:start;box-shadow:0 0 22px color-mix(in srgb,var(--target),transparent 54%),inset 0 0 0 1px #ffffff2e}.commission-mode .target-orb:before{inset:8px;border-radius:999px}.commission-mode .target-orb:after{inset:9px auto auto 10px;width:18px;height:11px;border-radius:999px;opacity:.62}.commission-mode .target-effect{margin-top:2px;padding:6px 8px;border-color:#e1fff617;border-radius:8px;color:#eefff8e6;background:#ffffff09;box-shadow:none}.commission-mode .target-effect-icon{color:#f6e0a9c7;background:#f6e0a912}.commission-mode .target-effect small{color:#f6e0a9a3}.commission-mode .target-effect strong{color:#f8ffebe6}.commission-mode .target-card .commission-lookline,.commission-mode .target-card .commission-requirements span{border-color:#e1fff614;border-radius:8px;background:#ffffff08;box-shadow:none}.commission-mode .target-card .commission-lookline span,.commission-mode .target-card .commission-requirements small{color:#f6e0a9b3}.commission-mode .target-card .commission-lookline b,.commission-mode .target-card .commission-requirements b{color:#fff8df}.commission-mode .target-card .commission-lookline i,.commission-mode .target-card .commission-requirements em{color:#d0e2d8ad}.commission-mode .flask-panel{min-height:clamp(500px,calc(100vh - 276px),680px);border-color:#8effdc1a;border-radius:8px;background:radial-gradient(ellipse at 50% 43%,rgba(142,255,220,.13),transparent 19rem),radial-gradient(ellipse at 50% 88%,rgba(246,224,169,.1),transparent 16rem),linear-gradient(180deg,rgba(255,255,255,.035),transparent 34%),#07100f;box-shadow:inset 0 1px #ffffff0b,0 28px 70px #00000057}.commission-mode .flask-panel:before{inset:7% 9% 8%;border-color:#e1fff60e;opacity:1}.commission-mode .flask-panel:after{left:12%;right:12%;bottom:4%;height:24%;background:radial-gradient(ellipse at 50% 50%,rgba(142,255,220,.14),transparent 62%),radial-gradient(ellipse at 50% 74%,rgba(246,224,169,.1),transparent 54%);filter:blur(10px)}.commission-mode .flask-read-card,.commission-mode .flask-status .phenomenon-rail{border-color:#e1fff61a;border-radius:8px;background:linear-gradient(180deg,#080e0d8a,#080e0d42),#ffffff09;box-shadow:0 12px 26px #00000038;backdrop-filter:blur(16px)}.commission-mode .flask-status .phenomenon-icon{border-radius:999px;background:#ffffff0a}.commission-mode .controls{display:grid;grid-template-columns:minmax(160px,.55fr) minmax(240px,1fr) minmax(360px,1.4fr);align-items:center;gap:10px;padding:10px;border-color:#f6e0a91a;background:linear-gradient(180deg,#ffffff0c,#ffffff05),#050a09ad;box-shadow:0 18px 44px #00000047,inset 0 1px #ffffff0e}.commission-mode .controls:before{display:none}.commission-mode .control-head{gap:3px}.commission-mode .control-head b{color:#fff6d0;font-family:Avenir Next,Inter,system-ui,sans-serif;font-size:.82rem;letter-spacing:0}.commission-mode .control-head small{color:#d2e1d8a3;font-size:.64rem;line-height:1.35}.commission-mode .tutorial-entry{grid-column:1}.commission-mode .tutorial-button{min-height:38px;grid-template-columns:26px minmax(0,1fr);gap:7px;padding:6px 8px;border-color:#f6e0a91a;background:#ffffff08}.commission-mode .tutorial-button span{width:24px;border-radius:999px;color:#f6e0a9e6;background:#f6e0a914}.commission-mode .tutorial-button b{font-size:.62rem}.commission-mode .tutorial-button small{display:none}.commission-mode .slots,.commission-mode .reagents{gap:6px}.commission-mode .slots{grid-column:2}.commission-mode .reagents{grid-column:3}.commission-mode .slot,.commission-mode .reagent{border-color:#e1fff617;border-radius:8px;background:linear-gradient(180deg,#ffffff0c,#ffffff04),color-mix(in srgb,var(--c, #8effdc),transparent 94%);box-shadow:inset 0 1px #ffffff0c}.commission-mode .slot{height:44px}.commission-mode .slot.active{border-color:#f6e0a99e;background:linear-gradient(180deg,#f6e0a91a,#ffffff05),#ffffff09;box-shadow:0 0 0 1px #f6e0a91f,0 0 18px #f6e0a914}.commission-mode .slot span{width:26px;box-shadow:0 0 14px color-mix(in srgb,var(--c),transparent 56%),inset 0 1px #ffffff3d}.commission-mode .slot i{color:#d2e1d8b8;font-family:Avenir Next,Inter,system-ui,sans-serif}.commission-mode .reagent{height:48px;border-radius:8px}.commission-mode .reagent:after{left:8px;bottom:6px;width:28px;background:color-mix(in srgb,var(--c),white 18%);opacity:.72}.commission-mode .reagent b,.commission-mode .reagent small{color:#e8fff6a3;font-size:.58rem}.commission-mode .reagent-glyph{font-size:.9rem;text-shadow:0 1px 3px rgba(0,0,0,.64),0 0 10px color-mix(in srgb,var(--c),transparent 32%)}.commission-mode .reagent-cue{right:5px;bottom:5px;width:29px;height:13px;border-color:#e1fff61f;background:#00000029;box-shadow:none}.commission-mode .result-panel{padding:12px}.commission-mode:not(.has-observation):not(.has-draft) .result-panel{display:none}@media(max-width:860px){.commission-mode.shell{padding:10px 10px 18px;gap:8px}.commission-mode .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px}.commission-mode .brand-lockup{width:132px}.commission-mode .tagline{display:none}.commission-mode .top-actions{width:auto;display:flex;gap:6px;justify-content:flex-end;margin-left:0}.commission-mode .mode-link{width:34px;min-width:0;height:32px;display:grid;place-items:center;padding:0;overflow:hidden;font-size:0}.commission-mode .mode-link:before{content:"旧";color:#f8ffebcc;font-size:.62rem;font-weight:950}.commission-mode .help-button{width:34px;height:32px;order:0}.commission-mode .day{width:auto;min-width:80px;flex:0 0 auto;display:grid;gap:1px;padding:5px 7px}.commission-mode .stage{grid-template-columns:1fr;grid-template-rows:auto;gap:8px;min-height:0}.commission-mode .target-card,.commission-mode .center-rail,.commission-mode .result-panel{grid-column:auto;grid-row:auto}.commission-mode .center-rail{grid-template-rows:auto}.commission-mode .target-card{grid-template-columns:40px minmax(0,1fr);gap:5px 8px;min-height:0;padding:8px}.commission-mode .target-orb{width:38px;height:38px}.commission-mode .target-copy{position:static;padding-right:0}.commission-mode .target-copy .label,.commission-mode .target-copy p,.commission-mode .target-effect small,.commission-mode .target-card .commission-requirements em{display:none}.commission-mode .target-copy b{font-size:.9rem}.commission-mode .target-effect{position:absolute;right:8px;top:8px;width:34px;height:34px;display:grid;grid-template-columns:1fr;place-items:center;padding:0}.commission-mode .target-effect-icon{width:22px}.commission-mode .target-effect>span:not(.target-effect-icon){display:none}.commission-mode .target-phases{grid-column:2}.commission-mode .target-phases .commission-lookline{margin-right:42px}.commission-mode .commission-lookline{grid-template-columns:24px minmax(0,1fr);padding:5px 6px}.commission-mode .commission-lookline span{display:none}.commission-mode .commission-lookline b,.commission-mode .commission-requirements b{font-size:.58rem}.commission-mode .commission-requirements{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:4px}.commission-mode .commission-requirements span{padding:5px 6px}.commission-mode .flask-panel{min-height:clamp(390px,52vh,475px)}.commission-mode .flask-read{left:8px;top:8px;max-width:min(170px,calc(100% - 76px))}.commission-mode .flask-status{right:7px}.commission-mode .flask-status .phenomenon-rail{padding:4px}.commission-mode .flask-status .phenomenon-icon{width:26px;height:26px}.commission-mode .result-panel{padding:9px}.commission-mode .controls{position:fixed;left:10px;right:10px;width:auto;bottom:calc(9px + env(safe-area-inset-bottom));z-index:16;grid-template-columns:minmax(0,1fr) 34px;gap:6px;max-height:none;padding:8px;overflow:visible;border-color:#e1fff61a;background:linear-gradient(180deg,#ffffff12,#ffffff05),#050a09c7;backdrop-filter:blur(20px)}.commission-mode .control-head{grid-column:1;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:8px}.commission-mode .control-head b{font-size:.72rem}.commission-mode .control-head small{font-size:.54rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commission-mode .tutorial-entry{grid-column:2;grid-row:1;align-self:stretch}.commission-mode .tutorial-button{width:34px;height:32px;min-height:32px;grid-template-columns:1fr;place-items:center;padding:0}.commission-mode .tutorial-button span{width:20px;font-size:.68rem}.commission-mode .tutorial-button b,.commission-mode .tutorial-button small{display:none}.commission-mode .slots,.commission-mode .reagents{grid-column:1 / -1}.commission-mode .slots{gap:5px}.commission-mode .slot{height:34px}.commission-mode .slot span{width:22px}.commission-mode .reagents{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.commission-mode .reagent{height:40px;padding:3px}.commission-mode .vial{width:15px;height:24px}.commission-mode .reagent-glyph{font-size:.74rem}.commission-mode .reagent b{left:4px;top:3px;font-size:.46rem}.commission-mode .reagent small{display:none}.commission-mode .reagent:after{left:5px;bottom:4px;width:18px}.commission-mode .reagent-cue{right:3px;bottom:3px;width:22px;height:10px;gap:1px;padding:2px}.commission-mode .reagent-cue i{width:4px;height:4px}.shell.commission-mode:not(.finished){padding-bottom:calc(184px + env(safe-area-inset-bottom))}}.commission-mode.shell{max-width:1120px}.commission-mode .stage{grid-template-columns:minmax(560px,1fr) minmax(300px,340px);grid-template-rows:auto minmax(0,1fr);gap:8px}.commission-mode .target-card{grid-column:1 / -1;grid-row:1;min-height:58px;display:grid;grid-template-columns:40px minmax(130px,.42fr) minmax(0,1fr) 34px;grid-template-rows:1fr;align-items:center;gap:8px;padding:7px 9px}.commission-mode .target-orb{grid-column:1;grid-row:1;width:36px;height:36px;align-self:center}.commission-mode .target-copy{grid-column:2;grid-row:1;min-width:0;gap:1px}.commission-mode .target-copy .label,.commission-mode .target-copy p{display:none}.commission-mode .target-copy b{max-width:100%;font-size:clamp(.92rem,1.4vw,1.08rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commission-mode .target-phases{grid-column:3;grid-row:1;min-width:0;display:grid;grid-template-columns:minmax(190px,.92fr) minmax(260px,1.08fr);gap:6px;align-items:center}.commission-mode .target-effect{position:static;grid-column:4;grid-row:1;width:32px;height:32px;margin:0;padding:0;display:grid;place-items:center;transform:none}.commission-mode .target-effect>span:not(.target-effect-icon){display:none}.commission-mode .target-effect-icon{width:21px}.commission-mode .center-rail{grid-column:1;grid-row:2;min-width:0}.commission-mode .result-panel{grid-column:2;grid-row:2;min-width:0}.commission-mode:not(.has-observation):not(.has-draft) .center-rail{grid-column:1 / -1}.commission-mode .flask-panel{min-height:clamp(500px,calc(100vh - 232px),680px)}.commission-mode .commission-lookline,.commission-mode .commission-requirements span,.commission-mode .result-panel,.commission-mode .commission-causality,.commission-mode .cause-choices,.commission-mode .cause-choices li,.commission-mode .cause-evidence{min-width:0}.commission-mode .commission-lookline,.commission-mode .commission-requirements span{min-height:36px;padding:4px 6px}.commission-mode .commission-lookline{grid-template-columns:auto minmax(0,1fr)}.commission-mode .commission-lookline span{display:none}.commission-mode .commission-lookline b,.commission-mode .commission-requirements b,.commission-mode .commission-summary-line small,.commission-mode .cause-choices p,.commission-mode .cause-choices p span,.commission-mode .cause-detail,.commission-mode .cause-next{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}.commission-mode .commission-lookline b,.commission-mode .commission-requirements b{font-size:.58rem;line-height:1.15}.commission-mode .commission-lookline i,.commission-mode .commission-requirements em{display:none}.commission-mode .commission-requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0}.commission-mode .commission-requirements small{font-size:.46rem;line-height:1}.commission-mode .commission-summary-line small{white-space:normal}@media(max-width:860px){.commission-mode.shell{min-height:100dvh;padding:6px 8px 14px;gap:6px}.commission-mode .topbar{min-height:38px;padding:5px 6px;gap:6px;border-radius:10px}.commission-mode .brand-lockup{width:104px}.commission-mode .top-actions{gap:4px}.commission-mode .mode-link,.commission-mode .help-button{width:29px;height:29px;border-radius:8px}.commission-mode .day{min-width:70px;padding:3px 6px}.commission-mode .day span{font-size:.5rem}.commission-mode .day small{font-size:.46rem}.commission-mode .stage{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:6px;min-height:0}.commission-mode .target-card,.commission-mode .center-rail,.commission-mode .result-panel{grid-column:auto;grid-row:auto}.commission-mode .target-card{min-height:84px;grid-template-columns:30px minmax(0,1fr) 30px;grid-template-rows:auto auto;gap:4px 6px;padding:6px;border-radius:10px}.commission-mode .target-orb{width:29px;height:29px}.commission-mode .target-copy{grid-column:2;grid-row:1}.commission-mode .target-copy b{font-size:.78rem;line-height:1.08}.commission-mode .target-effect{grid-column:3;grid-row:1;width:29px;height:29px}.commission-mode .target-effect-icon{width:19px}.commission-mode .target-phases{grid-column:1 / -1;grid-row:2;grid-template-columns:1fr;gap:4px}.commission-mode .commission-lookline{min-height:30px;grid-template-columns:auto minmax(0,1fr);gap:4px;padding:3px 5px}.commission-mode .commission-lookline .lookline-icons{gap:2px}.commission-mode .commission-lookline .phenomenon-icon{width:22px;height:22px}.commission-mode .commission-lookline b{font-size:.54rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commission-mode .commission-requirements{display:flex;gap:4px;overflow:hidden}.commission-mode .commission-requirements span{min-width:0;flex:1 1 0;min-height:25px;padding:3px 5px}.commission-mode .commission-requirements small{display:none}.commission-mode .commission-requirements b{max-width:100%;font-size:.49rem;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commission-mode .center-rail{gap:6px}.commission-mode .flask-panel{min-height:clamp(420px,calc(100dvh - 276px),520px);border-radius:10px}.commission-mode .flask-read{left:8px;top:8px;max-width:min(174px,calc(100% - 74px))}.commission-mode .flask-read-card{padding:7px 8px}.commission-mode .flask-read-card b{font-size:.64rem}.commission-mode .flask-read-card small{font-size:.5rem}.commission-mode .flask-status{right:7px;top:7px}.commission-mode .flask-status .phenomenon-rail{padding:4px;gap:3px}.commission-mode .flask-status .phenomenon-icon{width:26px;height:26px}.commission-mode .result-panel{padding:9px;border-radius:10px}.commission-mode .result-copy{gap:4px}.commission-mode .result-title{font-size:.94rem}.commission-mode .reaction-text{font-size:.64rem;line-height:1.44}.commission-mode .result-hint{font-size:.56rem;line-height:1.38}.commission-mode .commission-progress,.commission-mode .result-metrics{gap:5px}.commission-mode .commission-progress span,.commission-mode .result-metrics span{min-height:52px;padding:6px}.commission-mode .commission-progress b,.commission-mode .result-metrics b{font-size:.88rem}.commission-mode .commission-causality{gap:5px;padding:7px}.commission-mode .commission-causality>span{grid-template-columns:26px minmax(0,1fr) auto;gap:3px 6px;padding:6px}.commission-mode .commission-causality>span>small{overflow:visible;text-overflow:clip}.commission-mode .cause-choices li{grid-template-columns:20px minmax(0,1fr);gap:4px 6px}.commission-mode .cause-choices p strong,.commission-mode .cause-choices p span,.commission-mode .cause-evidence,.commission-mode .cause-detail,.commission-mode .cause-next{overflow:visible;text-overflow:clip;white-space:normal}.commission-mode .cause-evidence{grid-column:2;padding:5px}.commission-mode .controls{left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 32px;gap:5px;padding:7px;border-radius:12px}.commission-mode .control-head{grid-column:1;grid-template-columns:auto minmax(0,1fr);gap:8px}.commission-mode .control-head b{font-size:.72rem;white-space:nowrap}.commission-mode .control-head small{font-size:.52rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commission-mode .tutorial-entry{grid-column:2;grid-row:1}.commission-mode .tutorial-button{width:32px;height:31px;min-height:31px;border-radius:9px}.commission-mode .slots,.commission-mode .reagents{grid-column:1 / -1}.commission-mode .slot{height:33px}.commission-mode .reagents{gap:5px}.commission-mode .reagent{height:39px}.shell.commission-mode:not(.finished){padding-bottom:calc(172px + env(safe-area-inset-bottom))}}@media(max-width:380px){.commission-mode .commission-requirements b{font-size:.46rem}.commission-mode .flask-panel{min-height:clamp(396px,calc(100dvh - 268px),496px)}.commission-mode .control-head small{max-width:18ch}}.commission-mode .topbar{min-height:48px;align-items:center;padding:6px 8px}.commission-mode .brand-lockup{width:clamp(130px,13vw,170px)}.commission-mode .tagline{display:none}.commission-mode .top-actions{gap:6px}.commission-mode .mode-link,.commission-mode .help-button{min-width:0;height:32px;padding:0 10px}.commission-mode .day{min-width:96px;padding:5px 8px}.commission-mode .stage{min-height:0}.commission-mode .flask-panel{min-height:clamp(430px,calc(100vh - 300px),600px)}@media(max-width:860px){.commission-mode .topbar{min-height:40px;padding:5px 6px}.commission-mode .brand-lockup{width:100px}.commission-mode .mode-link,.commission-mode .help-button{width:44px;height:44px;padding:0}.commission-mode .day{min-width:68px;padding:3px 6px}.commission-mode .target-card{min-height:78px}.commission-mode .target-phases{grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);align-items:stretch}.commission-mode .commission-lookline,.commission-mode .commission-requirements span{min-height:30px}.commission-mode .commission-requirements{min-width:0;display:flex;align-items:stretch;overflow:hidden}.commission-mode .commission-requirements span{flex:1 1 0}.commission-mode .commission-requirements b{font-size:.5rem}.commission-mode .flask-panel{min-height:clamp(440px,calc(100dvh - 250px),540px)}.shell.commission-mode:not(.finished){padding-bottom:calc(168px + env(safe-area-inset-bottom))}}@media(max-width:860px){.commission-mode.shell{padding:6px 8px 14px;gap:6px}.commission-mode .target-card{min-height:104px;grid-template-columns:34px minmax(0,1fr) 44px;grid-template-rows:auto auto;gap:5px 6px;padding:7px}.commission-mode .target-orb,.commission-mode .target-effect{width:44px;height:44px}.commission-mode .target-copy b{font-size:.8rem;line-height:1.05}.commission-mode .target-phases{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr);gap:5px}.commission-mode .commission-lookline{min-height:34px;grid-template-columns:auto minmax(0,1fr);padding:5px 7px}.commission-mode .commission-lookline .lookline-icons{gap:3px}.commission-mode .commission-lookline .phenomenon-icon{width:23px;height:23px}.commission-mode .commission-lookline b,.commission-mode .commission-requirements b{white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;font-size:.54rem;line-height:1.2}.commission-mode .commission-lookline b{-webkit-line-clamp:2}.commission-mode .commission-requirements{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;overflow:visible}.commission-mode .commission-requirements span{min-height:28px;padding:4px 7px}.commission-mode .commission-requirements b{-webkit-line-clamp:2;font-size:.52rem;line-height:1.16}.commission-mode .flask-panel{min-height:clamp(410px,calc(100dvh - 274px),520px)}.commission-mode .controls{box-shadow:0 22px 50px #0000007a,0 0 0 1px #f6e0a91f,inset 0 1px #ffffff0f}.commission-mode .result-metrics .commission-decision{gap:7px;padding:9px}.commission-mode .result-metrics .decision-head{display:grid;gap:3px}.commission-mode .result-metrics .decision-head span,.commission-mode .result-metrics .decision-choices span{min-height:0}.commission-mode .result-metrics .decision-head span{width:auto;padding:0;border:0;background:none}.commission-mode .result-metrics .decision-choices{grid-template-columns:minmax(0,1fr);gap:7px}.commission-mode .result-metrics .decision-choices span{display:grid;gap:4px;padding:7px}}@media(max-width:860px){body:has(.commission-mode){background-size:38px 38px,38px 38px,132px 100%,auto,auto,auto}.commission-mode.shell{width:100%;padding:6px 7px 12px;gap:7px}.commission-mode .topbar{position:sticky;top:0;z-index:12;min-height:38px;backdrop-filter:blur(18px)}.commission-mode .stage{gap:7px}.commission-mode .target-card{min-height:94px;grid-template-columns:32px minmax(0,1fr) 44px;padding:7px;box-shadow:inset 0 1px #fff5c81a,0 12px 30px #0003}.commission-mode .target-orb{width:32px;height:32px}.commission-mode .target-copy{padding-right:0}.commission-mode .target-copy b{font-size:.84rem;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.commission-mode .target-effect{width:34px;height:34px;border-radius:10px}.commission-mode .target-phases{gap:4px}.commission-mode .commission-lookline{min-height:36px;padding:5px 6px}.commission-mode .commission-requirements{gap:4px}.commission-mode .commission-requirements span{min-height:32px;padding:5px 6px}.commission-mode .commission-lookline b,.commission-mode .commission-requirements b{font-size:.56rem;line-height:1.18}.commission-mode .flask-panel{min-height:clamp(390px,calc(100dvh - 292px),540px);overflow:hidden}.commission-mode .flask-read{max-width:min(178px,calc(100% - 80px))}.commission-mode .flask-read-card{border-radius:10px}.commission-mode .flask-status .phenomenon-rail{border-radius:999px}.commission-mode .result-panel{scroll-margin-top:48px;padding:10px}.commission-mode .result-metrics{grid-template-columns:1fr}.commission-mode .commission-progress{grid-template-columns:repeat(3,minmax(0,1fr))}.commission-mode .commission-progress span,.commission-mode .result-metrics span{min-height:50px}.commission-mode .commission-progress i,.commission-mode .result-metrics span i{font-size:.48rem;line-height:1.15}.commission-mode .result-metrics .commission-decision{border-color:#8effdc2e;background:linear-gradient(180deg,#8effdc14,#f6e0a90b),#070c0b8a}.commission-mode .decision-head b{font-size:.74rem}.commission-mode .decision-choices span{min-height:64px}.commission-mode .controls{position:sticky;left:7px;right:7px;bottom:calc(6px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 36px;gap:6px;padding:8px;border-radius:14px;backdrop-filter:none}.commission-mode .control-head{min-height:28px}.commission-mode .control-head b{font-size:.74rem}.commission-mode .control-head small{font-size:.54rem}.commission-mode .tutorial-button{width:36px;min-height:34px}.commission-mode .slots{gap:6px}.commission-mode .slot{height:38px;border-radius:10px}.commission-mode .slot,.commission-mode .reagent{transition:none}.commission-mode .slot:hover,.commission-mode .reagent:hover:not(:disabled){transform:none}.commission-mode .slot span{width:25px;height:25px}.commission-mode .reagents{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.commission-mode .reagent{height:45px;min-height:45px;border-radius:10px}.commission-mode .vial{width:17px;height:27px}.commission-mode .reagent-glyph{font-size:.82rem}.commission-mode .reagent b{font-size:.5rem}.commission-mode .reagent-cue{width:28px;height:12px;right:5px;bottom:4px}.commission-mode .reagent-cue i{width:5px;height:5px}.shell.commission-mode:not(.finished){padding-bottom:calc(222px + env(safe-area-inset-bottom))}}@media(max-width:430px){.help-overlay.open{padding:6px;align-items:stretch}.target-story-dialog.parchment-dialog{width:100%;max-height:calc(100dvh - 12px);padding:12px 12px 14px;overflow-y:auto;border-radius:12px}.target-story-dialog.parchment-dialog .help-close{position:fixed;z-index:80;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));width:44px;height:44px;pointer-events:auto}.target-story-dialog .target-story-copy{gap:10px}.target-story-dialog .letter-layout-a{grid-template-columns:1fr}.target-story-dialog .target-story-copy b{font-size:1.45rem;line-height:1}.target-story-dialog .target-story-copy p{font-size:.72rem;line-height:1.55}.commission-mode .topbar{grid-template-columns:minmax(96px,1fr) auto}.commission-mode .brand-lockup{width:98px}.commission-mode .day{min-width:64px}.commission-mode .target-card{min-height:98px}.commission-mode .flask-panel{min-height:clamp(372px,calc(100dvh - 306px),500px)}.commission-mode .commission-progress b{font-size:.76rem}}@media(max-width:360px){.commission-mode .mode-link,.commission-mode .help-button{width:44px}.commission-mode .day{display:none}.commission-mode .target-copy b{font-size:.78rem}.commission-mode .commission-lookline b,.commission-mode .commission-requirements b{font-size:.5rem}.commission-mode .reagent{height:42px;min-height:42px}.shell.commission-mode:not(.finished){padding-bottom:calc(212px + env(safe-area-inset-bottom))}}@media(max-width:860px){.commission-mode .target-card{min-height:76px;grid-template-columns:32px minmax(0,1fr) 44px;grid-template-rows:auto auto;gap:4px 8px;padding:8px;border-color:#e1fff61f;background:linear-gradient(180deg,#ffffff0c,#ffffff05),#070d0c80;box-shadow:inset 0 1px #ffffff0b}.commission-mode .target-card:before{opacity:.38}.commission-mode .target-orb{grid-column:1;grid-row:1 / span 2;width:31px;height:31px;align-self:start}.commission-mode .target-copy{grid-column:2;grid-row:1;gap:1px}.commission-mode .target-copy b{font-size:.9rem;line-height:1.08;-webkit-line-clamp:2}.commission-mode .target-copy p{display:none}.commission-mode .target-effect{grid-column:3;grid-row:1;width:44px;height:44px;border-radius:9px;background:#f6e0a90e}.commission-mode .target-phases{grid-column:2 / -1;grid-row:2;display:block;min-width:0}.commission-mode .commission-lookline{min-height:0;display:flex;align-items:center;gap:6px;padding:0;border:0;background:none;box-shadow:none}.commission-mode .target-card .commission-lookline{border:0;background:none;box-shadow:none}.commission-mode .commission-lookline .lookline-icons{gap:3px}.commission-mode .commission-lookline .phenomenon-icon{width:24px;height:24px;border-radius:7px;border-color:#f6e0a93d;background:#f6e0a90e}.commission-mode .commission-lookline .phenomenon-svg{width:17px;height:17px}.commission-mode .commission-lookline b{display:block;min-width:0;color:#f8ffebdb;font-size:.6rem;font-weight:850;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commission-mode .commission-requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:6px;padding:0;border:0;background:none}.commission-mode .commission-requirements span{min-height:34px;padding:6px 7px;border:1px solid rgba(225,255,246,.08);border-radius:8px;background:#ffffff06}.commission-mode .commission-requirements small{color:#f6e0a9c7;font-size:.45rem;line-height:1}.commission-mode .commission-requirements b{color:#eff9f1db;font-size:.53rem;line-height:1.18;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.commission-mode .commission-requirements em{display:none}.commission-mode .flask-status{top:10px;right:10px;transform:none}.commission-mode .flask-status .phenomenon-rail{padding:5px;border-radius:10px;border-color:#e1fff624;background:linear-gradient(180deg,#080e0da8,#080e0d61),#ffffff09;box-shadow:inset 0 1px #ffffff0f,0 10px 24px #00000042}.commission-mode .flask-status .phenomenon-icons{gap:4px}.commission-mode .flask-status .phenomenon-icon{width:31px;height:31px;border-radius:8px;border-color:#e1fff629;background:linear-gradient(180deg,#ffffff0d,#ffffff05),#060c0b9e;box-shadow:inset 0 1px #ffffff0e}.commission-mode .flask-status .phenomenon-icon.status-active,.commission-mode .flask-status .phenomenon-icon.focused{border-color:#8effdc75;background:linear-gradient(180deg,#8effdc1a,#ffffff05),#060c0bb8}.commission-mode .flask-status .phenomenon-svg{width:20px;height:20px}.commission-mode .controls{border-color:#e1fff624;background:linear-gradient(180deg,#080e0ddb,#080e0db8),#050a09e0;box-shadow:0 -8px 24px #00000038,inset 0 1px #ffffff0e}.commission-mode .control-head{align-items:center}.commission-mode .control-head b{font-size:.72rem}.commission-mode .control-head small{color:#d2e1d894;font-size:.5rem}.commission-mode .reagent{border-color:#e1fff614;background:linear-gradient(90deg,color-mix(in srgb,var(--c),transparent 88%),transparent 54%),#ffffff07}.commission-mode .reagent b{color:#e8fff66b;font-size:.46rem}.commission-mode .reagent-glyph{font-size:.78rem}.commission-mode .reagent-cue{width:18px;height:3px;right:7px;bottom:6px;padding:0;border:0;border-radius:999px;background:#8effdc61;opacity:.82}.commission-mode .reagent-cue i{display:none}.commission-mode .reagent-cue.intent-color{background:#f6e0a980}.commission-mode .reagent-cue.intent-reaction{background:#8effdc7a}.commission-mode .reagent-cue.intent-compare{background:#c1a9ff6b}}@media(max-width:860px){.commission-mode .cause-primer{display:none}.commission-mode .commission-causality{gap:6px;margin-top:6px;padding:8px;border-color:#e1fff61a;background:linear-gradient(180deg,#ffffff0a,#ffffff04),#070d0c80}.commission-mode .commission-causality>b{color:#f8ffebe0;font-size:.68rem}.commission-mode .cause-overview{margin:0;padding:6px 7px;border:1px solid rgba(142,255,220,.12);border-radius:8px;background:#8effdc0b}.commission-mode .cause-overview strong{display:block;color:#e8fff6eb;font-size:.62rem;line-height:1.2}.commission-mode .cause-overview small{display:block;margin-top:2px;color:#b8ccc2b8;font-size:.5rem;font-weight:800;line-height:1.28}.commission-mode .commission-causality>span{grid-template-columns:24px minmax(0,1fr) auto;gap:2px 7px;padding:7px;border-color:#e1fff614;background:#0000001f}.commission-mode .commission-causality>span>i{grid-row:1 / span 2;width:24px;height:24px;border-radius:7px;background:#ffffff0b}.commission-mode .commission-causality>span>i .phenomenon-svg{width:17px;height:17px}.commission-mode .commission-causality>span>strong{color:#f8ffebe0;font-size:.62rem}.commission-mode .commission-causality>span>small{grid-column:2 / 4;color:#b9ccc2b8;font-size:.5rem;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.commission-mode .commission-causality>span>em{align-self:start;padding:2px 5px;border:1px solid rgba(225,255,246,.08);border-radius:999px;color:#e8fff694;font-size:.46rem;background:#ffffff06}.commission-mode .cause-choices-panel{margin-top:3px}.commission-mode .cause-choices-panel summary{width:100%;padding:8px 9px;border-color:#e1fff61a;border-radius:8px;color:#eff9f1e6;font-size:.58rem;background:#ffffff09}.commission-mode .cause-choice-lead{margin:0 0 6px;padding:7px 8px;border-radius:8px;border:1px solid rgba(225,255,246,.06);background:#0000001f}.commission-mode .cause-choice-lead strong{font-size:.58rem}.commission-mode .cause-choice-lead small{color:#c7d8cfbd;font-size:.49rem;line-height:1.25}.commission-mode .cause-choices{gap:6px}.commission-mode .cause-choices li{grid-template-columns:28px minmax(0,1fr) auto;gap:4px 7px;padding:8px;border-color:#e1fff613;background:#040c0a2e}.commission-mode .cause-choices b{grid-row:1 / span 2;width:28px;height:24px;border:1px solid rgba(142,255,220,.22);border-radius:7px;color:#8effdceb;font-size:.54rem;background:#8effdc0f}.commission-mode .cause-choices p{grid-column:2;gap:1px}.commission-mode .cause-choices p strong{color:#f8ffebeb;font-size:.62rem;line-height:1.18}.commission-mode .result-metrics .cause-choices p span{color:#c7d8cfc2;font-size:.51rem;line-height:1.28;min-height:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.commission-mode .cause-choices em{grid-column:3;grid-row:1;min-width:42px;padding:3px 6px;border-color:#f6e0a929;color:#f6e0a9d1;font-size:.46rem;text-align:center;background:#f6e0a90f}.commission-mode .cause-evidence{grid-column:2 / 4;display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 7px;padding:6px 0 0;border-top:1px solid rgba(225,255,246,.06);border-left:0;border-radius:0;background:transparent}.commission-mode .cause-evidence strong{padding:1px 0;border-radius:0;color:#8effdccc;font-size:.47rem;background:none}.commission-mode .result-metrics .cause-detail{color:#dae7dec7;font-size:.5rem;line-height:1.28;min-height:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.commission-mode .result-metrics .cause-next{grid-column:2;color:#f6e0a9ad;font-size:.49rem;line-height:1.22;min-height:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}}@media(max-width:860px){.commission-mode .target-card{min-height:92px;padding:6px 7px;border-color:#e1fff614;background:linear-gradient(180deg,#ffffff09,#ffffff03),#070d0c6b;box-shadow:inset 0 1px #ffffff09}.commission-mode .target-card:before,.commission-mode .target-card:after{opacity:.2}.commission-mode .target-phases{gap:3px}.commission-mode .commission-lookline{min-height:27px;padding:0;border:0;background:transparent;box-shadow:none}.commission-mode .target-card .commission-lookline{background:transparent}.commission-mode .commission-lookline .phenomenon-icon{width:22px;height:22px;border-radius:7px}.commission-mode .commission-lookline b{font-size:.56rem;line-height:1.15}.commission-mode .commission-requirements{display:flex;gap:3px;margin:0;overflow:hidden}.commission-mode .commission-requirements span{flex:1 1 0;min-width:0;min-height:23px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px;padding:3px 5px;border:0;border-radius:7px;background:#ffffff08}.commission-mode .commission-requirements .color-requirement{flex:0 0 64px;border:1px solid rgba(246,224,169,.1);background:#f6e0a90b}.commission-mode .commission-requirements small{display:block;color:#f6e0a9c7;font-size:.44rem;line-height:1}.commission-mode .commission-requirements b{min-width:0;font-size:.49rem;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commission-mode .result-panel{padding:8px;border-color:#e1fff614}.commission-mode .result-copy{gap:3px}.commission-mode .reaction-text,.commission-mode .result-hint{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.commission-mode .reaction-text{-webkit-line-clamp:3}.commission-mode .result-hint{-webkit-line-clamp:2}.commission-mode .result-metrics{display:grid;gap:4px}.commission-mode .commission-submit-call{order:0}.commission-mode .commission-progress{order:1}.commission-mode .commission-summary-line{order:2}.commission-mode .commission-decision{order:3}.commission-mode .result-metrics>.phenomenon-rail.observed.sequence{order:4}.commission-mode .cause-primer{order:5}.commission-mode .commission-causality{order:6}.commission-mode .commission-color-advice{order:7}.commission-mode .commission-story-gauge{order:8}.commission-mode .commission-hypothesis,.commission-mode .delivery-card{order:9}.commission-mode .commission-progress{gap:4px}.commission-mode .commission-progress span,.commission-mode .result-metrics span{min-height:42px;padding:5px}.commission-mode .commission-progress b,.commission-mode .result-metrics b{font-size:.78rem}.commission-mode .commission-progress i,.commission-mode .result-metrics span i{font-size:.47rem;line-height:1.14}.commission-mode .commission-causality{gap:3px;margin-top:2px;padding:6px 0 0;border:0;border-top:1px solid rgba(225,255,246,.09);border-radius:0;background:transparent;box-shadow:none}.commission-mode .commission-causality>b{padding:0 1px 2px;color:#f8ffebd1;font-size:.6rem}.commission-mode .commission-causality>span{grid-template-columns:22px minmax(0,1fr) auto;gap:1px 6px;min-height:38px;padding:5px 6px;border:0;border-radius:7px;background:#ffffff07}.commission-mode .commission-causality>span>i{width:22px;height:22px;border-radius:6px}.commission-mode .commission-causality>span>i .phenomenon-svg{width:15px;height:15px}.commission-mode .commission-causality>span>strong{font-size:.58rem;line-height:1.1}.commission-mode .commission-causality>span>small{grid-column:2 / 4;color:#becfc6b8;font-size:.48rem;line-height:1.16;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.commission-mode .commission-causality>span>em{padding:1px 4px;border:0;color:#f6e0a9b8;font-size:.43rem;background:#f6e0a90e}.commission-mode .result-metrics .commission-decision{gap:5px;margin-top:2px;padding:6px}.commission-mode .result-metrics .decision-head{display:flex;align-items:baseline;gap:8px}.commission-mode .result-metrics .decision-head b{font-size:.58rem;line-height:1.12}.commission-mode .result-metrics .decision-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.commission-mode .result-metrics .decision-choices span{min-height:0;gap:2px;padding:5px}.commission-mode .result-metrics .decision-choices b{font-size:.56rem;line-height:1.12}.commission-mode .result-metrics .decision-choices i{font-size:.45rem;line-height:1.18;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.commission-mode .cause-choices-panel summary{padding:6px 7px;border:0;background:#ffffff08}.commission-mode .controls{position:fixed;left:7px;right:7px;bottom:calc(6px + env(safe-area-inset-bottom));z-index:20;width:auto;padding:6px;border-color:#e1fff61a}.commission-mode .commission-stance{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.commission-mode .commission-stance.undo{grid-template-columns:minmax(0,1fr) auto}.commission-mode .commission-stance>span{min-height:34px;padding:5px 6px;border:0;background:#ffffff07}.commission-mode .commission-stance>span b{font-size:.5rem}.commission-mode .commission-stance>span small{font-size:.45rem;line-height:1.18;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.commission-mode .draft-undo{min-width:64px;min-height:44px;padding:6px 8px;font-size:.54rem}.commission-mode .slot{height:44px;min-height:44px}.commission-mode .reagent{height:46px;min-height:46px}.shell.commission-mode:not(.finished){padding-bottom:calc(206px + env(safe-area-inset-bottom))}}@media(max-width:430px){.commission-mode .commission-requirements b{font-size:.46rem}.commission-mode .commission-causality>span{min-height:36px}}.cue-legend:empty{display:none}@media(max-width:860px){.commission-mode .controls{grid-template-columns:minmax(0,1fr) 40px;gap:7px;padding:7px;max-height:min(42dvh,268px);overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.commission-mode .controls::-webkit-scrollbar{display:none}.commission-mode .result-panel,.commission-mode .observation-tray{scroll-margin-bottom:var(--mobile-controls-space, calc(264px + env(safe-area-inset-bottom)) )}.commission-mode .control-head{grid-column:1;grid-row:1;min-height:34px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px}.commission-mode .control-head small{min-width:0;text-align:right}.commission-mode .tutorial-entry{grid-column:2;grid-row:1;min-width:0}.commission-mode .tutorial-button{width:44px;min-height:44px}.commission-mode .cue-legend{grid-column:1 / -1;grid-row:2;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.commission-mode .cue-legend>span{min-width:0;min-height:30px;display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:4px;padding:4px 5px;border:1px solid rgba(225,255,246,.09);border-radius:8px;color:#e8fff6d1;font-size:.5rem;font-weight:850;line-height:1.12;background:#ffffff07;overflow:hidden}.commission-mode .cue-legend>span>i{width:12px;height:12px;border-radius:999px;border:1px solid rgba(246,224,169,.28);background:#f6e0a924}.commission-mode .cue-legend b,.commission-mode .cue-legend small,.commission-mode .cue-legend em{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis}.commission-mode .cue-legend b{color:#f8ffebe6;font-size:.52rem;line-height:1.12;white-space:nowrap}.commission-mode .cue-legend small,.commission-mode .cue-legend em{color:#b8ccc2b3;font-size:.44rem;font-style:normal;line-height:1.05;white-space:nowrap}.commission-mode .slots,.commission-mode .reagents{grid-column:1 / -1;min-width:0}.commission-mode .slots{grid-row:3;grid-template-columns:repeat(5,minmax(42px,1fr));gap:6px}.commission-mode .slot{height:44px;min-height:44px;border-radius:10px}.commission-mode .slot span{width:25px;height:25px}.commission-mode .reagents{grid-row:4;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.commission-mode .reagent{height:48px;min-height:48px;padding:5px;border-radius:10px}.commission-mode .reagent:after{left:6px;bottom:5px;width:24px;max-width:calc(100% - 38px)}.commission-mode .reagent-glyph{font-size:.84rem}.commission-mode .reagent b{left:5px;top:4px;font-size:.5rem}.commission-mode .reagent-cue{right:5px;bottom:5px;width:28px;height:13px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;align-items:center;justify-items:center;padding:2px 3px;border:1px solid rgba(225,255,246,.12);background:#0000002e;opacity:.92}.commission-mode .reagent-cue i{display:block;width:4px;height:4px}.shell.commission-mode:not(.finished){padding-bottom:var(--mobile-controls-space, calc(264px + env(safe-area-inset-bottom)) )}}@media(max-width:430px){.commission-mode .reaction-reader{gap:3px;padding:6px}.commission-mode .controls{left:6px;right:6px;bottom:calc(6px + env(safe-area-inset-bottom));gap:5px;padding:6px;max-height:min(42dvh,236px)}.commission-mode .control-head{min-height:32px}.commission-mode .cue-legend{gap:4px}.commission-mode .cue-legend>span{min-height:26px;padding:4px;font-size:.47rem}.commission-mode .slots,.commission-mode .reagents{gap:5px}.commission-mode .reagent{height:46px;min-height:46px}.commission-mode .cue-legend small,.commission-mode .cue-legend em{display:none}.commission-mode .reagents{gap:6px}.commission-mode .reagent{height:48px;min-height:48px}.shell.commission-mode:not(.finished){padding-bottom:var(--mobile-controls-space, calc(264px + env(safe-area-inset-bottom)) )}}