:root{font-family:Avenir Next,Avenir,Helvetica Neue,sans-serif;color:#fff8e6;background:#061b22;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #062d43;--navy-deep: #031b29;--cream: #fff8e6;--paper: #f2ead5;--gold: #d8a83f;--gold-bright: #ffe08a;--ink: #30281e;--teal: #087a82;--violet: #8b5fa8}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}button{font:inherit}button:focus-visible{outline:3px solid #fff1a8;outline-offset:3px}.page-shell{width:100%;min-height:100dvh;display:grid;place-items:center;justify-items:center;background:radial-gradient(circle at 50% -10%,rgba(64,141,155,.34),transparent 42rem),repeating-linear-gradient(115deg,rgba(255,255,255,.018) 0 1px,transparent 1px 9px),#04161d}.game-screen{position:relative;justify-self:center;margin-inline:auto;width:min(100%,430px);height:min(100dvh,920px);min-height:680px;overflow:hidden;display:grid;grid-template-rows:116px minmax(0,1fr) 286px;isolation:isolate;background:radial-gradient(circle at 50% 16%,rgba(49,127,137,.22),transparent 42%),repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 5px),#082b35;box-shadow:0 30px 90px #000000a6}.game-screen:after{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;border:1px solid rgba(255,220,128,.48)}.run-header{position:relative;z-index:5;display:grid;grid-template-columns:1.08fr 1.18fr .82fr;grid-template-rows:56px 48px;gap:5px 7px;padding:max(8px,env(safe-area-inset-top)) 8px 4px;background:radial-gradient(circle at 18% 0%,rgba(92,151,156,.18),transparent 35%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 6px),linear-gradient(180deg,#05273afa,#073042f0)}.hud-plaque,.vigor-plaque{position:relative;min-width:0;border:1px solid var(--gold);color:var(--cream);background:linear-gradient(180deg,#073d59,#052d43);box-shadow:inset 0 0 0 2px #ffebaf12,0 2px 8px #00000047}button.hud-plaque{cursor:pointer}.hud-plaque:after,.vigor-plaque:after{content:"";position:absolute;inset:3px;pointer-events:none;border:1px solid rgba(255,223,138,.24)}.week-plaque,.goal-plaque{display:grid;align-content:center;justify-items:center;padding:4px 7px;border-radius:8px 4px}.hud-plaque small{color:#dfd2ab;font-size:7px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hud-plaque b{overflow:hidden;max-width:100%;font-family:Baskerville,Iowan Old Style,serif;font-size:clamp(12px,3.6vw,16px);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.goal-plaque{color:var(--ink);background:linear-gradient(180deg,#fff9e8,#e8dcc1)}.goal-plaque small{color:#76634c}.goal-plaque b{font-size:clamp(11px,3.2vw,13px)}.mood-plaque{display:flex;align-items:center;justify-content:center;gap:5px;border-radius:4px 9px}.mood-plaque i{color:#ffd45f;font-size:20px;font-style:normal}.mood-plaque b{font-size:clamp(10px,2.8vw,13px);text-transform:uppercase}.vigor-plaque{grid-column:1 / 4;width:78%;justify-self:center;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:7px 12px;border-radius:7px;color:var(--ink);background:linear-gradient(180deg,#fffaf0,#e9e0cc)}.vigor-plaque>span{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.vigor-plaque>span i{color:#3e7a3b;font-size:17px;font-style:normal}.vigor-plaque>span b{font-family:Baskerville,serif;font-size:14px;text-transform:uppercase}.vigor-plaque>span small{font-size:9px}.vigor-track{height:12px;overflow:hidden;border:1px solid #4c4a3e;border-radius:8px;background:#10252b;box-shadow:inset 0 2px 3px #0006}.vigor-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#37bcc5,#56cf73 68%,#c5d84d);transition:width .35s ease}.scene-stage{position:relative;min-height:0;overflow:hidden;background:#173f45}.scene-image{position:absolute;inset:-5% 0 0;width:100%;height:110%;object-fit:cover;object-position:50% 44%;filter:brightness(1.09) saturate(1.06);animation:scene-in .42s cubic-bezier(.2,.72,.2,1) both}.game-screen.violet .scene-image{object-position:51% 42%}.game-screen.blue .scene-image{object-position:50% 44%}.game-screen.gold .scene-image{object-position:51% 45%}.game-screen.teal .scene-image{object-position:50% 47%}.game-screen.green .scene-image{object-position:49% 43%}@keyframes scene-in{0%{opacity:.45;transform:scale(1.025);filter:brightness(.9) saturate(.76)}to{opacity:1;transform:scale(1);filter:brightness(1.09) saturate(1.06)}}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(3,24,31,.1) 65%,rgba(3,20,28,.52)),linear-gradient(180deg,#041d260a 58%,#041b22b8);pointer-events:none}.name-plaque{position:absolute;left:10px;bottom:10px;display:grid;gap:1px;padding:6px 18px 5px;border:1px solid var(--gold);border-radius:3px 14px;color:#fff1c5;background:#042839eb;box-shadow:inset 0 0 0 2px #ffe19417,0 4px 12px #00000059;font-family:Baskerville,serif;text-shadow:0 2px 4px #000}.name-plaque small{color:#d8c991;font-family:Avenir Next,Avenir,sans-serif;font-size:7px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.name-plaque b{color:#fff1c5;font-family:Baskerville,serif;font-size:17px;font-weight:600;line-height:1}.support-stack{position:absolute;top:12px;right:6px;width:73px;display:grid;justify-items:center;gap:7px}.support-stack:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(180deg,transparent,rgba(255,215,106,.28) 12%,rgba(255,215,106,.18) 88%,transparent);box-shadow:0 0 8px #ffca4733}.support-card{position:relative;width:70px;height:82px;display:grid;grid-template-rows:20px 45px 13px 5px;overflow:visible;border:1px solid #a57d2e;border-radius:21px 21px 5px 5px;opacity:.54;background:linear-gradient(180deg,#0b3c51,#062536);box-shadow:0 3px 10px #00000061,inset 0 0 0 1px #ffedae14;transition:opacity .18s ease,transform .18s ease,filter .18s ease}.support-card:before{content:"";position:absolute;z-index:3;inset:3px;pointer-events:none;border:1px solid rgba(255,226,140,.25);border-radius:17px 17px 3px 3px}.support-card.active{opacity:1;transform:translateY(-2px) scale(1.025);border-color:#f2c95e;filter:saturate(1.06);box-shadow:0 0 0 1px #ffdf7973,0 4px 13px #00000080,0 0 16px #ffcd492e}.support-card:not(.active){transform:scale(.98)}.support-portrait{min-width:0;display:block;overflow:hidden;margin:0 1px;border-top:1px solid rgba(255,223,125,.44);border-radius:16px 16px 2px 2px;background:#092f43}.support-portrait img{width:100%;height:45px;display:block;object-fit:cover;object-position:50% 16%}.support-card b{z-index:2;display:grid;place-items:center;margin:-1px 1px 0;border-top:1px solid #c99a35;color:#ffefbd;background:#052a3c;font-family:Baskerville,serif;font-size:9px;letter-spacing:.025em;text-transform:uppercase}.support-sigil{position:relative;z-index:5;justify-self:center;align-self:end;width:23px;height:23px;display:grid;place-items:center;margin-bottom:-4px;border:1px solid #f0cc67;border-radius:50%;background:#173f50;box-shadow:0 1px #6c4e20,0 2px 6px #00000061;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.support-sigil img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}.support-card:not(.active) .support-sigil img{filter:saturate(.52) brightness(.78)}.support-card.active .support-sigil{transform:translateY(-2px) scale(1.08);border-color:#ffe28a;box-shadow:0 0 0 2px #ffd65633,0 0 11px #ffcc4894,0 2px 7px #0006}.bond-meter{z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:1px 3px;background:#052a3c}.bond-meter i{border:1px solid #8d7131;background:#172d27}.bond-meter i.filled{background:linear-gradient(90deg,#e4e84d,#65d966)}.choice-deck{position:relative;z-index:4;display:grid;grid-template-rows:76px 132px 70px;padding-top:4px;color:var(--ink);background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px),radial-gradient(circle at 50% 0%,rgba(23,120,125,.28),transparent 48%),linear-gradient(180deg,#073642fa,#043141 62%,#032938);border-top:1px solid rgba(255,218,111,.56);box-shadow:0 -9px 28px #00000047,inset 0 1px #fff1a529}.choice-deck:before,.choice-deck:after{position:absolute;top:6px;z-index:-1;color:#ffdc7e9e;font-family:Baskerville,serif;font-size:10px;line-height:1}.choice-deck:before{content:"✦";left:8px}.choice-deck:after{content:"✦";right:8px}.stat-strip{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:0 8px}.stat-column{min-width:0;display:grid;grid-template-rows:19px 53px}.gain-number{min-height:19px;display:grid;place-items:center;color:#ffe39a;font-family:Baskerville,serif;font-size:18px;line-height:1;text-shadow:0 2px 4px #000,0 0 8px rgba(255,207,75,.58)}.stat-tile{min-width:0;display:grid;grid-template-columns:22px 1fr;align-items:center;gap:2px;padding:4px 3px;border:1px solid #9b7936;color:var(--ink);background:repeating-linear-gradient(0deg,rgba(92,67,35,.035) 0 1px,transparent 1px 4px),linear-gradient(180deg,#fffdf5,#e9dfc8);box-shadow:inset 0 0 0 2px #ffffff80,0 2px 5px #01141838}.stat-column:first-child .stat-tile{border-radius:8px 1px 1px 8px}.stat-column:last-child .stat-tile{border-radius:1px 8px 8px 1px}.stat-column.primary .stat-tile{border-color:#ffcf54;box-shadow:inset 0 0 0 2px #fff0ba,0 0 10px #ffcd4866}.stat-tile>i{display:grid;place-items:center;width:21px;height:21px;overflow:hidden;border:1px solid rgba(255,223,135,.74);border-radius:50%;color:transparent;font-size:0;font-style:normal;text-shadow:none;box-shadow:inset 0 0 0 1px #fff3}.stat-tile>i img{width:100%;height:100%;display:block;object-fit:cover}.stat-tile>i.violet{background:#693d83}.stat-tile>i.blue{background:#316589}.stat-tile>i.gold{background:#a17a25}.stat-tile>i.teal{background:#1b858c}.stat-tile>i.green{background:#4d773d}.stat-tile>span{min-width:0;display:grid}.stat-tile small{overflow:visible;font-family:Baskerville,serif;font-size:clamp(5px,1.45vw,6.4px);font-weight:700;letter-spacing:-.025em;text-transform:uppercase;white-space:nowrap}.stat-tile b{font-family:Baskerville,serif;font-size:clamp(15px,4vw,19px);line-height:.9}.lesson-row{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:3px;padding:6px 7px 0;touch-action:none;-webkit-user-select:none;user-select:none}.lesson-medallion{--tone-a:#5a3a70;--tone-b:#241d3d;position:relative;min-width:0;height:94px;display:grid;grid-template-rows:70px auto;justify-items:center;padding:0;border:0;color:#fff0c0;background:transparent;cursor:grab}.lesson-medallion:active{cursor:grabbing}.lesson-medallion.blue{--tone-a:#2c6f93;--tone-b:#123a59}.lesson-medallion.gold{--tone-a:#a47721;--tone-b:#554010}.lesson-medallion.teal{--tone-a:#1a8183;--tone-b:#0b5055}.lesson-medallion.green{--tone-a:#4b7836;--tone-b:#1e4a2b}.medallion-art{position:relative;isolation:isolate;width:67px;height:67px;display:grid;place-items:center;overflow:hidden;border:2px solid #d4a843;border-radius:50%;color:#f8df91;background:radial-gradient(circle at 50% 35%,var(--tone-a),var(--tone-b) 72%);box-shadow:inset 0 0 0 3px #ffeaa61f,0 4px 10px #0000004d;font-family:Baskerville,serif;font-size:28px;transition:transform .18s ease,filter .18s ease}.medallion-art img{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lesson-medallion:not(.selected) .medallion-art img{filter:saturate(.72) brightness(.78);opacity:.9}.lesson-medallion.selected .medallion-art img{filter:saturate(1.04) brightness(1.04)}.lesson-medallion>b{z-index:2;width:min(100%,78px);min-height:28px;display:grid;place-items:center;margin-top:-6px;padding:3px 4px 2px;border:1px solid #c79938;border-radius:2px 2px 7px 7px;overflow:hidden;color:#fff1c7;background:linear-gradient(180deg,#083848fa,#042433fa);box-shadow:inset 0 1px #ffe69e2b;font-family:Baskerville,serif;font-size:clamp(7px,2vw,10px);font-weight:600;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.lesson-medallion.selected{z-index:3}.lesson-medallion.selected .medallion-art{border-color:#c8f0e6;filter:brightness(1.12) saturate(1.08);box-shadow:inset 0 0 0 3px #ebfff742,0 0 0 2px #5cc5bb4d,0 0 16px #50c1b961}.lesson-medallion.selected .medallion-art:before{content:"";position:absolute;z-index:2;inset:4px;border:1px solid rgba(232,255,244,.62);border-radius:inherit;box-shadow:inset 0 0 8px #a7f1e038;pointer-events:none}.lesson-medallion.selected>b{margin-top:-6px;border-color:#75c8bf;color:#fff8db;background:linear-gradient(180deg,#0d555cfa,#05303bfa);box-shadow:inset 0 1px #e1fff42e,0 0 0 1px #63ccc22e,0 4px 10px #00000038}.utility-row{display:grid;grid-template-columns:58px 1fr 57px 57px;align-items:center;gap:6px;padding:2px 8px max(6px,env(safe-area-inset-bottom))}.utility-row>button{--button-ink: #3c3023;position:relative;isolation:isolate;min-width:0;height:56px;display:grid;place-items:center;align-content:center;gap:3px;padding:4px 3px 3px;overflow:hidden;border:1px solid #c59c48;border-radius:12px 7px 10px 8px;color:var(--button-ink);background:radial-gradient(circle at 24% 12%,rgba(255,255,255,.92) 0 1px,transparent 2px),repeating-linear-gradient(0deg,rgba(98,67,30,.075) 0 1px,transparent 1px 4px),linear-gradient(180deg,#fffdf4,#e8ddc6 68%,#d8c6a2);box-shadow:inset 0 0 0 2px #ffffff9e,inset 0 -3px #9a74362e,0 3px #9d7736,0 7px 13px #00000047;cursor:pointer;touch-action:manipulation;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,filter .16s ease}.utility-row>button:before{content:"";position:absolute;z-index:0;inset:4px;border:1px solid rgba(151,112,48,.45);border-radius:8px 4px 7px 5px;box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #76531f29;pointer-events:none}.utility-row>button:after{content:"";position:absolute;z-index:1;inset:-68% -96%;background:linear-gradient(108deg,transparent 40%,rgba(255,255,235,.08) 44%,rgba(255,255,255,.82) 50%,rgba(255,236,153,.15) 56%,transparent 62%);transform:translate(-72%) rotate(12deg);opacity:0;pointer-events:none}.utility-row>button:hover,.utility-row>button:focus-visible{transform:translateY(-3px) rotate(-.45deg);filter:saturate(1.08) brightness(1.03);box-shadow:inset 0 0 0 2px #ffffffb8,inset 0 -3px #9a74361f,0 3px #9d7736,0 0 0 1px #ffd55e4d,0 8px 20px #0000004d,0 0 18px #ffd35b30}.utility-row>button:active{transform:translateY(2px) scale(.965) rotate(.45deg);box-shadow:inset 0 0 0 2px #ffffff8c,inset 0 -1px #9a743633,0 1px #9d7736,0 3px 8px #0000003d}.utility-row>button.juice-active{border-color:#ffd967;animation:utility-pop .64s cubic-bezier(.17,.9,.24,1) both;box-shadow:inset 0 0 0 2px #ffffffc7,inset 0 -3px #9a743614,0 3px #9d7736,0 0 0 1px #ffdb6d94,0 0 22px #ffd04c6e,0 9px 22px #00000057}.utility-row>button.juice-active:after{opacity:1;animation:utility-shine .65s ease-out both}.utility-row>button.juice-active:before{border-color:#ffd561c7;box-shadow:inset 0 1px #ffffe4f2,inset 0 -1px #76531f1a,0 0 8px #ffcd4861}.utility-glint{position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 50% 18%,rgba(255,241,168,.82),transparent 30%),radial-gradient(circle at 50% 85%,rgba(219,169,53,.16),transparent 48%);opacity:0;pointer-events:none}.juice-active .utility-glint{opacity:1;animation:utility-glint .64s ease-out both}.utility-sparks{position:absolute;z-index:4;inset:0;pointer-events:none}.utility-sparks i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff5bd;box-shadow:0 0 7px 2px #ffcf49e6;opacity:0}.utility-sparks i:nth-child(1){left:18%;top:36%;--spark-x: -7px;--spark-y: -17px}.utility-sparks i:nth-child(2){right:18%;top:28%;--spark-x: 7px;--spark-y: -14px}.utility-sparks i:nth-child(3){left:29%;bottom:22%;--spark-x: -4px;--spark-y: 13px}.utility-sparks i:nth-child(4){right:27%;bottom:17%;--spark-x: 8px;--spark-y: 10px}.juice-active .utility-sparks i{animation:utility-spark .62s cubic-bezier(.18,.8,.25,1) both}.juice-active .utility-sparks i:nth-child(2){animation-delay:42ms}.juice-active .utility-sparks i:nth-child(3){animation-delay:76ms}.juice-active .utility-sparks i:nth-child(4){animation-delay:112ms}.utility-icon{position:relative;z-index:2;display:block;width:27px;height:27px;transform-origin:50% 58%;filter:drop-shadow(0 1px 0 #fff8df) drop-shadow(0 2px 2px rgba(82,57,23,.24));transition:transform .17s ease,filter .17s ease}.utility-row>button>b{position:relative;z-index:2;font-family:Baskerville,serif;font-size:10px;line-height:1;letter-spacing:.035em;text-shadow:0 1px 0 #fff5da;text-transform:uppercase}.utility-row>button:hover .utility-icon,.utility-row>button:focus-visible .utility-icon{transform:translateY(-1px) scale(1.08) rotate(-4deg);filter:drop-shadow(0 1px 0 #fff8df) drop-shadow(0 3px 4px rgba(82,57,23,.28))}.juice-active .utility-icon{animation:utility-icon-pop .64s cubic-bezier(.17,.9,.24,1) both}.rest-button.juice-active .utility-icon{animation-name:rest-spin}.log-button.juice-active .utility-icon{animation-name:log-flip}.menu-button.juice-active .utility-icon{animation-name:menu-breathe}.rest-icon{width:26px;height:26px;border:2px solid #4b3a2b;border-right-color:transparent;border-bottom-color:#87642e;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.66),transparent 34%),#f3e3be;transform:rotate(-34deg);box-shadow:inset 2px 2px #ffffffbd,0 1px #b88e4d}.rest-icon:before{content:"";position:absolute;width:3px;height:3px;top:3px;right:1px;border-radius:50%;background:#a17a32;box-shadow:-9px 7px #a17a32,-3px 14px #a17a32;transform:rotate(34deg)}.rest-icon:after{content:"✦";position:absolute;right:-5px;top:-7px;color:#9b732c;font-family:Baskerville,serif;font-size:10px;line-height:1;transform:rotate(34deg)}.log-icon{width:22px;height:26px;border:2px solid #4b3a2b;border-radius:3px 5px 4px 2px;background:linear-gradient(135deg,#f8ebca 0 66%,#d1b87e 67% 75%,#f7e8c0 76%);box-shadow:inset 2px 2px #ffffffc2,0 1px #b88e4d}.log-icon:before{content:"";position:absolute;left:4px;right:3px;top:6px;height:2px;background:#99733a;box-shadow:0 5px #99733a,0 10px #99733a;opacity:.86}.log-icon:after{content:"";position:absolute;left:-5px;top:2px;width:4px;height:18px;border:2px solid #76562e;border-right:0;border-radius:3px 0 0 3px;background:#e1c891}.menu-icon{width:28px;height:24px;border:2px solid #4b3a2b;border-radius:5px 3px;background:linear-gradient(180deg,#f9edce,#e7d3a6);box-shadow:inset 2px 2px #ffffffc7,0 1px #b88e4d}.menu-icon:before{content:"";position:absolute;left:5px;right:5px;top:5px;height:2px;background:#6f542f;box-shadow:0 6px #6f542f,0 12px #6f542f}.menu-icon:after{content:"✦";position:absolute;right:-8px;top:-9px;color:#9b732c;font-family:Baskerville,serif;font-size:10px;line-height:1}.utility-row p{margin:0;color:#d5cdb2;font-size:9px;line-height:1.35;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.utility-row p b{color:#ffe19a;font-weight:700;text-shadow:0 0 8px rgba(255,210,91,.3)}@keyframes utility-pop{0%{transform:translateY(0) scale(1) rotate(0)}20%{transform:translateY(2px) scale(.95) rotate(.8deg)}44%{transform:translateY(-5px) scale(1.06) rotate(-.65deg)}68%{transform:translateY(-2px) scale(1.015) rotate(.22deg)}to{transform:translateY(0) scale(1) rotate(0)}}@keyframes utility-icon-pop{0%,to{transform:scale(1) rotate(0)}36%{transform:scale(1.22) rotate(-8deg)}65%{transform:scale(.96) rotate(4deg)}}@keyframes rest-spin{0%,to{transform:rotate(-34deg) scale(1)}38%{transform:rotate(14deg) scale(1.18)}68%{transform:rotate(-47deg) scale(.96)}}@keyframes log-flip{0%,to{transform:rotate(0) scale(1)}35%{transform:rotate(-14deg) translateY(-3px) scale(1.12)}62%{transform:rotate(12deg) translateY(1px) scale(.98)}}@keyframes menu-breathe{0%,to{transform:scale(1)}35%{transform:scale(1.18) rotate(-4deg)}68%{transform:scale(.96) rotate(2deg)}}@keyframes utility-shine{0%{transform:translate(-72%) rotate(12deg)}to{transform:translate(72%) rotate(12deg)}}@keyframes utility-glint{0%,to{transform:scale(.6);opacity:0}38%{transform:scale(1.08);opacity:.78}}@keyframes utility-spark{0%{opacity:0;transform:translateY(4px) scale(.3)}20%{opacity:1}to{opacity:0;transform:translate(var(--spark-x, 0),var(--spark-y, -15px)) scale(1.5)}}.toast{position:absolute;z-index:30;left:50%;bottom:298px;width:max-content;max-width:calc(100% - 30px);padding:9px 13px;transform:translate(-50%);border:1px solid #e9c663;border-radius:18px;color:#fff3cc;background:#042632f2;box-shadow:0 8px 24px #00000073;font-size:10px;text-align:center;animation:toast-in .22s ease both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.character-overlay{position:absolute;z-index:50;inset:0;display:grid;place-items:center;padding:18px 13px max(18px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 18%,rgba(20,91,99,.28),transparent 38%),repeating-linear-gradient(115deg,rgba(255,255,255,.018) 0 1px,transparent 1px 9px),#061b24;animation:fade-in .22s ease both}.character-modal{position:relative;width:min(100%,402px);padding:23px 15px 16px;border:1px solid #d5ad51;border-radius:19px 19px 10px 10px;color:var(--ink);background:repeating-linear-gradient(0deg,rgba(91,65,39,.035) 0 1px,transparent 1px 5px),linear-gradient(180deg,#fff9e9,#e7d9b9);box-shadow:0 22px 70px #000000a3,inset 0 0 0 2px #ffffff73}.character-modal:before{content:"";position:absolute;inset:4px;pointer-events:none;border:1px solid rgba(160,121,49,.34);border-radius:15px 15px 7px 7px}.character-modal .eyebrow{font-size:10px;letter-spacing:.1em}.character-modal h2{position:relative;margin:5px 0 7px;color:#163d43;font-family:Baskerville,serif;font-size:30px;font-weight:600}.character-intro{position:relative;margin:0 0 16px;color:#655440;font-family:Baskerville,serif;font-size:14px;line-height:1.4}.character-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.character-card{position:relative;min-width:0;display:grid;grid-template-rows:136px auto;padding:0;overflow:hidden;border:1px solid #a98038;border-radius:15px 15px 6px 6px;color:#fff2c9;background:linear-gradient(180deg,#0b4559,#062d40);box-shadow:0 4px 11px #2e1f0e3d,inset 0 0 0 2px #fff0b614;cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease}.character-card:hover,.character-card:focus-visible{transform:translateY(-2px);border-color:#e8bf58;box-shadow:0 7px 16px #2e1f0e4d,0 0 0 2px #ffdd7933}.character-card.selected{transform:translateY(-4px);border-color:#ffd45f;box-shadow:0 0 0 2px #ffd9676b,0 8px 22px #39250d61,0 0 19px #ffd54f4d;filter:saturate(1.08)}.character-card-art{position:relative;display:block;overflow:hidden;background:#082d3d}.character-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#03151c05 42%,#021319d6);pointer-events:none}.character-card-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 40%;filter:brightness(.78) saturate(.82);transition:filter .18s ease,transform .42s cubic-bezier(.2,.72,.2,1)}.character-card:first-child .character-card-art img{object-position:43% 42%}.character-card:last-child .character-card-art img{object-position:52% 42%}.character-card.selected .character-card-art img{filter:brightness(1) saturate(1.04);transform:scale(1.035)}.character-card-copy{position:relative;z-index:1;display:grid;gap:4px;min-height:86px;padding:9px 9px 10px}.character-card-copy b{font-family:Baskerville,serif;font-size:18px;font-weight:600;line-height:1}.character-card-copy small{color:#c4d3c9;font-size:11px;line-height:1.25}.character-card-copy i{color:#ffe29a;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.045em;line-height:1.25;text-transform:uppercase}.character-check{position:absolute;z-index:2;top:8px;right:8px;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,238,171,.75);border-radius:50%;color:#fff7d5;background:#041f2ac2;box-shadow:0 2px 6px #0000004d;font-family:Baskerville,serif;font-size:15px}.character-card.selected .character-check{color:#4a320b;background:#ffd966;box-shadow:0 0 0 2px #ffe79047,0 0 12px #ffd54fad}.character-confirm{position:relative;width:100%;margin-top:16px;padding:13px 14px 12px;border:1px solid #a57d2c;border-radius:10px 10px 6px 6px;color:#fff0c5;background:linear-gradient(180deg,#1b6871,#0a3d4e);box-shadow:inset 0 1px #ffecab3b,0 3px #805d24,0 7px 14px #0003;cursor:pointer;font-family:Baskerville,serif;font-size:19px;text-shadow:0 2px 4px rgba(0,0,0,.35);transition:transform .13s ease,filter .13s ease}.character-confirm:hover,.character-confirm:focus-visible{filter:brightness(1.12);transform:translateY(-1px)}.character-confirm:active{transform:translateY(2px);box-shadow:inset 0 1px #ffecab29,0 1px #805d24,0 3px 7px #0000002e}.character-footnote{position:relative;display:block;margin-top:11px;color:#806a4e;font-size:10px;text-align:center}.overlay{position:absolute;z-index:40;inset:0;display:grid;align-items:end;padding:18px 12px max(14px,env(safe-area-inset-bottom));background:#021117b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .18s ease both}@keyframes fade-in{0%{opacity:0}}.modal-card{position:relative;max-height:82%;overflow-y:auto;padding:24px 18px 18px;border:1px solid #d5ad51;border-radius:18px 18px 9px 9px;color:var(--ink);background:linear-gradient(180deg,#fff9e9,#e6d8b8);box-shadow:0 18px 55px #00000094}.modal-card h2{margin:4px 0 7px;color:#163d43;font-family:Baskerville,serif;font-size:25px;font-weight:600}.modal-card p{margin:6px 0 14px;color:#655440;font-family:Baskerville,serif;font-size:13px;line-height:1.35}.eyebrow{color:#876733;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.close-button{position:absolute;top:9px;right:10px;width:30px;height:30px;border:1px solid #a28348;border-radius:50%;color:#634b28;background:#fff8e7;font-size:19px}.requirement-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.requirement-grid span{display:grid;padding:9px;border:1px solid rgba(91,65,39,.28);border-radius:9px;background:#ffffff59}.requirement-grid small{color:#897252;font-size:7px;font-weight:800;text-transform:uppercase}.requirement-grid b{font-family:Baskerville,serif;font-size:14px}.modal-action{width:100%;margin-top:14px;padding:11px;border:1px solid #a57d2c;border-radius:10px;color:#fff0c5;background:linear-gradient(180deg,#17616b,#0a3c4d);font-family:Baskerville,serif;font-size:16px}.practical-sample-callout{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;margin-top:12px;padding:9px;border:1px solid rgba(34,103,105,.28);border-radius:9px;background:#ffffff5c}.practical-sample-callout>span{width:30px;height:30px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid #b28734;color:#fff5c8;background:#17616b;font-family:Baskerville,serif;font-size:15px;box-shadow:0 0 8px #1b797838}.practical-sample-callout p{display:grid;margin:0}.practical-sample-callout b{color:#17474c;font-family:Baskerville,serif;font-size:13px}.practical-sample-callout small{color:#725e43;font-size:8px;line-height:1.3}.modal-action.practical-launch{margin-top:9px;border-color:#c59a3d;background:linear-gradient(180deg,#1b7374,#0b4655);box-shadow:inset 0 0 0 2px #ffefb11a,0 3px #795a25,0 7px 13px #0003;cursor:pointer}.modal-secondary{width:100%;margin-top:8px;padding:9px;border:1px solid #ad9467;border-radius:9px;color:#654f34;background:#fffaebad;font-family:Baskerville,serif;font-size:13px;cursor:pointer}.week-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.week-grid span{display:grid;justify-items:center;padding:9px 3px;border:1px solid rgba(91,65,39,.3);border-radius:9px;background:#ffffff59}.week-grid span.current{color:#fff;background:#17616b}.week-grid b{font-family:Baskerville,serif;font-size:18px}.week-grid small{font-size:7px}.mentor-summary{display:grid;grid-template-columns:48px 1fr 48px 1fr;align-items:center;gap:7px;margin:13px 0}.mentor-summary img{width:48px;height:58px;object-fit:cover;border:1px solid #a57d2c;border-radius:20px 20px 5px 5px}.mentor-summary span{min-width:0;display:grid}.mentor-summary b{font-family:Baskerville,serif;font-size:12px}.mentor-summary small{color:#7b6548;font-size:8px}.menu-destination{position:relative;width:100%;min-height:64px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:13px;padding:8px 11px;overflow:hidden;border:1px solid #bd9035;border-radius:11px 11px 7px 7px;color:#fff1bf;background:radial-gradient(circle at 18% 20%,rgba(107,204,197,.22),transparent 36%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),linear-gradient(180deg,#0b5964,#063845);box-shadow:inset 0 0 0 2px #ffe8a117,0 3px #795a25,0 7px 14px #30210e38;cursor:pointer;text-align:left;touch-action:manipulation;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}.menu-destination:after{content:"";position:absolute;inset:4px;pointer-events:none;border:1px solid rgba(255,222,125,.22);border-radius:7px 7px 4px 4px}.menu-destination:hover,.menu-destination:focus-visible{transform:translateY(-2px);filter:brightness(1.1) saturate(1.05);box-shadow:inset 0 0 0 2px #ffe8a121,0 3px #795a25,0 9px 18px #30210e47,0 0 16px #3aa59f2e}.menu-destination:active{transform:translateY(2px);box-shadow:inset 0 0 0 2px #ffe8a114,0 1px #795a25,0 3px 8px #30210e33}.menu-destination-icon{position:relative;z-index:1;width:42px;height:42px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid #e2bc59;color:#fff3bf;background:radial-gradient(circle,#16747a,#083c50 72%);box-shadow:inset 0 0 0 2px #fff5c61a,0 0 10px #39b1aa38}.menu-destination-icon:before,.menu-destination-icon:after{content:"";position:absolute;width:23px;height:3px;border:1px solid #f4d782;border-radius:4px;background:#d7a942;box-shadow:0 1px 2px #00000059}.menu-destination-icon:before{transform:rotate(45deg)}.menu-destination-icon:after{transform:rotate(-45deg)}.menu-destination-icon i{position:relative;z-index:2;width:9px;height:9px;transform:rotate(-45deg);border-radius:50%;background:#fff0a6;box-shadow:0 0 8px #ffdc67c7}.menu-destination-copy{position:relative;z-index:1;min-width:0;display:grid;gap:2px}.menu-destination-copy b{font-family:Baskerville,serif;font-size:20px;font-weight:600;line-height:1;letter-spacing:.02em}.menu-destination-copy small{overflow:hidden;color:#b9d8d0;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.menu-destination-status{position:relative;z-index:1;display:flex;align-items:center;gap:5px;color:#f4d982;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.menu-destination-status i{font-family:Baskerville,serif;font-size:25px;font-style:normal;line-height:1}@media(max-height:760px){.game-screen{grid-template-rows:106px minmax(0,1fr) 263px}.run-header{grid-template-rows:51px 43px}.choice-deck{grid-template-rows:68px 122px 64px}.utility-row{grid-template-columns:52px 1fr 50px 50px;gap:5px}.utility-row>button{height:50px}.utility-icon{transform:scale(.92)}.stat-column{grid-template-rows:16px 48px}.medallion-art{width:61px;height:61px}.lesson-medallion{height:88px;grid-template-rows:64px auto}.support-stack{top:8px;right:5px;width:66px;gap:5px}.support-card{width:63px;height:67px;grid-template-rows:17px 37px 11px 4px;border-radius:18px 18px 4px 4px}.support-card:before{inset:2px;border-radius:15px 15px 2px 2px}.support-portrait{border-radius:13px 13px 2px 2px}.support-portrait img{height:37px}.support-sigil{width:19px;height:19px;margin-bottom:-3px}.support-card b{font-size:8px}}@media(min-width:700px)and (min-height:700px){.game-screen{border-radius:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.combat-prep-overlay{position:absolute;z-index:60;inset:0;display:grid;min-height:0;padding:max(8px,env(safe-area-inset-top)) 7px max(8px,env(safe-area-inset-bottom));overflow:hidden;color:#f7edcf;background:radial-gradient(circle at 50% -8%,rgba(53,145,150,.27),transparent 38%),linear-gradient(180deg,#031821f2,#020e16fe),#031822;animation:prep-reveal .18s ease both}.combat-prep{position:relative;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #b98a32;border-radius:14px 14px 7px 7px;background:linear-gradient(90deg,transparent 0 2px,rgba(248,212,119,.08) 2px 3px,transparent 3px),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),#062d39;box-shadow:inset 0 0 0 3px #01131bc7,inset 0 0 0 4px #d6aa4a47,0 18px 50px #00000094}.combat-prep:before,.combat-prep:after{content:"";position:absolute;z-index:4;width:12px;height:12px;border:solid #e1bd66;pointer-events:none}.combat-prep:before{top:5px;left:5px;border-width:2px 0 0 2px}.combat-prep:after{top:5px;right:5px;border-width:2px 2px 0 0}.prep-header{position:relative;display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:start;padding:15px 16px 11px;border-bottom:1px solid rgba(218,176,82,.5);background:radial-gradient(circle at 13% 0,rgba(71,167,169,.16),transparent 47%),linear-gradient(180deg,#05343ff5,#04232df5)}.prep-header-copy{min-width:0}.prep-header .eyebrow{color:#d1ae62;font-size:12px;letter-spacing:.09em}.prep-header h2{margin:2px 0 0;color:#fff2c9;font-family:Baskerville,Georgia,serif;font-size:25px;font-weight:600;line-height:.98;letter-spacing:.015em;text-shadow:0 2px 7px rgba(0,0,0,.48)}.prep-header p{grid-column:1 / -1;margin:0;color:#c9d3c5;font-family:Baskerville,Georgia,serif;font-size:13px;line-height:1.24}.prep-rule-gem{width:42px;height:42px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid #ddb75e;background:linear-gradient(135deg,#176779,#0c3b50);box-shadow:inset 0 0 0 3px #ffecac14,0 0 16px #46c2cd2e}.prep-rule-gem span{display:grid;transform:rotate(-45deg);color:#fff0bb;font-size:12px;font-weight:900;line-height:.85;text-align:center}.prep-rule-gem b{font-family:Baskerville,Georgia,serif;font-size:19px;line-height:1}.prep-student-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px 7px;border-bottom:1px solid rgba(218,176,82,.38);background:#031f2a}.prep-student-tab{min-width:0;min-height:48px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:1fr 1fr;gap:0 6px;align-items:center;padding:4px 6px 4px 4px;border:1px solid rgba(143,117,65,.65);border-radius:8px 8px 4px 4px;color:#d1d5c7;background:linear-gradient(180deg,#0d3b49,#072b38);box-shadow:inset 0 0 0 1px #ffffff09;cursor:pointer;text-align:left}.prep-student-tab img{grid-row:1 / -1;width:34px;height:38px;display:block;object-fit:cover;object-position:50% 24%;border:1px solid #96773c;border-radius:12px 12px 4px 4px;background:#082a35}.prep-student-tab b{min-width:0;overflow:hidden;font-family:Baskerville,Georgia,serif;font-size:14px;font-weight:600;line-height:1;text-overflow:ellipsis;white-space:nowrap}.prep-student-tab small{color:#afbaae;font-size:12px;font-weight:800;line-height:1}.prep-student-tab small:before{content:"◇ ";color:#ddb958}.prep-student-tab[aria-selected=true]{border-color:#efd070;color:#fff2c4;background:linear-gradient(180deg,#176172,#0b3d4d);box-shadow:inset 0 0 0 1px #ffe79929,0 0 12px #43b8c333}.prep-student-tab.is-incomplete small{color:#efac8f}.prep-student-tab.is-incomplete small:before{color:#e78d71}.prep-scroll{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#b8964e #062633;scrollbar-width:thin}.prep-student-panel{padding:8px 8px 13px}.prep-student-banner{min-height:56px;display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 7px;border:1px solid rgba(206,165,76,.58);border-radius:8px 8px 4px 4px;background:linear-gradient(90deg,#06283333,#0c444dbd),#04202af0}.prep-student-banner>img{width:50px;height:50px;display:block;object-fit:cover;object-position:50% 25%;border:1px solid #c79d47;border-radius:15px 15px 4px 4px;background:#092c37}.prep-student-banner-copy{min-width:0;display:grid;gap:1px}.prep-student-banner-copy b{overflow:hidden;color:#fff1c5;font-family:Baskerville,Georgia,serif;font-size:18px;font-weight:600;line-height:1;text-overflow:ellipsis;white-space:nowrap}.prep-student-banner-copy small{color:#b9c8bb;font-size:12px;line-height:1.15}.prep-student-banner-copy span{margin-top:2px;color:#82d8e5;font-size:12px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.prep-loadout-count{min-width:50px;display:grid;justify-items:center;padding:7px 6px 5px;border:1px solid rgba(220,183,95,.7);border-radius:7px 7px 3px 3px;color:#ffe194;background:#021821d1;font-size:12px;font-weight:900;line-height:1;text-transform:uppercase}.prep-loadout-count b{font-family:Baskerville,Georgia,serif;font-size:20px;line-height:.9}.prep-loadout-count.is-incomplete{border-color:#e17c5ccc;color:#ffb39b}.prep-section-heading{display:flex;align-items:end;justify-content:space-between;gap:8px;margin:10px 2px 5px}.prep-section-heading h3{margin:0;color:#f4dfaa;font-family:Baskerville,Georgia,serif;font-size:16px;font-weight:600;line-height:1}.prep-section-heading h3:before{content:"✦ ";color:#d6a83d}.prep-section-heading small{color:#a9b8ae;font-size:12px;line-height:1;text-align:right}.prep-equipped-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.prep-equipped-slot{position:relative;min-width:0;min-height:82px;display:grid;grid-template-rows:49px auto;padding:0;overflow:hidden;border:1px solid #bc9342;border-radius:8px 8px 4px 4px;color:#fff0c3;background:#082d3a;box-shadow:inset 0 0 0 2px #ffe6990e,0 3px 6px #0003;cursor:pointer;text-align:left}.prep-equipped-slot>img{width:100%;height:49px;display:block;object-fit:cover;image-rendering:pixelated}.prep-equipped-slot>span{min-width:0;display:grid;gap:1px;padding:4px 5px 5px}.prep-equipped-slot b{overflow:hidden;font-family:Baskerville,Georgia,serif;font-size:13px;font-weight:600;line-height:1;text-overflow:ellipsis;white-space:nowrap}.prep-equipped-slot small{color:#a9c8c2;font-size:12px;font-weight:800;line-height:1}.prep-equipped-slot i{position:absolute;top:4px;right:4px;width:18px;height:18px;display:grid;place-items:center;border:1px solid rgba(255,237,185,.6);border-radius:50%;color:#fff7d4;background:#031b24d6;font-size:13px;font-style:normal;line-height:1}.prep-equipped-slot:hover,.prep-equipped-slot:focus-visible{border-color:#f2d175;box-shadow:inset 0 0 0 2px #ffe89f1f,0 0 0 2px #eec7662e,0 4px 9px #0000003d}.prep-equipped-slot.is-empty{place-items:center;grid-template-rows:auto;border-style:dashed;color:#8fa59f;background:#031d27bd;cursor:default}.prep-equipped-slot.is-empty span{display:grid;justify-items:center;gap:2px;padding:8px 2px;text-align:center}.prep-equipped-slot.is-empty b{color:#d1bd8e;font-size:17px}.prep-equipped-slot.is-empty small{color:#8fa59f;font-size:12px;font-weight:700}.prep-known-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.prep-spell-option{position:relative;min-width:0;min-height:124px;display:grid;grid-template-columns:66px minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:2px 6px;align-items:start;padding:5px;overflow:hidden;border:1px solid var(--prep-school, #9a814f);border-radius:9px 9px 4px 4px;color:#e8e3cf;background:linear-gradient(120deg,color-mix(in srgb,var(--prep-school, #779) 16%,transparent),transparent 42%),linear-gradient(180deg,#0a3542,#062833);box-shadow:inset 0 0 0 2px #ffffff09,0 3px 7px #00000038;cursor:pointer;text-align:left}.prep-spell-option[data-school=spellwork]{--prep-school: #9b73d4}.prep-spell-option[data-school=warding]{--prep-school: #5daed7}.prep-spell-option[data-school=alchemy]{--prep-school: #d49b4d}.prep-spell-option[data-school=divination]{--prep-school: #60c8bd}.prep-spell-option[data-school=fieldcraft]{--prep-school: #7fbd69}.prep-spell-art{grid-row:1 / -1;position:relative;width:66px;height:66px;aspect-ratio:1;overflow:hidden;border:1px solid color-mix(in srgb,var(--prep-school) 72%,#f6d680);border-radius:7px 7px 3px 3px;background:#06232e}.prep-spell-art img{width:100%;height:100%;display:block;object-fit:cover;image-rendering:pixelated}.prep-spell-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(1,13,20,.58));pointer-events:none}.prep-spell-option-copy{min-width:0;display:grid;gap:2px}.prep-spell-option-copy b{color:#fff0c3;font-family:Baskerville,Georgia,serif;font-size:14px;font-weight:600;line-height:1.02}.prep-spell-meta{color:#a9d4d2;font-size:12px;font-weight:900;line-height:1.1;letter-spacing:.01em;text-transform:uppercase}.prep-spell-option p{margin:2px 0 0;color:#ccd3c7;font-family:Baskerville,Georgia,serif;font-size:12px;line-height:1.15}.prep-spell-source{align-self:end;color:#d2ba80;font-size:12px;line-height:1.05}.prep-spell-source:before{content:"◇ ";color:var(--prep-school)}.prep-spell-option[aria-pressed=true]{border-color:#f4d36f;background:linear-gradient(120deg,color-mix(in srgb,var(--prep-school) 31%,transparent),transparent 48%),linear-gradient(180deg,#12505c,#073441);box-shadow:inset 0 0 0 2px #ffe89b1f,0 0 0 2px #efcb6f33,0 0 13px color-mix(in srgb,var(--prep-school) 28%,transparent)}.prep-spell-option[aria-pressed=true]:after{content:"✓";position:absolute;top:5px;left:52px;z-index:2;width:18px;height:18px;display:grid;place-items:center;border:1px solid #fff1bd;border-radius:50%;color:#243717;background:#f1d36b;box-shadow:0 0 8px #f6d46b8c;font-size:12px;font-weight:900}.prep-spell-option:hover,.prep-spell-option:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}.prep-feedback{min-height:18px;margin:7px 2px 0;color:#ffbd9f;font-size:12px;font-weight:800;line-height:1.2;text-align:center}.prep-feedback:empty:before{content:"Tap an equipped spell to remove it.";color:#829b96;font-weight:600}.prep-team-summary{margin-top:3px;padding:7px;border:1px solid rgba(184,147,70,.42);border-radius:7px 7px 3px 3px;background:#02182080}.prep-team-summary>b{display:block;margin-bottom:5px;color:#d9bd7d;font-family:Baskerville,Georgia,serif;font-size:14px;font-weight:600}.prep-team-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.prep-team-summary-grid span{min-width:0;display:grid;gap:1px;padding:4px 5px;border-left:2px solid #4b9ca9;color:#a9bbb3;background:#0b37407a;font-size:12px}.prep-team-summary-grid strong{overflow:hidden;color:#f2e4bd;font-family:Baskerville,Georgia,serif;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.prep-team-summary-grid em{color:#8bcbd1;font-size:12px;font-style:normal;font-weight:800}.prep-footer{position:relative;z-index:3;display:grid;grid-template-columns:1fr .8fr 1.2fr;gap:6px;align-items:stretch;padding:7px 8px max(7px,env(safe-area-inset-bottom));border-top:1px solid rgba(220,179,82,.52);background:linear-gradient(180deg,#062c38,#041e29);box-shadow:0 -8px 18px #0000002e}.prep-footer button{min-width:0;min-height:45px;padding:7px 6px;border:1px solid #a37b35;border-radius:8px 8px 4px 4px;color:#f5e6bd;background:linear-gradient(180deg,#154e5d,#0a3544);box-shadow:inset 0 0 0 2px #ffeaa80e,0 2px #563e20;cursor:pointer;font-family:Baskerville,Georgia,serif;font-size:14px;font-weight:600;line-height:1}.prep-footer button small{display:block;margin-top:3px;color:#a9beb5;font-family:system-ui,sans-serif;font-size:12px;font-weight:700}.prep-footer button:hover,.prep-footer button:focus-visible{border-color:#e1bc62;filter:brightness(1.1);transform:translateY(-1px)}.prep-footer .prep-start{border-color:#cfaa4f;color:#fff0be;background:linear-gradient(180deg,#247365,#0d4d4c);box-shadow:inset 0 0 0 2px #ffeba917,0 2px #684b21,0 0 12px #3ab28f24;font-size:16px}.prep-footer button:disabled{cursor:not-allowed;filter:grayscale(.42) brightness(.68);opacity:.72;transform:none}@keyframes prep-reveal{0%{opacity:0;transform:translateY(5px)}}@media(max-width:370px){.prep-header{padding-right:12px;padding-left:12px}.prep-student-tab{grid-template-columns:29px minmax(0,1fr);gap:0 4px;padding-right:4px}.prep-student-tab img{width:29px;height:35px}.prep-student-tab b{font-size:12px}.prep-spell-option{grid-template-columns:55px minmax(0,1fr);min-height:124px;gap:2px 5px}.prep-spell-art{width:55px;height:55px}.prep-spell-option[aria-pressed=true]:after{left:41px}.prep-spell-option-copy b,.prep-spell-option p{font-size:12px}}@media(max-height:760px){.combat-prep-overlay{padding-top:4px;padding-bottom:4px}.prep-header{padding-top:11px;padding-bottom:8px}.prep-header h2{font-size:22px}.prep-header p{font-size:12px}.prep-student-tabs{padding-top:4px;padding-bottom:4px}.prep-student-tab{min-height:43px}.prep-student-tab img{height:34px}.prep-student-panel{padding-top:6px}.prep-student-banner{min-height:48px}.prep-student-banner>img{width:43px;height:43px}.prep-section-heading{margin-top:7px}.prep-equipped-slot{min-height:75px;grid-template-rows:43px auto}.prep-equipped-slot>img{height:43px}}@media(prefers-reduced-motion:reduce){.combat-prep-overlay,.prep-spell-option,.prep-footer button{animation:none;transition:none}}:root{--combat-safe-top: env(safe-area-inset-top, 0px);--combat-safe-bottom: env(safe-area-inset-bottom, 0px);--combat-header-height: calc(106px + var(--combat-safe-top));--combat-deck-height: calc(161px + max(3px,var(--combat-safe-bottom))) ;--combat-gold: #d8ad4f;--combat-gold-bright: #ffe59a;--combat-ink: #102b31;--combat-navy: #052a3b;--combat-cream: #fff3ce;--combat-teal: #63ddd6;--combat-red: #ed7467;--combat-type-floor: 12px;--combat-type-body: 14px;--combat-type-title: 19px}html.combat-active,body.combat-active{overflow:hidden;overscroll-behavior:none;touch-action:none}.combat-page-shell,.combat-page-shell *{box-sizing:border-box}.combat-page-shell{width:100%;min-height:100dvh;display:grid;place-items:center;overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% -8%,rgba(81,157,151,.3),transparent 40rem),repeating-linear-gradient(118deg,rgba(255,255,255,.018) 0 1px,transparent 1px 9px),#03171d}.combat-screen{position:relative;isolation:isolate;width:min(100%,430px);height:100dvh;min-height:100svh;display:grid;grid-template-rows:var(--combat-header-height) minmax(0,1fr) var(--combat-deck-height);overflow:hidden;touch-action:none;overscroll-behavior:none;color:var(--combat-cream);background:#082e33;box-shadow:0 30px 90px #000000ad}.combat-screen:after{content:"";position:absolute;z-index:100;inset:0;border:1px solid rgba(255,222,127,.46);pointer-events:none}.combat-header{position:relative;z-index:25;display:grid;grid-template-columns:44px minmax(0,1fr) 138px;grid-template-rows:52px 50px;gap:0 5px;padding:max(4px,env(safe-area-inset-top)) 7px 0;border-bottom:1px solid rgba(255,218,113,.54);background:linear-gradient(90deg,rgba(83,163,153,.11),transparent 34%,rgba(120,72,130,.12)),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 5px),linear-gradient(180deg,#07384b,#042838);box-shadow:0 5px 16px #00000059}.combat-icon-button{align-self:center;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid #c49a43;border-radius:4px;color:#ffe8a5;background:linear-gradient(180deg,#0b4b62,#052e43);box-shadow:inset 0 0 0 1px #ffecac1f,0 2px #5f4825,0 3px 7px #0000004d;font-family:Georgia,serif;font-size:18px;font-weight:800;cursor:pointer}.combat-icon-button:hover:not(:disabled),.combat-icon-button:focus-visible{outline:2px solid #fff0a6;outline-offset:1px;border-color:#ffe180;color:#fff;filter:brightness(1.13)}.combat-icon-button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 1px #ffecac1a,0 1px #5f4825}.combat-icon-button:disabled{opacity:.42;cursor:default}.combat-back-button{grid-column:1;grid-row:1}.threat-button.active{color:#fff4c2;border-color:#f18e70;background:linear-gradient(180deg,#87493f,#4b2b31)}.sound-button.active{color:#d7fff4;border-color:#67c9b2;background:linear-gradient(180deg,#17685f,#0a3e48)}.animation-speed-button{font-family:ui-monospace,monospace;font-size:12px;letter-spacing:-.08em}.animation-speed-button.active{color:#fff2bd;border-color:#d9ab51;background:linear-gradient(180deg,#745436,#3e3230)}.combat-title-lockup{grid-column:2;grid-row:1;min-width:0;display:grid;justify-items:center;align-content:center;line-height:1}.combat-title-lockup small{max-width:100%;overflow:hidden;color:#c4ceb8;font-size:12px;font-weight:800;letter-spacing:.08em;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.combat-title-lockup h1{max-width:100%;margin:1px 0 2px;overflow:hidden;color:#ffe7a0;font-family:Baskerville,Iowan Old Style,serif;font-size:clamp(18px,4.9vw,21px);font-weight:600;line-height:1;text-overflow:ellipsis;text-shadow:0 2px 2px #000,0 0 10px rgba(241,197,81,.2);white-space:nowrap}.phase-ribbon{max-width:100%;padding:2px 7px;overflow:hidden;border:1px solid rgba(104,222,212,.58);color:#b8fff3;background:#09616894;font-size:12px;font-weight:900;letter-spacing:.06em;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.phase-ribbon.enemy{border-color:#ff7e64b3;color:#ffd1c3;background:#772e2eb8}.phase-ribbon.casting{border-color:#ffe07a;color:#fff4bc;background:#5d3471bf}.combat-header-actions{grid-column:3;grid-row:1;display:grid;grid-template-columns:repeat(3,44px);align-items:center;justify-content:end;gap:3px}.initiative-strip{grid-column:1 / 4;grid-row:2;min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr) 70px;align-items:center;gap:4px;padding:1px 3px 2px;border-top:1px solid rgba(255,224,139,.16);background:#00101840}.initiative-label{display:grid;line-height:1}.initiative-label b,.initiative-label small{font-size:12px;text-transform:uppercase}.initiative-label b{color:#e6d08e}.initiative-label small{color:#91afa8}.initiative-track{min-width:0;height:46px;display:flex;align-items:flex-end;gap:2px;padding-top:8px;overflow:hidden}.initiative-token{position:relative;flex:0 0 36px;height:36px;display:block;overflow:visible;border:1px solid #816b3e;background:#123c45;box-shadow:inset 0 0 0 1px #ffffff14}.initiative-token.enemy{border-color:#80534d;background:#482d35}.initiative-token.active{z-index:3;border-color:#ffe078;box-shadow:0 0 7px #ffd34fad,inset 0 0 0 1px #fff1a8}.initiative-token .pixel-sprite{width:100%;height:100%}.initiative-token>b{position:absolute;z-index:3;right:-2px;bottom:-2px;min-width:18px;padding:1px 2px;border:1px solid #b58f43;color:#fff0b0;background:#0a2935;font-size:12px;line-height:1;text-align:center}.initiative-token.enemy>b{border-color:#a46055;background:#542d34}.initiative-token>i{position:absolute;z-index:4;left:50%;top:-8px;padding:1px 3px;transform:translate(-50%);color:#112b31;background:#ffe078;font-size:12px;font-style:normal;font-weight:900;line-height:1}.initiative-chevron{flex:0 0 4px;color:#e7c77494;font-family:Georgia,serif;font-size:14px}.compact-objectives{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:2px}.compact-objectives span,.compact-objectives b{height:30px;display:grid;place-items:center;border:1px solid #695f42;color:#b7aa7f;background:#132f35;font-family:Georgia,serif;font-size:12px}.compact-objectives span.current{color:#ffe59a;border-color:#b99648}.compact-objectives span.complete{color:#c6ffda;border-color:#4c9c6c;background:#225b46}.compact-objectives b{color:#f2a38a}.combat-debug-menu{position:absolute;z-index:65;top:53px;right:7px;width:254px;display:grid;gap:8px;padding:11px;border:1px solid #d6a94d;color:#fff2c4;background:linear-gradient(180deg,#123f4c,#082a38);box-shadow:0 10px 24px #0000009e,inset 0 0 0 2px #ffffff14}.combat-debug-menu>span{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.combat-debug-menu b{font-family:Baskerville,serif;font-size:17px}.combat-debug-menu small,.combat-debug-menu p{font-size:12px}.combat-debug-menu p{margin:0;color:#c7d8ce;line-height:1.35}.combat-debug-menu>div{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.combat-debug-menu button{height:44px;padding:0;border:1px solid #806d48;color:#d8d0a9;background:#173943;font-family:ui-monospace,monospace;font-size:12px;font-weight:900;cursor:pointer}.combat-debug-menu button.active{color:#17333a;border-color:#ffe27d;background:#ffe39a;box-shadow:0 0 8px #ffd76185}.combat-debug-menu .debug-restart{width:100%;color:#fff0d0;border-color:#a66f50;background:linear-gradient(180deg,#7a453f,#4b3035)}.battlefield-shell{position:relative;z-index:2;min-height:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(74,153,113,.23),transparent 55%),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 7px),linear-gradient(180deg,#0c3d40,#0b312f)}.battlefield-shell:before,.battlefield-shell:after{content:"";position:absolute;z-index:-1;top:0;bottom:0;width:7px;opacity:.44;background:repeating-linear-gradient(0deg,#1e5338 0 17px,#3f6d3d 17px 28px,#173e31 28px 47px)}.battlefield-shell:before{left:0}.battlefield-shell:after{right:0;transform:scaleX(-1)}.combat-board{position:relative;width:min(100%,calc((100dvh - var(--combat-header-height) - var(--combat-deck-compact-height)) * .75));aspect-ratio:6 / 8;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));overflow:hidden;touch-action:none;overscroll-behavior:none;border:0;outline:2px solid #c49a43;outline-offset:-1px;box-shadow:0 0 0 2px #09272b,0 0 0 3px #ffe07d3d,0 7px 20px #0000007a,inset 0 0 18px #00000057;image-rendering:pixelated}.combat-row{display:contents}.combat-cell{position:relative;isolation:isolate;min-width:0;min-height:0;display:block;padding:0;overflow:visible;border:0;color:#fff;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;image-rendering:pixelated}.combat-cell.terrain-path{background:radial-gradient(circle at 28% 24%,rgba(220,222,142,.24) 0 1px,transparent 2px),radial-gradient(circle at 73% 69%,rgba(22,66,45,.3) 0 2px,transparent 3px),linear-gradient(135deg,#65805a,#4e7354 52%,#617c55)}.combat-cell.terrain-brush{background:radial-gradient(ellipse at 22% 78%,#183c2c 0 16%,transparent 17%),radial-gradient(ellipse at 65% 30%,#2d6040 0 20%,transparent 21%),radial-gradient(ellipse at 83% 79%,#1d4e35 0 19%,transparent 20%),linear-gradient(135deg,#476b45,#315c3e)}.combat-cell.terrain-hedge{cursor:default;background:radial-gradient(circle at 20% 22%,#315d32 0 18%,transparent 19%),radial-gradient(circle at 72% 24%,#47733b 0 23%,transparent 24%),radial-gradient(circle at 28% 75%,#254d2f 0 24%,transparent 25%),radial-gradient(circle at 80% 76%,#3d6736 0 25%,transparent 26%),#183d2d;box-shadow:inset 0 -8px 10px #00000047,inset 0 2px #9ab15d38}.combat-cell.terrain-bramble{background:linear-gradient(135deg,#3d6241,#577354)}.combat-cell.terrain-ward{background:radial-gradient(circle,rgba(230,190,74,.35),transparent 57%),linear-gradient(135deg,#5e7454,#4d6e55)}.combat-cell:focus-visible{z-index:30;outline:3px solid #fff6b8;outline-offset:-3px}.tile-threat-overlay,.tile-team-frame,.tile-interaction-overlay,.tile-content-layer,.tile-marker-effect-layer{position:absolute;inset:0;pointer-events:none}.tile-threat-overlay{z-index:1;inset:0;box-shadow:inset -1px 0 #07261e59,inset 0 -1px #07261e59}.is-threatened .tile-threat-overlay{background:repeating-linear-gradient(135deg,#a624272e 0 3px,#ff6f500b 3px 7px);box-shadow:inset -1px 0 #07261e59,inset 0 -1px #07261e59,inset 0 0 0 1px #ec665047}.tile-team-frame{z-index:5;inset:2px;border:2px solid transparent}.tile-team-frame.team-player{border-color:#51c7ffdb;box-shadow:inset 0 0 0 1px #074161b8,0 0 5px #2ca8ff47}.tile-team-frame.team-enemy{border-color:#ff695be0;box-shadow:inset 0 0 0 1px #67161eb3,0 0 5px #ff4f4340}.tile-team-frame.is-active,.tile-team-frame.is-selected{border-color:#fff2a4;box-shadow:inset 0 0 0 1px #fffc,0 0 9px #ffdc5bb3}.tile-interaction-overlay{z-index:4;inset:2px;border:1px solid transparent}.tile-interaction-overlay.interaction-move{border-color:#5bcaffc7;background:#2c91d738;box-shadow:inset 0 0 8px #53d0ff33}.tile-interaction-overlay.interaction-target-enemy{border:2px solid rgba(255,174,83,.92);background:#d24b3233;box-shadow:inset 0 0 9px #ff6f3d38}.tile-interaction-overlay.interaction-target-ally{border:2px solid rgba(102,222,255,.9);background:#309ad333;box-shadow:inset 0 0 9px #4dd9ff38}.tile-interaction-overlay.is-selected{inset:1px;border:2px solid #d8f7ff;background:#4db8eb4d;box-shadow:inset 0 0 10px #73e5ff52,0 0 8px #5bcaff80}.tile-content-layer{z-index:7}.tile-marker-effect-layer{z-index:18;overflow:visible}.combat-cell.has-acted .map-unit{filter:grayscale(.45) brightness(.72) drop-shadow(0 3px 2px rgba(0,0,0,.55))}.destination-rune{position:absolute;right:4px;top:4px;width:8px;height:8px;transform:rotate(45deg);border:1px solid #effcff;background:#66d9ff;box-shadow:0 0 5px #8ae7ff}.bramble-prop{position:absolute;z-index:2;inset:7%;background:repeating-linear-gradient(48deg,transparent 0 7px,#203b25 8px 10px,transparent 11px 15px),repeating-linear-gradient(-43deg,transparent 0 8px,#6a342d 9px 11px,transparent 12px 17px);filter:drop-shadow(0 2px 1px rgba(0,0,0,.5))}.pixel-sprite{display:block;background-image:url(/tactical/combat-sprites-retro.png);background-repeat:no-repeat;background-size:400% 200%;image-rendering:pixelated}.sprite-clara{background-position:0 0}.sprite-maeve{background-position:33.333% 0}.sprite-tamsin{background-position:66.667% 0}.sprite-familiar{background-position:100% 0}.sprite-thornling{background-position:0 100%}.sprite-acolyte{background-position:33.333% 100%}.sprite-heartbloom{background-position:66.667% 100%}.sprite-wardstone{background-position:100% 100%}.map-unit,.terrain-sprite,.familiar-sprite{position:absolute;z-index:10;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated}.map-unit{filter:drop-shadow(0 3px 2px rgba(0,0,0,.55));transform-origin:50% 82%}.map-unit.enemy{filter:drop-shadow(0 3px 2px rgba(0,0,0,.6)) drop-shadow(0 0 3px rgba(123,21,45,.52))}.map-unit.current-actor{z-index:15;filter:brightness(1.08) drop-shadow(0 3px 2px rgba(0,0,0,.55)) drop-shadow(0 0 6px rgba(255,218,90,.55))}.map-unit.current-actor:not(.casting-pose):not(.attack-pose):not(.focus-pose){animation:active-unit-glow .8s steps(24,end) infinite;will-change:filter}.map-unit>.pixel-sprite{width:100%;height:100%}.terrain-sprite{z-index:4}.familiar-sprite{z-index:12;filter:drop-shadow(0 0 5px #a8e7ff);animation:familiar-hover 1.35s steps(4) infinite}.objective-beacon{position:absolute;z-index:8;left:50%;top:50%;width:72%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg);border:2px solid #ffe17a;box-shadow:0 0 8px #ffdd67b8,inset 0 0 8px #ffe27340}.map-hp{position:absolute;z-index:22;left:18%;right:18%;bottom:1px;height:5px;border:1px solid rgba(16,25,22,.9);background:#241c24;box-shadow:0 1px 1px #000}.map-hp i{display:block;height:100%;background:linear-gradient(90deg,#f4e65a,#67d877)}.enemy .map-hp i{background:linear-gradient(90deg,#f0b04d,#df5f5c)}.active-turn-arrow{position:absolute;z-index:24;left:50%;top:-11px;min-width:29px;display:grid;grid-template-columns:14px 15px;align-items:center;transform:translate(-50%);color:#fff0a2;filter:drop-shadow(0 0 4px #e9b93e);animation:active-arrow-bob .8s steps(24,end) infinite;will-change:transform}.active-turn-arrow b{font-family:Georgia,serif;font-size:15px;line-height:1}.active-turn-arrow small{width:16px;height:16px;display:grid;place-items:center;border:1px solid #f4d875;border-radius:50%;color:#17363b;background:#ffe68a;font-size:12px;font-weight:900;line-height:1}.active-turn-arrow.enemy{color:#ff9b83;filter:drop-shadow(0 0 4px #d84f43)}.active-turn-arrow.enemy small{color:#fff;border-color:#ef947d;background:#873e43}.combat-row:first-child .active-turn-arrow{top:1px}.ward-orbit{position:absolute;z-index:17;left:50%;top:43%;width:47%;aspect-ratio:1;display:grid;place-items:center;transform:translate(-50%,-50%);border:2px solid rgba(154,250,238,.9);border-radius:50%;color:#d6fffa;background:#1d8b8f2b;box-shadow:0 0 7px #4ddaca,inset 0 0 6px #57d9ce;font-size:12px;font-style:normal}.root-status{position:absolute;z-index:18;right:13%;top:14%;color:#d5f36e;font-size:17px;font-style:normal;text-shadow:0 0 5px #385b18}.map-unit.casting-pose{z-index:20;filter:brightness(1.35) saturate(1.25) drop-shadow(0 3px 2px rgba(0,0,0,.58)) drop-shadow(0 0 8px rgba(var(--cast-rgb),.9));animation:caster-lunge var(--release-duration,.62s) steps(4,end) both}.map-unit.casting-pose>.pixel-sprite{transform:scaleX(var(--sprite-facing))}.cast-stage-impact .map-unit.casting-pose,.cast-stage-resolve .map-unit.casting-pose{animation-name:caster-hold}.cast-stage-recover .map-unit.casting-pose{animation-name:caster-recover}.retro-cast-sigil{position:absolute;z-index:-1;left:50%;bottom:5%;width:66%;aspect-ratio:1;transform:translate(-50%) rotate(45deg);border:2px solid rgba(var(--cast-rgb),.88);background:repeating-linear-gradient(45deg,transparent 0 4px,rgba(var(--cast-rgb),.24) 4px 6px);box-shadow:0 0 7px rgba(var(--cast-rgb),.9),inset 0 0 8px rgba(var(--cast-rgb),.48);animation:sigil-turn var(--release-duration,.62s) steps(8,end) both}.retro-cast-arm{--cast-sleeve:#3d345d;--cast-wand:#e8d39a;--cast-gem:#da8cff;position:absolute;z-index:23;left:var(--cast-hand-x);top:var(--cast-hand-y);width:30px;height:6px;transform-origin:2px 50%;transform:rotate(var(--cast-angle))}.cast-maeve .retro-cast-arm{--cast-sleeve:#254c43;--cast-wand:#d8ce91;--cast-gem:#78efbb}.cast-tamsin .retro-cast-arm{--cast-sleeve:#1f5572;--cast-wand:#f3c47b;--cast-gem:#ff824a}.retro-cast-arm i{position:absolute;left:0;top:1px;width:10px;height:5px;background:var(--cast-sleeve);box-shadow:0 -2px #171e2a,0 2px #171e2a}.retro-cast-arm b{position:absolute;left:8px;top:2px;width:20px;height:2px;background:var(--cast-wand);box-shadow:4px -1px #fff0c1,9px 1px #8a613d}.retro-cast-arm b:after{content:"";position:absolute;right:-3px;top:-3px;width:6px;height:6px;transform:rotate(45deg);background:var(--cast-gem);box-shadow:0 0 0 1px #fff3cf,0 0 6px 2px var(--cast-gem)}.map-unit.attack-pose{z-index:20;animation:attack-lunge .48s steps(4,end) both}.map-unit.attack-pose>.pixel-sprite{transform:scaleX(var(--sprite-facing))}.attack-arc{position:absolute;z-index:24;left:50%;top:35%;width:52%;height:30%;transform:translate(-50%) rotate(-24deg);border-top:3px solid #fff1ad;border-right:2px solid #f0a14a;border-radius:50%;filter:drop-shadow(0 0 4px #ffbb48);opacity:0;animation:attack-arc .48s steps(3,end) both}.map-unit.focus-pose{z-index:20;filter:brightness(1.18) saturate(1.2) drop-shadow(0 0 7px #5bbcff);animation:focus-unit .62s ease-in-out both}.retro-cast-layer{position:absolute;z-index:35;inset:0;overflow:hidden;pointer-events:none}.retro-speed-lines i{position:absolute;left:var(--from-x);top:var(--from-y);width:3px;height:14px;transform:rotate(calc(var(--mote) * 36deg)) translateY(calc(10px + var(--mote) * 2px));background:rgba(var(--cast-rgb),.7);box-shadow:0 0 5px rgba(var(--cast-rgb),.8)}.pixel-spell-bolt{position:absolute;left:var(--from-x);top:var(--from-y);width:13px;height:13px;transform:translate(-50%,-50%) rotate(45deg);border:2px solid white;background:rgb(var(--cast-rgb));box-shadow:0 0 0 3px rgba(var(--cast-rgb),.35),0 0 14px rgba(var(--cast-rgb),1);animation:spell-projectile var(--projectile-duration,.54s) linear both}.pixel-spell-bolt i{position:absolute;right:8px;top:4px;width:24px;height:3px;background:linear-gradient(90deg,transparent,rgba(var(--cast-rgb),.8),white);transform:rotate(-45deg);transform-origin:right}.retro-cast-callout{position:absolute;left:6px;top:45%;display:grid;padding:4px 8px;border-left:3px solid #fff1a5;color:#fff4c7;background:#02141ec2;text-shadow:0 2px #000}.retro-cast-callout b{font-family:Baskerville,serif;font-size:18px}.retro-cast-callout small{color:rgb(var(--cast-rgb));font-size:12px;font-weight:900}.attack-impact-effect{position:absolute;left:50%;top:48%;width:58%;aspect-ratio:1;transform:translate(-50%,-50%);filter:drop-shadow(0 0 5px #ffca62)}.attack-impact-effect:before,.attack-impact-effect:after,.attack-impact-effect i{content:"";position:absolute;left:50%;top:50%;width:90%;height:3px;background:linear-gradient(90deg,transparent,#fff4b0 18%,#ff8c45 50%,transparent 83%);transform:translate(-50%,-50%) rotate(34deg);animation:impact-flash .23s steps(3,end) both}.attack-impact-effect:after{transform:translate(-50%,-50%) rotate(-37deg)}.attack-impact-effect i:first-child{transform:translate(-50%,-50%) rotate(88deg)}.attack-impact-effect i:last-child{width:38%;height:38%;border:2px solid #fff4b0;border-radius:50%;background:transparent;transform:translate(-50%,-50%)}.spell-impact-rune{position:absolute;left:50%;top:50%;width:70%;aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;box-shadow:0 0 10px rgb(var(--cast-rgb)),inset 0 0 9px rgba(var(--cast-rgb),.7);animation:impact-rune var(--impact-duration,.5s) steps(5,end) both}.spell-impact-rune i{position:absolute;left:50%;top:50%;width:80%;height:2px;background:rgb(var(--cast-rgb));transform:translate(-50%,-50%) rotate(0)}.spell-impact-rune i:nth-child(2){transform:translate(-50%,-50%) rotate(60deg)}.spell-impact-rune i:nth-child(3){transform:translate(-50%,-50%) rotate(120deg)}.action-resolution{position:absolute;z-index:30;inset:0;display:grid;place-items:center;pointer-events:none}.action-resolution>b{position:absolute;z-index:6;left:50%;top:5%;min-width:max-content;transform:translate(-50%);padding:2px 5px;border:1px solid #f3cf69;color:#fff3bb;background:#3b2330;box-shadow:0 2px 5px #0000008c;font-family:ui-monospace,monospace;font-size:12px;line-height:1}.damage-burst{position:absolute;left:50%;top:48%;width:70%;aspect-ratio:1;transform:translate(-50%,-50%)}.damage-burst i{position:absolute;left:48%;top:48%;width:4px;height:18px;transform:rotate(calc(var(--shard) * 51deg)) translateY(-17px);background:linear-gradient(#fff3a8,#ff6e48);box-shadow:0 0 4px #ff843d;animation:damage-shard var(--resolve-duration,.52s) steps(5,end) both}.ward-shell{position:absolute;left:50%;top:50%;width:82%;aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid rgba(142,242,255,.95);border-radius:50%;background:radial-gradient(circle,#68d5ff14,#308feb3b 65%,#71e6ff6b);box-shadow:0 0 12px #59c9ff,inset 0 0 12px #78e9ff;animation:ward-shell-hit var(--resolve-duration,.52s) steps(5,end) both}.ward-scan{position:absolute;left:13%;right:13%;top:50%;height:2px;background:#e2fbff;box-shadow:0 0 7px #7ce7ff;animation:ward-scan var(--resolve-duration,.52s) linear both}.ward-ring{position:absolute;left:50%;top:50%;width:58%;aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid #d8fbff;border-radius:50%}.heal-resolution>i{position:absolute;left:50%;top:50%;width:10px;height:25px;transform:translate(-50%,-50%);background:#b8ffb4;box-shadow:0 0 8px #6dff9a}.heal-resolution>i:nth-child(2){transform:translate(-50%,-50%) rotate(90deg)}.heal-resolution>i:nth-child(3){width:48%;height:48%;border:2px solid #d6ffc9;border-radius:50%;background:transparent;animation:heal-ring var(--resolve-duration,.52s) ease-out both}.resolution-damage .map-unit{animation:unit-hit-recoil var(--resolve-duration,.52s) steps(5,end) both}.focus-effect{position:absolute;inset:0}.focus-sigil{position:absolute;left:50%;bottom:5%;width:68%;aspect-ratio:1;transform:translate(-50%) rotate(45deg);border:2px solid #78cfff;background:repeating-linear-gradient(45deg,transparent 0 5px,rgba(72,158,255,.22) 5px 7px);box-shadow:0 0 8px #4aa8ff,inset 0 0 10px #50beff73;animation:focus-sigil .62s steps(6,end) both}.focus-motes i{position:absolute;left:18%;top:72%;width:4px;height:4px;background:#d8f6ff;box-shadow:0 0 6px #66c4ff;animation:focus-mote .62s ease-out both;animation-delay:calc(var(--focus-mote) * 38ms)}.focus-motes i:nth-child(2),.focus-motes i:nth-child(6){left:38%}.focus-motes i:nth-child(3),.focus-motes i:nth-child(7){left:58%}.focus-motes i:nth-child(4),.focus-motes i:nth-child(8){left:78%}.focus-motes i:nth-child(n+5){top:48%}.focus-effect>b{position:absolute;z-index:7;left:50%;top:3%;min-width:max-content;transform:translate(-50%);padding:2px 5px;border:1px solid #8fd9ff;color:#e8fbff;background:#12335b;box-shadow:0 0 7px #57b7ff;font-size:12px}.command-deck{position:relative;z-index:30;height:var(--combat-deck-height);display:grid;grid-template-columns:clamp(140px,34vw,144px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:3px;padding:4px 2px max(3px,env(safe-area-inset-bottom,0px));overflow:hidden;border-top:2px solid #d0a649;color:#fff2c8;background:radial-gradient(circle at 50% -35%,rgba(69,181,166,.18),transparent 48%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),linear-gradient(180deg,#073944,#031f2b);box-shadow:0 -9px 24px #00000080,inset 0 1px #f1d67b,inset 0 0 0 3px #6e4a1d6b}.command-deck:before{content:"";position:absolute;z-index:0;inset:3px;border:1px solid rgba(216,173,79,.58);box-shadow:inset 0 0 0 1px #031017c7;pointer-events:none}.command-deck:after{content:"";position:absolute;z-index:3;left:50%;bottom:0;width:10px;height:10px;transform:translate(-50%,50%) rotate(45deg);border:1px solid #e5bd5c;background:#0d6a70;box-shadow:0 0 0 2px #082a32,0 0 7px #56e1d980;pointer-events:none}.command-deck>*{position:relative;z-index:1}.actor-console{grid-column:1;grid-row:1;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 44px;gap:2px;padding:1px;overflow:hidden;border:1px solid #d3aa4f;color:#fff2cb;background:linear-gradient(180deg,#0b4450,#041f2b);box-shadow:inset 0 0 0 2px #020e15b8,inset 0 0 0 3px #d9ad4e26,0 2px #4e371d;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}.unit-plaque{position:relative;min-width:0;min-height:0;display:grid;width:auto;height:auto;grid-template-columns:62px minmax(0,1fr);grid-template-rows:20px minmax(0,1fr);gap:2px;padding:2px;overflow:hidden;border:1px solid rgba(211,170,79,.82);color:#fff2cb;background:linear-gradient(180deg,rgba(21,89,94,.2),transparent 40%),linear-gradient(135deg,#073846,#041f2b);box-shadow:inset 0 0 0 2px #020e15ad,inset 0 0 0 3px #d9ad4e2e,0 2px #4e371d}.unit-plaque.is-empty{align-content:center}.unit-plaque-portrait{grid-column:1;grid-row:2;align-self:start;width:100%;height:calc(100% + 23px);max-height:none;object-fit:cover;object-position:center top;border:1px solid #c99d47;background:#173b48;box-shadow:inset 0 0 0 1px #071a22,0 2px 4px #0000008c}.unit-plaque-copy{grid-column:1 / 3;grid-row:1;width:100%;min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:0;padding:0 3px;overflow:hidden;line-height:1}.unit-plaque-copy>b{flex:0 0 auto;max-width:46%;overflow:hidden;color:#fff0b8;font-family:Baskerville,Iowan Old Style,serif;font-size:12px;letter-spacing:.035em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.unit-plaque-copy>small{flex:1 1 auto;min-width:0;overflow:hidden;color:#8ed7c4;font-family:Arial Narrow,ui-sans-serif,sans-serif;font-size:12px;font-stretch:condensed;font-weight:900;letter-spacing:-.02em;text-align:left;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.unit-plaque-copy>small:before{content:"·";margin:0 3px;color:#d3aa4f}.unit-statuses{position:absolute;z-index:5;left:3px;top:22px;display:flex;justify-content:center;gap:2px}.unit-statuses i{padding:1px 3px;border:1px solid #73d6c7;color:#d8fff5;background:#0d5153e6;font-size:12px;font-style:normal;font-weight:900;line-height:1}.unit-resource-bars{grid-column:2;grid-row:2;width:100%;min-width:0;display:grid;align-content:start;gap:3px;padding:2px 2px 28px}.unit-resource-bars>span{min-width:0;display:grid;grid-template-rows:13px 7px;align-items:center;gap:0}.unit-resource-bars b{overflow:hidden;color:#f4dfad;font-family:ui-monospace,monospace;font-size:12px;font-weight:900;letter-spacing:-.08em;line-height:1;white-space:nowrap}.unit-resource-bars i{height:7px;display:block;overflow:hidden;border:1px solid #b98b3d;background:#10191d;box-shadow:inset 0 1px 2px #000000b8}.unit-resource-bars em{height:100%;display:block}.hp-track em{background:linear-gradient(90deg,#b93538,#f35f45)}.sp-track em{background:linear-gradient(90deg,#246ed3,#4bc5ff)}.speed-jewel{position:relative;z-index:6;grid-column:2;grid-row:2;align-self:end;width:100%;height:25px;display:flex;align-items:center;justify-content:center;gap:3px;padding-top:2px;border-top:1px solid rgba(211,170,79,.58);color:#f7e4a7;background:linear-gradient(180deg,#093d4614,#11484cbf);text-shadow:0 1px #001219}.speed-jewel:before{content:"✦";position:static;order:1;color:#74d6b9;font-size:12px;line-height:1}.speed-jewel b,.speed-jewel small{position:relative;z-index:1;line-height:1}.speed-jewel b{order:3;font-family:Baskerville,serif;font-size:16px}.speed-jewel small{order:2;color:#8ed7c4;font-size:12px;font-weight:900}.actor-actions{position:relative;z-index:7;min-width:0;min-height:0;width:100%;height:44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.permanent-action{min-width:0;height:100%;display:grid;place-items:center;align-content:center;grid-template-columns:minmax(0,1fr);grid-template-rows:19px 12px;gap:1px;padding:3px 1px;border:1px solid #d2a448;color:#ffedb3;background:linear-gradient(180deg,#14566d,#073447);box-shadow:inset 0 0 0 2px #02151db3,inset 0 0 0 3px #ffeca614,0 2px #4d361f;cursor:pointer}.permanent-action.attack{background:linear-gradient(180deg,#8c3e3d,#542d37)}.permanent-action.focus{background:linear-gradient(180deg,#4f477e,#292c59)}.permanent-action-icon{width:19px;height:19px;display:block;color:#ffe7a1}.permanent-action-icon svg{width:100%;height:100%;display:block;fill:currentColor;shape-rendering:crispEdges}.permanent-action b{font-family:Baskerville,serif;font-size:12px;letter-spacing:.01em;line-height:1}.permanent-action.selected{border-color:#fff0a0;box-shadow:inset 0 0 0 2px #ffffff59,0 0 9px #ffd251b3}.permanent-action:focus-visible,.forecast-action:focus-visible,.spell-card:focus-visible{outline:2px solid #fff7bf;outline-offset:1px}.permanent-action:disabled{opacity:1;color:#bcae8c;filter:none;cursor:default}.permanent-action:disabled .permanent-action-icon,.permanent-action:disabled b{opacity:.46}.spell-grid{grid-column:2;grid-row:1;min-width:0;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;overflow:visible}.spell-card{--school-color:#8aaeea;--school-dark:#173f68;position:relative;isolation:isolate;min-width:0;min-height:0;display:grid;grid-template-rows:22px 68px 24px 35px;align-content:stretch;padding:2px;overflow:visible;border:1px solid #d6ac50;color:#fff5cd;background:var(--school-dark);box-shadow:inset 0 0 0 2px #041118bd,inset 0 0 0 3px var(--school-color),0 2px #4d351c;text-align:left;cursor:pointer;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}.spell-card:before{content:"";position:absolute;z-index:5;inset:3px;border:1px solid color-mix(in srgb,var(--school-color) 72%,#ffe8a1);clip-path:inherit;pointer-events:none}.spell-card:after{content:"";position:absolute;z-index:7;left:50%;bottom:1px;width:12px;height:12px;transform:translate(-50%,50%) rotate(45deg);border:1px solid #ffe6a0;background:var(--school-color);box-shadow:0 0 0 1px #392718,0 0 6px var(--school-color);pointer-events:none}.spell-card.spell-spellwork{--school-color:#75c5ff;--school-dark:#123b68}.spell-card.spell-warding{--school-color:#68d8ff;--school-dark:#105368}.spell-card.spell-alchemy{--school-color:#ff9c4a;--school-dark:#69351d}.spell-card.spell-divination{--school-color:#c681ff;--school-dark:#49225f}.spell-card.spell-fieldcraft{--school-color:#67d99b;--school-dark:#174d3d}.spell-card-art{position:relative;z-index:0;grid-row:2;min-width:0;min-height:0;margin:0 1px;overflow:hidden;border:1px solid rgba(239,210,133,.86);background-color:#061e29;background-image:var(--spell-art);background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 1px #06141bbf,inset 0 0 9px #000000a6;image-rendering:pixelated}.spell-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 62%,rgba(3,15,23,.34))}.spell-card-name{min-width:0;min-height:0;grid-row:1;display:flex;align-items:center;justify-content:center;gap:1px;padding:1px 3px 0;border-bottom:1px solid rgba(242,211,126,.65);background:linear-gradient(180deg,color-mix(in srgb,var(--school-dark) 76%,#fff 12%),var(--school-dark));text-align:center;box-shadow:inset 0 -2px #020f1659}.spell-card-name b{min-width:0;display:-webkit-box;overflow:hidden;color:#fff0b0;font-family:Baskerville,Iowan Old Style,serif;font-size:12px;font-weight:800;letter-spacing:-.01em;line-height:.88;text-shadow:0 1px #000;text-transform:uppercase;-webkit-box-orient:vertical;-webkit-line-clamp:2}.spell-card.long-title .spell-card-name b{font-family:Arial Narrow,Baskerville,Iowan Old Style,serif;font-stretch:condensed;letter-spacing:-.055em}.spell-card-name i{position:absolute;z-index:5;right:4px;top:4px;color:#ffe078;font-size:12px;font-style:normal;line-height:1;text-shadow:0 1px #000}.spell-card-meta{grid-row:3;display:grid;place-items:center;overflow:hidden;border-top:2px solid #b98d43;border-bottom:1px solid #9b7137;color:#173847;background:linear-gradient(180deg,#f7e6bc,#d9ba79);font-family:ui-monospace,monospace;font-size:12px;font-weight:900;letter-spacing:-.06em;line-height:1;text-align:center;text-overflow:ellipsis;white-space:nowrap}.spell-card-summary{grid-row:4;min-height:0;display:grid;place-items:center;align-content:center;gap:1px;overflow:hidden;padding:2px 1px 5px;color:#3f2d20;background:linear-gradient(180deg,#faedca,#dec08a);font-size:12px;line-height:.9;text-align:center;box-shadow:inset 0 1px #ffffffa6,inset 0 -2px #774e2257}.spell-card-summary b,.spell-card-summary small{max-width:100%;overflow:hidden;font-size:12px;line-height:.94;text-overflow:ellipsis;white-space:nowrap}.spell-card-summary b{color:#183a46;letter-spacing:.02em}.spell-card-summary small{color:#78513d;font-weight:900}.spell-card-school-gem{position:absolute;z-index:6;left:50%;top:-6px;width:12px;height:12px;display:grid;place-items:center;transform:translate(-50%) rotate(45deg);overflow:hidden;border:1px solid #ffe59d;background:var(--school-dark);box-shadow:0 0 0 1px #312414,0 0 5px var(--school-color);pointer-events:none}.spell-card-school-gem img{width:15px;height:15px;transform:rotate(-45deg);object-fit:cover}.spell-card.selected{z-index:3;border-color:#fff0a0;box-shadow:inset 0 0 0 2px #ffffff6b,inset 0 0 0 3px var(--school-color),0 0 12px var(--school-color),0 2px #4d351c}.spell-card:disabled{cursor:default}.spell-card:disabled:not(.unaffordable){opacity:.6;filter:saturate(.65)}.spell-card.unaffordable .spell-card-name,.spell-card.unaffordable .spell-card-meta,.spell-card.unaffordable .spell-card-summary{opacity:.62}.spell-shortfall{position:absolute;z-index:8;top:24px;left:50%;min-width:max-content;transform:translate(-50%);padding:2px 4px;border:1px solid #ffad8d;color:#fff0df;background:#682226f0;font-size:12px;font-style:normal;font-weight:900;line-height:1}.forecast-rail{position:absolute!important;z-index:12!important;top:4px;right:2px;bottom:max(3px,env(safe-area-inset-bottom,0px));width:100px;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:20px 60px 25px 44px;grid-template-areas:"heading" "visual" "preview" "actions";align-items:stretch;gap:0;padding:2px;overflow:hidden;border:1px solid #c99d47;background:linear-gradient(180deg,#0a414b,#052631);box-shadow:inset 0 0 0 2px #020f15b3,inset 0 0 0 3px #d8ad4f26,-8px 0 16px #010d14b8;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}.forecast-visual{grid-area:visual;position:relative;width:100%;height:100%;display:block;align-self:stretch;overflow:hidden;border:1px solid #d1a54a;background:radial-gradient(circle,#1a5a5a,#062632 72%);box-shadow:inset 0 0 0 2px #030f16c2,0 2px 3px #0000007a;image-rendering:pixelated}.forecast-visual.team-player{border-color:#68d2ff;box-shadow:inset 0 0 0 2px #03141fc2,0 0 5px #47beff73}.forecast-visual.team-enemy{border-color:#ff796b;background:radial-gradient(circle,#613332,#241c2a 74%);box-shadow:inset 0 0 0 2px #1d080ebf,0 0 5px #ff584b66}.forecast-visual .pixel-sprite{position:absolute;left:50%;bottom:-8px;width:64px;height:64px;transform:translate(-50%) scale(1.28);transform-origin:50% 100%}.forecast-visual.objective-preview .pixel-sprite{bottom:-6px;transform:translate(-50%) scale(1.08)}.forecast-visual.spell-preview{background-color:#081c29;background-image:linear-gradient(180deg,transparent,rgba(1,10,17,.24)),var(--forecast-art);background-position:center;background-size:cover}.forecast-visual.movement-preview{display:grid;place-items:center}.forecast-visual.movement-preview i{width:22px;height:22px;transform:rotate(45deg);border:2px solid #83ddff;background:#3499d852;box-shadow:0 0 7px #4bbdec,inset 0 0 6px #8febff5c}.forecast-visual.heart-preview{display:grid;place-items:center;color:#ffe58a;font-size:27px;text-shadow:0 0 7px #81dda7}.forecast-copy{display:contents}.forecast-copy>b{grid-area:heading;display:grid;place-items:center;overflow:hidden;padding:0 2px;border-bottom:1px solid rgba(222,175,74,.55);color:#f4c95f;font-family:Baskerville,serif;font-size:12px;letter-spacing:.035em;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.forecast-rail.target-locked .forecast-copy>b{grid-template-columns:12px minmax(0,1fr) 12px}.forecast-rail.target-locked .forecast-copy>b:before,.forecast-rail.target-locked .forecast-copy>b:after{color:#e4b44f;font-family:ui-monospace,monospace;font-size:12px;line-height:1}.forecast-rail.target-locked .forecast-copy>b:before{content:"⌖"}.forecast-rail.target-locked .forecast-copy>b:after{content:"⌖"}.forecast-copy>span{grid-area:preview;display:grid;place-items:center;overflow:hidden;padding:1px 2px;border:1px solid #9c6733;color:#fff0c2;background:linear-gradient(180deg,#603034,#3d2028);font-size:12px;font-weight:900;line-height:.95;text-align:center}.forecast-copy>small{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.forecast-actions{grid-area:actions;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.forecast-action{width:100%;height:44px;padding:0 1px;border:1px solid #c89a45;color:#ffeab2;background:linear-gradient(180deg,#17475a,#082d40);box-shadow:inset 0 0 0 2px #021119ad,0 2px #4d351e;font-family:Baskerville,Iowan Old Style,serif;font-size:12px;font-weight:800;cursor:pointer}.forecast-action.confirm,.forecast-action.cast,.forecast-action.focus{color:#efffe4;border-color:#bb9c46;background:linear-gradient(180deg,#41734a,#244b3a)}.forecast-action.attack{color:#fff2dc;background:linear-gradient(180deg,#924644,#5e3037)}.forecast-action.rescue{color:#e9fff3;background:linear-gradient(180deg,#287065,#174b51)}.forecast-action:disabled{opacity:.7;color:#aeb2a2;filter:saturate(.38);cursor:default}.command-deck{grid-template-columns:136px minmax(0,1fr);gap:3px;padding:4px 2px max(3px,env(safe-area-inset-bottom,0px));border:0;background-color:#041f2a;background-image:linear-gradient(180deg,#13676c29,#000b1280),url(/ui/combat/p0/surfaces/lacquer.png);background-size:auto,32px 32px;box-shadow:0 -9px 24px #00000094,inset 0 1px #f0ce73}.command-deck:before,.command-deck:after{content:none}.command-deck-frame{position:absolute!important;z-index:20!important;inset:0;border:5px solid transparent;border-image-source:url(/ui/combat/p0/frames/panel-gold.9.png);border-image-slice:26;border-image-width:5px;border-image-repeat:stretch;pointer-events:none}.actor-console{position:relative;grid-template-rows:110px 44px;gap:3px;padding:0;border:0;clip-path:none;color:#fff1bd;background-color:#062733;background-image:url(/ui/combat/p0/surfaces/lacquer.png);background-size:32px 32px;box-shadow:0 3px 8px #00000085}.actor-console-frame{position:absolute;z-index:9;inset:0;border:4px solid transparent;border-image-source:url(/ui/combat/p0/frames/panel-gold.9.png);border-image-slice:28;border-image-width:4px;border-image-repeat:stretch;pointer-events:none}.unit-plaque{position:relative;z-index:1;width:100%;height:100%;grid-template-columns:58px minmax(0,1fr);grid-template-rows:20px minmax(0,1fr);gap:2px;padding:4px 4px 3px;border:0;clip-path:none;color:#fff0bb;background-color:#062c38;background-image:linear-gradient(180deg,#1d6e6d2b,#000d1540),url(/ui/combat/p0/surfaces/lacquer.png);background-size:auto,32px 32px;box-shadow:none}.unit-plaque-frame{position:absolute;z-index:7;inset:0;border:3px solid transparent;border-image-source:url(/ui/combat/p0/frames/panel-gold.9.png);border-image-slice:28;border-image-width:3px;border-image-repeat:stretch;pointer-events:none}.unit-plaque.is-empty{display:grid;place-items:center;padding:8px}.unit-plaque.is-empty>b{position:relative;z-index:2;color:#e8d096;font-size:12px;text-align:center}.unit-plaque-copy{position:relative;z-index:3;grid-column:1 / 3;grid-row:1;width:100%;padding:0 3px;border-bottom:1px solid rgba(223,177,79,.5);background:linear-gradient(90deg,#08202ad9,#0d3d418c,#08202ad9)}.unit-plaque-copy>b{max-width:45%;color:#fff0b5;font-family:Baskerville,Iowan Old Style,serif;font-size:12px;letter-spacing:.04em}.unit-plaque-copy>small{color:#8edbc9;font-family:Arial Narrow,ui-sans-serif,sans-serif;font-size:12px;letter-spacing:-.035em}.unit-portrait-shell{position:relative;z-index:2;grid-column:1;grid-row:2;min-width:0;min-height:0;overflow:hidden;background:#102e3a}.unit-plaque-portrait{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);max-height:none;border:0;object-fit:cover;object-position:center 9%;background:#163744;box-shadow:none;transform:scale(1.18);transform-origin:50% 8%}.unit-portrait-frame{position:absolute;z-index:2;inset:0;background:url(/ui/combat/p0/frames/panel-gold.9.png) center / 100% 100% no-repeat;pointer-events:none}.unit-statuses{z-index:6;left:5px;top:23px}.unit-statuses i{border-color:#d6ad55;color:#f7e8bd;background:#174a4d;font-size:12px}.unit-resource-bars{position:relative;z-index:2;grid-column:2;grid-row:2;width:100%;height:100%;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));align-content:stretch;gap:1px;padding:0}.unit-resource-bars>.unit-resource{min-width:0;min-height:0;display:grid;grid-template-columns:15px minmax(0,1fr);grid-template-rows:14px 7px;align-content:center;align-items:center;column-gap:1px;padding:0 1px;border-bottom:1px solid rgba(220,174,75,.26);background:linear-gradient(90deg,#01131b42,#174f4f3d)}.unit-resource-bars>.unit-resource:last-child{border-bottom:0}.unit-resource>img{grid-column:1;grid-row:1 / 3;width:15px;height:15px;align-self:center;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.8))}.unit-resource>b{grid-column:2;grid-row:1;min-width:0;display:flex;align-items:baseline;gap:2px;overflow:hidden;color:#ffe7a5;font-family:Arial Narrow,ui-sans-serif,sans-serif;font-size:12px;font-weight:900;letter-spacing:-.055em;line-height:1;white-space:nowrap}.unit-resource>b small{color:#c8b17d;font-size:12px;letter-spacing:-.08em}.unit-resource>i{grid-column:2;grid-row:2;height:7px;overflow:hidden;border:1px solid #7e612e;background:#091319;box-shadow:inset 0 1px 2px #000000c7,0 0 0 1px #e3b6522e}.unit-resource>i>em{height:100%;display:block}.hp-track em{background:linear-gradient(90deg,#a92735,#f05843 74%,#ff9a66)}.sp-track em{background:linear-gradient(90deg,#245fbd,#3cbffa 74%,#a7efff)}.unit-resource.speed-resource{grid-template-rows:1fr}.speed-resource>img{grid-row:1;width:17px;height:17px}.speed-resource>b{grid-row:1;font-family:Baskerville,Iowan Old Style,serif;font-size:15px}.speed-resource>b small{margin-right:2px;font-family:Arial Narrow,ui-sans-serif,sans-serif;font-size:12px}.actor-actions{position:relative;z-index:10;width:100%;height:44px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.permanent-action{position:relative;isolation:isolate;height:44px;min-height:44px;align-content:start;grid-template-rows:20px 12px;gap:1px;padding:3px 1px 7px;overflow:hidden;border:0;color:#fff0b1;background-color:#0b4c66;background-image:linear-gradient(180deg,#257995b3,#011726b8),url(/ui/combat/p0/surfaces/lacquer.png);background-size:auto,28px 28px;box-shadow:0 2px 3px #0000008c}.permanent-action.attack{background-color:#6b2c37;background-image:linear-gradient(180deg,#923c37c7,#341622cc),url(/ui/combat/p0/surfaces/lacquer.png)}.permanent-action.focus{background-color:#373264;background-image:linear-gradient(180deg,#5b4687cc,#19183bd1),url(/ui/combat/p0/surfaces/lacquer.png)}.permanent-action-frame,.forecast-action-frame{position:absolute;z-index:4;inset:0;border:4px solid transparent;border-image-source:url(/ui/combat/p0/frames/button-gold.9.png);border-image-slice:18 30 fill;border-image-width:4px;border-image-repeat:stretch;pointer-events:none}.permanent-action-icon{position:relative;z-index:2;width:20px;height:20px;display:block;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.88))}.permanent-action b{position:relative;z-index:2;width:100%;overflow:hidden;color:inherit;font-family:Arial Narrow,Baskerville,serif;font-size:12px;font-stretch:condensed;line-height:1;text-align:center;text-overflow:clip;text-shadow:0 1px #001018;white-space:nowrap}.permanent-action.selected{box-shadow:inset 0 0 12px #ffdd6f4d,0 0 10px #ffd252b8}.permanent-action:disabled{color:#c7ba98;background-blend-mode:multiply}.permanent-action:disabled .permanent-action-icon,.permanent-action:disabled b{opacity:.48}.spell-grid{gap:3px;overflow:visible}.spell-card{position:relative;isolation:isolate;grid-template-rows:28px 69px 50px;align-content:stretch;padding:5px 4px;overflow:visible;border:0;clip-path:none;color:#fff3c0;background:transparent;box-shadow:0 3px 7px #0000008c}.spell-card:before,.spell-card:after{content:none}.spell-card-surface{position:absolute;z-index:0;inset:3px;background-color:var(--school-dark);background-image:linear-gradient(180deg,color-mix(in srgb,var(--school-color) 26%,transparent),#000a126b),url(/ui/combat/p0/surfaces/lacquer.png);background-size:auto,28px 28px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--school-color) 72%,#122b35),inset 0 0 12px #00000094;pointer-events:none}.spell-card-chrome{position:absolute;z-index:8;inset:0;background:url(/ui/combat/p0/frames/card-gold.9.png) center / 100% 100% no-repeat;pointer-events:none}.spell-card-school-gem{z-index:10;left:50%;top:-2px;width:18px;height:18px;transform:translate(-50%);overflow:visible;border:0;background:transparent;box-shadow:none}.spell-card-school-gem img{width:18px;height:18px;transform:none;object-fit:contain;filter:drop-shadow(0 0 4px var(--school-color))}.spell-card-name{position:relative;z-index:3;grid-row:1;min-width:0;margin:0 2px;align-items:flex-end;padding:7px 2px 1px;border:0;border-bottom:1px solid rgba(240,204,113,.56);background:linear-gradient(180deg,color-mix(in srgb,var(--school-color) 18%,#082431),#041821db);box-shadow:inset 0 -2px #00050c47}.spell-card-name b{display:block;width:100%;overflow:hidden;color:#fff0b0;font-family:Baskerville,Iowan Old Style,serif;font-size:12px;letter-spacing:-.045em;line-height:.9;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 1px #000;text-transform:uppercase;white-space:nowrap}.spell-card.long-title .spell-card-name b{font-family:Arial Narrow,Baskerville,serif;font-size:12px;letter-spacing:-.06em}.spell-card-art{position:relative;z-index:2;grid-row:2;min-width:0;min-height:0;margin:0 2px;border:1px solid #ca9e4c;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #020e15c7,inset 0 -10px 14px #00000040;image-rendering:auto}.spell-card-copy{position:relative;z-index:3;grid-row:3;min-width:0;min-height:0;display:grid;grid-template-rows:23px minmax(0,1fr);margin:0 2px;overflow:hidden;border:1px solid #9e7338;color:#2e291f;background-color:#ead3a0;background-image:url(/ui/combat/p0/surfaces/parchment.png);background-size:32px 32px;box-shadow:inset 0 0 0 1px #fff7d175}.spell-card-meta{grid-row:auto;display:grid;place-items:center;overflow:hidden;border:0;border-bottom:1px solid rgba(113,74,32,.45);color:#163d4d;background:#fff5d32e;font-family:Arial Narrow,ui-sans-serif,sans-serif;font-size:12px;font-weight:900;letter-spacing:-.05em;line-height:1;text-align:center;white-space:nowrap}.spell-card-summary{grid-row:auto;min-height:0;display:grid;place-items:center;align-content:center;gap:1px;overflow:hidden;padding:2px 1px 4px;color:#352b20;background:transparent;box-shadow:none;line-height:.9;text-align:center}.spell-card-summary b,.spell-card-summary small{max-width:100%;overflow:hidden;font-size:12px;line-height:.92;text-overflow:ellipsis;white-space:nowrap}.spell-card-summary b{color:#173b47}.spell-card-summary small{color:#77513a;font-family:Arial Narrow,ui-sans-serif,sans-serif;letter-spacing:-.045em}.spell-card.selected{z-index:5;border:0;box-shadow:0 0 13px var(--school-color),0 3px 7px #0009}.spell-card.selected .spell-card-chrome{filter:brightness(1.25) drop-shadow(0 0 3px #ffe497)}.spell-card:disabled:not(.unaffordable){opacity:1;filter:none}.spell-card:disabled:not(.unaffordable) .spell-card-surface,.spell-card:disabled:not(.unaffordable) .spell-card-name,.spell-card:disabled:not(.unaffordable) .spell-card-art,.spell-card:disabled:not(.unaffordable) .spell-card-copy,.spell-card:disabled:not(.unaffordable) .spell-card-school-gem{opacity:.55;filter:saturate(.6)}.spell-card.unaffordable .spell-card-art{filter:grayscale(.7) brightness(.58)}.spell-card.unaffordable .spell-card-name,.spell-card.unaffordable .spell-card-copy{opacity:.63}.spell-shortfall{z-index:11;top:27px;font-size:12px}.forecast-rail{top:4px;right:2px;bottom:max(3px,env(safe-area-inset-bottom,0px));width:90px;grid-template-rows:20px 55px 28px 44px;padding:5px;border:0;clip-path:none;color:#fff0b5;background-color:#062733;background-image:url(/ui/combat/p0/surfaces/lacquer.png);background-size:28px 28px;box-shadow:-8px 0 18px #00080ec2,0 3px 7px #0000008c}.forecast-rail-frame{position:absolute;z-index:9;inset:0;background:url(/ui/combat/p0/frames/panel-gold.9.png) center / 100% 100% no-repeat;pointer-events:none}.forecast-visual{z-index:2;border:1px solid #c99a47;background:radial-gradient(circle,#185454,#051f2b 73%);box-shadow:inset 0 0 0 1px #020d14c7,0 2px 3px #00000080}.forecast-visual.spell-preview{image-rendering:auto}.forecast-copy>b{position:relative;z-index:10;margin-top:7px;padding:0 3px;border-bottom:1px solid rgba(224,177,77,.58);color:#f3c65e;background:linear-gradient(90deg,#051922d1,#14434473,#051922d1);font-family:Arial Narrow,Baskerville,Iowan Old Style,serif;font-size:12px;font-stretch:condensed;letter-spacing:-.045em}.forecast-rail.target-locked .forecast-copy>b{display:block;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.forecast-rail.target-locked .forecast-copy>b:before,.forecast-rail.target-locked .forecast-copy>b:after{content:none}.forecast-copy>span{position:relative;z-index:3;padding:1px 2px;border:1px solid #9e6934;color:#fff0c2;background-color:#54262c;background-image:linear-gradient(180deg,#853a36a8,#30121db8),url(/ui/combat/p0/surfaces/lacquer.png);background-size:auto,24px 24px;font-size:12px}.forecast-actions{position:relative;z-index:10;gap:2px}.forecast-action{position:relative;isolation:isolate;height:44px;min-height:44px;padding:0 1px;overflow:hidden;border:0;color:#ffeab2;background-color:#0d4257;background-image:linear-gradient(180deg,#2b6375ad,#031824bd),url(/ui/combat/p0/surfaces/lacquer.png);background-size:auto,24px 24px;box-shadow:0 2px 2px #0000007a;font-size:12px}.forecast-action>b{position:relative;z-index:2;color:inherit;font-family:Baskerville,Iowan Old Style,serif;font-size:12px;text-shadow:0 1px #001018}.forecast-action.confirm,.forecast-action.cast,.forecast-action.focus{background-color:#28553d;background-image:linear-gradient(180deg,#4d7f45b3,#183726c7),url(/ui/combat/p0/surfaces/lacquer.png)}.forecast-action.attack{background-color:#69303a;background-image:linear-gradient(180deg,#91423db8,#371924cc),url(/ui/combat/p0/surfaces/lacquer.png)}.forecast-action.rescue{background-color:#1d5d58;background-image:linear-gradient(180deg,#327e6cb8,#12393fcc),url(/ui/combat/p0/surfaces/lacquer.png)}.forecast-action:disabled{opacity:1;color:#aeb2a2;filter:none}.forecast-action:disabled>b{opacity:.55}.combat-screen.cast-spellwork{--cast-rgb:191,94,255;--cast-pale:#f7d7ff}.combat-screen.cast-warding{--cast-rgb:84,205,255;--cast-pale:#d9f7ff}.combat-screen.cast-alchemy{--cast-rgb:255,137,42;--cast-pale:#fff0bf}.combat-screen.cast-divination{--cast-rgb:212,88,255;--cast-pale:#f7d4ff}.combat-screen.cast-fieldcraft{--cast-rgb:64,224,139;--cast-pale:#d8ffe8}.spell-cinematic{position:absolute;z-index:82;inset:0;overflow:hidden;color:#fff;background:#020815;animation:cinematic-enter var(--cutin-duration,1.08s) steps(8,end) both}.spell-art-cut-in{position:absolute;inset:-5%;background-image:linear-gradient(90deg,rgba(0,8,18,.92) 0 16%,transparent 42% 68%,rgba(0,8,18,.88) 96%),linear-gradient(180deg,transparent 50%,rgba(0,5,15,.82) 92%),var(--spell-art);background-position:center;background-size:cover;image-rendering:pixelated;filter:saturate(1.25) contrast(1.08);animation:cutin-pan var(--cutin-duration,1.08s) steps(10,end) both}.spell-room-light{position:absolute;z-index:2;inset:-20%;background:radial-gradient(circle at 64% 44%,rgba(var(--cast-rgb),.62),transparent 35%),radial-gradient(circle at 50% 60%,rgba(var(--cast-rgb),.3),transparent 48%);mix-blend-mode:screen;animation:room-flare var(--cutin-duration,1.08s) ease-out both}.spell-cast-particles{position:absolute;z-index:4;left:64%;top:44%;width:1px;height:1px}.spell-cast-particles i{position:absolute;width:5px;height:5px;transform:rotate(calc(var(--particle) * 20deg)) translateY(calc(34px + var(--particle) * 5px));background:var(--cast-pale);box-shadow:0 0 8px rgb(var(--cast-rgb));animation:particle-out var(--cutin-duration,1.08s) steps(6,end) both}.spell-cast-rings{position:absolute;z-index:3;left:64%;top:44%;width:48%;aspect-ratio:1;transform:translate(-50%,-50%)}.spell-cast-rings i{position:absolute;inset:0;border:2px solid rgba(var(--cast-rgb),.7);border-radius:50%;box-shadow:0 0 10px rgba(var(--cast-rgb),.55);animation:ring-open var(--cutin-duration,1.08s) steps(8,end) both}.spell-cast-rings i:nth-child(2){inset:12%;animation-delay:70ms}.spell-cast-rings i:nth-child(3){inset:25%;animation-delay:.14s}.spell-cast-title{position:absolute;z-index:7;left:18px;right:18px;bottom:12%;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto auto;align-items:center;padding:9px 12px;border-top:2px solid #ffe59c;border-bottom:2px solid rgba(var(--cast-rgb),.9);background:linear-gradient(90deg,#020d18f0,#0c192bc2,rgba(var(--cast-rgb),.22));box-shadow:0 0 18px rgba(var(--cast-rgb),.48);text-shadow:0 2px 2px #000;animation:title-slam var(--cutin-duration,1.08s) steps(6,end) both}.cast-school-glyph{grid-row:1 / 4;width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border:2px solid #ffe59c;border-radius:50%;background:#0c3244;box-shadow:0 0 10px rgba(var(--cast-rgb),.75)}.cast-school-glyph img{width:100%;height:100%;object-fit:cover}.spell-cast-title small,.cast-legacy{font-size:12px;font-weight:800}.spell-cast-title>small{color:#d4ede8;text-transform:uppercase}.spell-cast-title>b{overflow:hidden;color:#fff1bd;font-family:Baskerville,Iowan Old Style,serif;font-size:clamp(27px,8vw,38px);line-height:.95;text-overflow:ellipsis;white-space:nowrap}.cast-legacy{color:var(--cast-pale)}.phase-splash{position:absolute;z-index:60;left:50%;top:42%;width:min(88%,360px);display:grid;justify-items:center;gap:3px;padding:11px;transform:translate(-50%,-50%);border-top:2px solid #ff9b83;border-bottom:2px solid #ff9b83;color:#ffe1d4;background:linear-gradient(90deg,transparent,rgba(84,31,38,.94) 14% 86%,transparent);text-shadow:0 2px #000;animation:phase-splash .62s ease both;pointer-events:none}.phase-splash small{font-size:12px;font-weight:900;text-transform:uppercase}.phase-splash b{font-family:Baskerville,serif;font-size:25px}.combat-result-backdrop{position:absolute;z-index:90;inset:0;display:grid;place-items:center;padding:18px;background:#000d14d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.combat-result{width:min(100%,340px);display:grid;justify-items:center;gap:10px;padding:24px 18px 18px;border:2px solid #d3a74d;color:#3a2d21;background:linear-gradient(180deg,#fff7dd,#d9c395);box-shadow:0 18px 50px #000000ad,inset 0 0 0 2px #ffffffad;text-align:center}.result-sigil{width:54px;height:54px;display:grid;place-items:center;transform:rotate(45deg);border:2px solid #c69a42;color:#fff0ab;background:#16535b;box-shadow:0 0 12px #5bdcce80;font-size:28px}.result-sigil:first-letter{transform:rotate(-45deg)}.combat-result>small{font-size:12px;font-weight:900;text-transform:uppercase}.combat-result h2{margin:0;color:#17414a;font-family:Baskerville,serif;font-size:30px}.combat-result p{margin:0;font-size:14px;line-height:1.35}.result-marks{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.result-marks span{display:grid;padding:6px;border:1px solid #aa8240;background:#ffffff52}.result-marks b{font-size:20px}.result-marks small{font-size:12px;text-transform:uppercase}.combat-result button{width:100%;min-height:44px;border:1px solid #8d6a36;font-size:14px;font-weight:900;cursor:pointer}.result-primary{color:#fff5d2;background:#22635e}.result-secondary{color:#483721;background:#f5e6c1}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes active-unit-glow{0%,to{filter:brightness(1.08) drop-shadow(0 3px 2px rgba(0,0,0,.55)) drop-shadow(0 0 6px rgba(255,218,90,.55))}50%{filter:brightness(1.18) drop-shadow(0 3px 2px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(255,218,90,.82))}}@keyframes active-arrow-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-3px)}}@keyframes familiar-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes caster-lunge{0%{transform:translate(0)}45%,to{transform:translate(var(--cast-lunge))}}@keyframes caster-hold{0%,to{transform:translate(var(--cast-lunge))}}@keyframes caster-recover{0%{transform:translate(var(--cast-lunge))}to{transform:translate(0)}}@keyframes sigil-turn{0%{transform:translate(-50%) rotate(45deg) scale(.45);opacity:0}45%{opacity:1}to{transform:translate(-50%) rotate(405deg) scale(1);opacity:.85}}@keyframes attack-lunge{0%{transform:translate(0)}45%{transform:translate(var(--attack-x)) scale(1.04)}72%{transform:translate(var(--attack-x)) scale(.98)}to{transform:translate(0)}}@keyframes attack-arc{0%,22%{opacity:0;transform:translate(-50%) rotate(-60deg) scale(.5)}42%,68%{opacity:1;transform:translate(-50%) rotate(24deg) scale(1.1)}to{opacity:0;transform:translate(-50%) rotate(56deg) scale(1.3)}}@keyframes focus-unit{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes spell-projectile{0%{left:var(--from-x);top:var(--from-y);opacity:0}10%{opacity:1}90%{opacity:1}to{left:var(--to-x);top:var(--to-y);opacity:0}}@keyframes impact-flash{0%{opacity:0;scale:.3}35%{opacity:1;scale:1.2}to{opacity:0;scale:1.5}}@keyframes impact-rune{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.35) rotate(90deg)}}@keyframes damage-shard{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 -12px}}@keyframes ward-shell-hit{0%{opacity:0;scale:.35}30%{opacity:1;scale:1.08}70%{opacity:1;scale:.96}to{opacity:0;scale:1.15}}@keyframes ward-scan{0%{top:78%;opacity:0}20%{opacity:1}85%{opacity:1}to{top:18%;opacity:0}}@keyframes heal-ring{0%{opacity:1;scale:.35}to{opacity:0;scale:1.55}}@keyframes unit-hit-recoil{0%{transform:translate(0);filter:brightness(1)}20%{transform:translate(-3px);filter:brightness(1.8)}42%{transform:translate(3px)}65%{transform:translate(-2px)}to{transform:translate(0);filter:brightness(1)}}@keyframes focus-sigil{0%{opacity:0;transform:translate(-50%) rotate(45deg) scale(.3)}40%{opacity:1}to{opacity:.9;transform:translate(-50%) rotate(315deg) scale(1)}}@keyframes focus-mote{0%{opacity:0;transform:translateY(16px) scale(.5)}35%{opacity:1}to{opacity:0;transform:translateY(-35px) scale(1.4)}}@keyframes cinematic-enter{0%{opacity:0}8%,84%{opacity:1}to{opacity:0}}@keyframes cutin-pan{0%{transform:scale(1.1) translate(4%);filter:saturate(.8) brightness(.6)}35%{filter:saturate(1.25) brightness(1.15)}to{transform:scale(1.02) translate(-2%);filter:saturate(1.3) brightness(.9)}}@keyframes room-flare{0%{opacity:0;transform:scale(.4)}35%{opacity:1}to{opacity:.15;transform:scale(1.25)}}@keyframes particle-out{0%{opacity:0;scale:.2}30%{opacity:1}to{opacity:0;scale:1.6}}@keyframes ring-open{0%{opacity:0;transform:scale(.15)}38%{opacity:1}to{opacity:0;transform:scale(1.3)}}@keyframes title-slam{0%{opacity:0;transform:translate(-38px)}28%{opacity:1;transform:translate(6px)}40%,85%{transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes phase-splash{0%{opacity:0;transform:translate(-50%,-50%) scaleX(.45)}22%,72%{opacity:1;transform:translate(-50%,-50%) scaleX(1)}to{opacity:0;transform:translate(-50%,-50%) scaleX(1.04)}}@media(max-height:760px){:root{--combat-header-height:calc(92px + var(--combat-safe-top));--combat-deck-height: calc(145px + max(3px,var(--combat-safe-bottom))) }.combat-header{grid-template-rows:46px 42px}.combat-title-lockup h1{font-size:18px}.initiative-track{height:40px;padding-top:7px}.initiative-token{flex-basis:32px;height:32px}.compact-objectives span,.compact-objectives b{height:27px}.command-deck{grid-template-columns:136px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:3px;padding-top:3px}.actor-console{grid-template-rows:95px 44px}.unit-plaque{grid-template-columns:54px minmax(0,1fr);grid-template-rows:18px minmax(0,1fr);padding:4px 4px 3px}.unit-plaque-copy>b{font-size:12px}.unit-plaque-copy>small{font-size:12px}.unit-resource-bars{gap:0;padding:0}.unit-resource-bars>.unit-resource{grid-template-rows:12px 6px}.unit-resource>i{height:6px}.actor-actions{height:44px}.permanent-action{height:44px;min-height:44px;padding:3px 1px 7px}.permanent-action b{font-size:12px}.spell-card{grid-template-rows:27px 59px 46px}.spell-card-name b{font-size:12px}.spell-card-copy{grid-template-rows:21px minmax(0,1fr)}.spell-card-school-gem{top:-2px}.spell-card-summary{gap:0;padding-bottom:4px}.forecast-rail{top:3px;width:90px;grid-template-rows:20px 40px 28px 44px;padding:5px}.forecast-action{height:44px;min-height:44px}}@media(min-width:700px)and (min-height:700px){.combat-screen{border-radius:18px}}@media(max-width:350px){.command-deck{grid-template-columns:136px minmax(0,1fr)}.unit-plaque{grid-template-columns:55px minmax(0,1fr)}.unit-plaque-copy>b{font-size:13px}.speed-jewel{left:auto}.permanent-action{gap:1px;padding-inline:1px}.permanent-action-icon{width:21px;height:21px}.spell-card-name b{letter-spacing:-.02em}}@media(prefers-reduced-motion:reduce){.combat-screen *,.combat-screen *:before,.combat-screen *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--combat-deck-compact-height: calc(112px + max(3px,var(--combat-safe-bottom))) ;--combat-deck-expanded-height: calc(150px + max(3px,var(--combat-safe-bottom))) }.combat-screen{--combat-deck-height:var(--combat-deck-compact-height);grid-template-rows:var(--combat-header-height) minmax(0,1fr) var(--combat-deck-compact-height)}.combat-screen.deck-expanded{--combat-deck-height:var(--combat-deck-expanded-height);grid-template-rows:var(--combat-header-height) minmax(0,1fr) var(--combat-deck-expanded-height)}.combat-screen.deck-expanded .combat-board{transform:translateY(calc((var(--combat-deck-expanded-height) - var(--combat-deck-compact-height)) / 2))}.command-deck{width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:42px minmax(0,1fr);gap:3px;padding:4px 3px max(3px,env(safe-area-inset-bottom,0px))}.command-deck.is-expanded{grid-template-rows:minmax(0,1fr)}.actor-console{grid-column:1;grid-row:1;width:100%;min-width:0;height:42px;display:block;padding:1px;overflow:hidden}.command-action-row{position:relative;z-index:2;grid-column:1;grid-row:2;min-width:0;min-height:0;display:grid;grid-template-columns:2fr 3fr 1fr;gap:2px}.actor-actions,.spell-grid,.focus-action{min-width:0;min-height:0;height:100%}.actor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.spell-grid{grid-column:auto;grid-row:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;overflow:visible}.focus-action{display:grid}.unit-plaque{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:38px minmax(82px,1.05fr) minmax(0,2.25fr);grid-template-rows:minmax(0,1fr);gap:5px;align-items:center;padding:2px 5px 2px 2px;overflow:hidden}.unit-plaque-frame{opacity:.72}.unit-portrait-shell{grid-column:1;grid-row:1;align-self:stretch;width:38px;height:36px;min-width:38px}.unit-plaque-portrait{width:100%;height:100%;border:0;object-fit:cover;object-position:center 18%}.unit-plaque-copy{position:relative;z-index:3;grid-column:2;grid-row:1;height:100%;min-width:0;display:grid;align-content:center;justify-items:start;gap:1px;padding:0;overflow:visible}.unit-plaque-copy>b,.unit-plaque-copy>small{max-width:100%;overflow:hidden;line-height:1;text-overflow:ellipsis;white-space:nowrap}.unit-plaque-copy>b{font-size:14px}.unit-plaque-copy>small{font-size:12px}.unit-plaque-copy>small:before{content:none}.unit-statuses{position:static;display:flex;gap:2px}.unit-statuses i{font-size:12px}.unit-resource-bars{grid-column:3;grid-row:1;width:100%;height:100%;min-width:0;display:grid;grid-template-columns:1fr 1fr .72fr;grid-template-rows:minmax(0,1fr);align-items:center;align-content:stretch;gap:5px;padding:0;overflow:hidden}.unit-resource-bars>.unit-resource{min-width:0;height:32px;display:grid;grid-template-columns:14px minmax(0,1fr);grid-template-rows:18px 6px;align-items:center;column-gap:2px}.unit-resource>img{grid-column:1;grid-row:1;width:14px;height:14px}.unit-resource-bars b{grid-column:2;grid-row:1;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.unit-resource-bars b small{font-size:12px}.unit-resource-bars .unit-resource>i{grid-column:1 / 3;grid-row:2;width:100%;height:6px}.unit-resource-bars .speed-resource{grid-template-columns:14px minmax(0,1fr);grid-template-rows:1fr}.unit-resource-bars .speed-resource>img,.unit-resource-bars .speed-resource>b{grid-row:1}.unit-resource-bars .speed-resource>i{display:none}.selection-context{--context-color:#75c5ff;position:absolute;z-index:8;inset:1px;width:auto;height:auto;min-width:0;display:grid;grid-template-columns:38px minmax(0,1.5fr) auto 58px;align-items:center;gap:6px;padding:2px;border:1px solid #cda24a;color:#fff0bd;background:linear-gradient(180deg,#0b4450,#041f2b);box-shadow:inset 0 0 0 2px #011017b8}.selection-context.spell-fieldcraft{--context-color:#67d99b}.selection-context.spell-divination{--context-color:#c681ff}.selection-context.spell-alchemy{--context-color:#ff9c4a}.selection-context.spell-warding{--context-color:#68d8ff}.selection-context.attack-context{--context-color:#ff7b6d}.selection-context-art{width:36px;height:36px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--context-color);background-image:linear-gradient(180deg,transparent,rgba(1,10,17,.28)),var(--context-art);background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #061923,0 0 5px color-mix(in srgb,var(--context-color) 55%,transparent)}.selection-context-art.action-art{background:#0c4053}.selection-context-art img{width:24px;height:24px;object-fit:contain}.selection-context-copy{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px}.selection-context-copy>b{color:#fff0b2;font-family:Baskerville,Iowan Old Style,serif;font-size:14px;line-height:1;text-transform:uppercase;white-space:nowrap}.selection-context-copy>span{min-width:0;display:flex;align-items:baseline;gap:4px;overflow:hidden;color:#d4e7db;line-height:1;white-space:nowrap}.selection-context-copy b,.selection-context-copy small{font-size:12px;white-space:nowrap}.selection-context>strong{color:#9ee4da;font-family:ui-monospace,monospace;font-size:12px;white-space:nowrap}.selection-context>button{width:58px;height:34px;border:1px solid #c99b48;color:#ffe7a9;background:linear-gradient(180deg,#184c5d,#082d40);font-family:Baskerville,serif;font-size:12px;font-weight:800;cursor:pointer}.permanent-action,.spell-card{width:100%;height:100%;min-width:0;min-height:56px;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}.permanent-action{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:30px 16px;place-items:center;align-content:center;gap:0;padding:0}.permanent-action-icon{width:30px;height:30px}.permanent-action b{font-size:12px}.permanent-action.focus{grid-template-rows:22px 13px 13px}.permanent-action.focus .permanent-action-icon{width:21px;height:21px}.permanent-action-recovery{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:1px;color:#bfeaff;font-family:ui-monospace,monospace;font-size:12px;font-weight:900;line-height:1;white-space:nowrap}.permanent-action-recovery img{width:10px;height:10px}.spell-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:2px;overflow:hidden}.spell-card-surface{inset:1px;background-color:#061e29;background-image:linear-gradient(180deg,#234e5838,#000a127a),url(/ui/combat/p0/surfaces/lacquer.png);box-shadow:inset 0 0 10px #00000094}.spell-card-chrome{inset:0}.spell-card-school-gem{display:none}.spell-card-art{grid-column:1;grid-row:1;width:100%;height:100%;margin:0;border:0;background-size:cover}.spell-card-art:after{background:linear-gradient(180deg,#ffffff0a,#020d1508 54%,#020c1452)}.spell-card-name{position:absolute;z-index:5;top:2px;left:2px;right:2px;min-width:0;min-height:19px;margin:0;padding:3px 3px 0;border:0;background:transparent;box-shadow:none;pointer-events:none}.spell-card-name b,.spell-card.long-title .spell-card-name b{font-family:Arial Narrow,Baskerville,serif;font-size:12px;letter-spacing:.025em;line-height:1;-webkit-text-stroke:.45px #03141b;text-shadow:-1px -1px 0 #03141b,1px -1px 0 #03141b,-1px 1px 0 #03141b,1px 1px 0 #03141b,0 2px 2px #000,0 0 4px #000;-webkit-line-clamp:1}.spell-card-copy{display:none}.spell-card-cost{position:absolute;z-index:8;right:3px;top:auto;bottom:3px;min-width:19px;height:17px;display:flex;align-items:center;justify-content:center;gap:1px;padding:1px 2px;border:1px solid rgba(255,225,151,.8);color:#e4f7ff;background:#031d2ee6;font-family:ui-monospace,monospace;font-size:12px;font-weight:900;line-height:1}.spell-card-cost img{width:9px;height:9px}.spell-card.selected{box-shadow:0 0 11px var(--school-color),inset 0 0 0 2px #fff1a6}.spell-shortfall{top:3px;left:3px;transform:none;min-width:0;padding:2px;font-size:12px}.command-deck.is-expanded .actor-console,.command-deck.is-expanded .command-action-row{display:none}.forecast-rail{position:absolute!important;z-index:14!important;inset:4px 3px max(3px,env(safe-area-inset-bottom,0px));width:auto;height:auto;min-width:0;min-height:0;display:grid;grid-template-columns:76px minmax(0,1fr) 76px;grid-template-rows:24px minmax(30px,1fr) 22px 52px;grid-template-areas:"source heading visual" "source preview visual" "source detail visual" "actions actions actions";gap:2px 5px;padding:4px;overflow:hidden;box-shadow:inset 0 0 0 2px #020f15b8,0 -4px 16px #010d147a}.forecast-source-visual{grid-area:source;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border:1px solid #c99a47;background:#082a38;box-shadow:inset 0 0 0 1px #020d14c7}.forecast-source-visual.spell-source{background-image:linear-gradient(180deg,transparent,rgba(1,10,17,.28)),var(--forecast-art);background-position:center;background-size:cover}.forecast-source-visual.action-source img{width:42px;height:42px;object-fit:contain}.forecast-source-visual.objective-source{color:#ffe58a;font-size:30px}.forecast-visual{grid-area:visual;width:100%;height:100%}.forecast-visual.focus-preview{display:grid;place-items:center;align-content:center;gap:1px}.forecast-visual.focus-preview img{width:36px;height:36px}.forecast-visual.focus-preview b{color:#bfeaff;font-size:12px}.forecast-copy>b{grid-area:heading;margin:0;padding:0 3px;font-size:14px;letter-spacing:.01em}.forecast-copy>span{grid-area:preview;padding:3px;font-size:15px;line-height:1}.forecast-copy>small{position:relative!important;grid-area:detail;width:auto!important;height:auto!important;margin:0!important;padding:0 3px!important;overflow:hidden!important;clip:auto!important;display:grid;place-items:center;color:#9edbd5;font-family:ui-monospace,monospace;font-size:12px;font-weight:900;line-height:1;text-align:center;white-space:nowrap!important}.forecast-actions{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.forecast-action,.forecast-action>b{font-size:18px}.forecast-action{height:52px;min-height:52px}@media(max-height:760px){:root{--combat-deck-compact-height: calc(108px + max(3px,var(--combat-safe-bottom))) ;--combat-deck-expanded-height: calc(144px + max(3px,var(--combat-safe-bottom))) }.command-deck{grid-template-rows:40px minmax(0,1fr);padding-top:3px}.actor-console{height:40px}.unit-plaque{grid-template-columns:36px minmax(78px,1fr) minmax(0,2.2fr);gap:4px}.unit-portrait-shell{width:36px;min-width:36px;height:34px}.selection-context{grid-template-columns:36px minmax(0,1.5fr) auto 54px;gap:4px}.selection-context-art{width:34px;height:34px}.forecast-rail{grid-template-rows:22px minmax(26px,1fr) 20px 48px}.forecast-action{height:48px;min-height:48px}}@media(max-width:350px){.unit-plaque{grid-template-columns:34px minmax(68px,.9fr) minmax(0,2.1fr);gap:3px;padding-right:3px}.unit-portrait-shell{width:34px;min-width:34px;height:34px}.unit-plaque-copy>b{font-size:12px}.unit-plaque-copy>small{font-size:12px}.unit-resource-bars{gap:2px}.unit-resource-bars b{font-size:12px}.selection-context{grid-template-columns:34px minmax(0,1fr) 50px}.selection-context>strong{display:none}.selection-context-copy{gap:4px}.selection-context-copy>span small{display:none}.command-action-row,.actor-actions,.spell-grid{gap:1px}.permanent-action b,.spell-card-name b{font-size:12px}.forecast-rail{grid-template-columns:66px minmax(0,1fr) 66px;gap:2px 3px}}