*{box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}body{margin:0;background:#f3a13c;color:#3b2118;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;letter-spacing:0}button{font:inherit}.shell{--ink: #3b2118;--ink-soft: #6d3c26;--paper: #fff1b8;--paper-deep: #ffd66a;--sun: #ffbe3d;--orange: #f26b2d;--red: #dc3c2e;--green: #1ea96b;--blue: #2397d6;--purple: #8f5bd9;--shadow: #1f120d;--line: 4px solid var(--ink);width:100%;height:100%;overflow:hidden;display:grid;place-items:start start;background:repeating-linear-gradient(135deg,rgba(255,255,255,.22) 0,rgba(255,255,255,.22) 12px,transparent 12px,transparent 28px),linear-gradient(180deg,#ffcd54,#ff8b3a 30%,#ef4f35 64%,#76301d)}.phone-stage{width:var(--sanguo-design-width, 750px);min-width:var(--sanguo-design-width, 750px);max-width:var(--sanguo-design-width, 750px);position:relative;height:var(--sanguo-logic-height, 1624px);padding:calc(var(--sanguo-safe-top, 0px) + 20px) calc(var(--sanguo-safe-right, 0px) + 30px) calc(var(--sanguo-safe-bottom, 0px) + 18px) calc(var(--sanguo-safe-left, 0px) + 30px);transform:scale(var(--sanguo-ui-scale, 1));transform-origin:top left;display:grid;grid-template-rows:72px 94px 390px minmax(0,1fr) 58px 252px;gap:12px;overflow:hidden}.topbar{min-height:0;display:flex;align-items:center;justify-content:space-between;color:var(--ink);text-shadow:0 2px 0 rgba(255,245,190,.72)}h1,h2,p{margin:0}.eyebrow{margin:0 0 5px;color:#7d311d;font-size:22px;font-weight:900;line-height:1.15}h1{color:#fff8cf;font-size:44px;font-weight:950;line-height:1;text-shadow:3px 0 0 var(--ink),-3px 0 0 var(--ink),0 3px 0 var(--ink),0 7px 0 var(--shadow)}h2{color:var(--ink);font-size:54px;font-weight:950;line-height:1.02;text-shadow:0 3px 0 rgba(255,248,207,.82)}.icon-button{width:68px;height:68px;border:var(--line);border-radius:8px;background:#ffe16d;color:inherit;display:grid;place-items:center;box-shadow:0 6px 0 var(--shadow);cursor:pointer}.icon-button:active{transform:translateY(3px);box-shadow:0 3px 0 var(--shadow)}.pixel-icon{width:36px;height:36px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain;flex:0 0 auto;image-rendering:auto}.resource-silver{background-image:var(--icon-resource-silver)}.resource-grain{background-image:var(--icon-resource-grain)}.resource-troops{background-image:var(--icon-resource-troops)}.resource-support{background-image:var(--icon-resource-support)}.resource-morale{background-image:var(--icon-resource-morale)}.action-left{background-image:var(--icon-action-left)}.action-right{background-image:var(--icon-action-right)}.action-restart{background-image:var(--icon-action-restart)}.action-detail{background-image:var(--icon-action-detail)}.status-danger{background-image:var(--icon-status-danger)}.status-success{background-image:var(--icon-status-success)}.status-target{background-image:var(--icon-status-target)}.resource-strip{min-height:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.resource{position:relative;min-width:0;border:var(--line);border-radius:8px;background:#ffe66f;padding:7px 7px 8px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:25px 34px;column-gap:5px;align-content:center;box-shadow:0 4px 0 var(--shadow);overflow:visible}.resource .pixel-icon{grid-row:1 / 3;align-self:center;width:34px;height:34px;filter:drop-shadow(0 2px 0 rgba(59,33,24,.34))}.resource span{color:var(--ink-soft);font-size:18px;font-weight:900;line-height:1}.resource strong{grid-column:1 / 3;max-width:100%;color:var(--ink);font-size:29px;font-weight:950;line-height:1;text-align:center;overflow:hidden;text-overflow:ellipsis}.resource.troops{background:#ffd14a}.resource.grain{background:#f4dd62}.resource.silver{background:#e8f4ff}.resource.morale{background:#ff9a47}.resource.popularSupport{background:#ffcf58}.resource.good{outline:3px solid #3bd87e;outline-offset:-7px}.resource.warning{outline:3px solid #ff7a1f;outline-offset:-7px}.resource.danger{color:#fff6d8;background:#e33f30}.resource.danger span,.resource.danger strong{color:#fff6d8;text-shadow:0 3px 0 var(--shadow)}.resource.changed{animation:resource-hit .46s cubic-bezier(.16,1,.3,1)}.resource.changed.gain{outline:4px solid #2fc276;outline-offset:-7px}.resource.changed.loss{outline:4px solid #e83d2e;outline-offset:-7px}.resource em{position:absolute;z-index:5;left:50%;bottom:-3px;min-width:54px;padding:2px 8px 4px;border:3px solid var(--ink);border-radius:8px;background:#fff8cf;color:var(--ink);font-size:18px;font-style:normal;font-weight:950;line-height:1;text-align:center;box-shadow:0 4px 0 var(--shadow);transform:translate(-50%);animation:resource-float 1.05s cubic-bezier(.18,.89,.32,1.28) both;pointer-events:none}.resource.gain em{background:#baff87}.resource.loss em{background:#ff8f74;color:#fff8cf;text-shadow:0 2px 0 var(--shadow)}.event-flow{min-height:0;display:grid;grid-template-rows:188px minmax(0,1fr);gap:8px}.package-route{position:relative;z-index:2;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:9px 11px;padding:3px 4px 5px}.event-package{position:relative;z-index:1;min-width:0;min-height:0;border:4px solid var(--ink);border-radius:7px;background:linear-gradient(135deg,#f16936,#d93d2e);padding:8px 8px 7px;display:grid;grid-template-columns:62px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:9px;align-items:center;box-shadow:0 7px 0 var(--shadow);color:#fff8cf;transform:translateZ(0);overflow:visible}.event-package:before,.event-package:after{position:absolute;z-index:-1;top:5px;right:-5px;bottom:-5px;left:5px;border:3px solid rgba(59,33,24,.82);border-radius:7px;background:#a72f24;content:""}.event-package:after{z-index:-2;top:9px;right:-8px;bottom:-9px;left:9px;background:#70271e}.package-boss-avatar{width:62px;height:62px;border:4px solid var(--ink);border-radius:7px;background:#fff1b8;overflow:hidden;box-shadow:0 4px 0 var(--shadow)}.package-boss-avatar img{width:100%;height:100%;object-fit:cover}.package-boss-copy{min-width:0;display:grid;gap:3px;align-content:center}.package-boss-copy small,.package-boss-copy strong,.package-boss-copy span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.package-boss-copy small{color:#ffd76a;font-size:13px;font-weight:950;line-height:1;text-shadow:0 2px 0 var(--shadow)}.package-boss-copy strong{color:#fff8cf;font-size:22px;font-weight:950;line-height:1.1;text-shadow:0 3px 0 var(--shadow)}.package-boss-copy span{color:#ffd9a1;font-size:13px;font-weight:900;line-height:1;text-shadow:0 2px 0 var(--shadow)}.event-package>em{position:absolute;right:7px;top:6px;padding:3px 6px 4px;border:3px solid var(--ink);border-radius:7px;background:#ffbd3c;color:var(--ink);font-size:12px;font-style:normal;font-weight:950;line-height:1;box-shadow:0 3px 0 var(--shadow)}.event-package.current{z-index:4;background:linear-gradient(135deg,#ff983d,#ef4934);box-shadow:0 7px 0 var(--shadow),0 0 0 4px #2397d6d1;transform:translateY(-4px) scale(1.04);animation:package-current-pulse 1.35s ease-in-out infinite alternate}.event-package.current .package-boss-copy small{color:#9ee7ff}.event-package.complete{background:linear-gradient(135deg,#63b87a,#34865b);filter:saturate(.8)}.event-package.complete:before,.event-package.complete:after{background:#255b41}.event-package.future{filter:saturate(.72) brightness(.94);opacity:.88}.package-open{position:relative;min-height:0;border:4px solid var(--ink);border-radius:8px;background:#fff1b8;padding:7px 8px 8px;display:grid;grid-template-rows:30px 40px minmax(0,1fr);gap:6px;box-shadow:0 6px 0 var(--shadow)}.boss-intel{position:relative;z-index:1;min-width:0;display:grid;grid-template-columns:146px minmax(0,1fr);align-items:stretch;gap:7px}.boss-forecast{min-width:0;border:3px solid var(--ink);border-radius:7px;background:#ffb545;padding:4px 7px;display:grid;grid-template-columns:1fr auto;grid-template-rows:14px 16px;align-items:center;box-shadow:0 3px 0 var(--shadow)}.boss-forecast span,.boss-forecast small{color:#76311e;font-size:11px;font-weight:950;line-height:1}.boss-forecast strong{grid-row:1 / 3;grid-column:2;color:var(--ink);font-size:20px;font-weight:950;line-height:1}.boss-mechanics{min-width:0;display:flex;align-items:stretch;gap:5px;overflow:hidden}.boss-mechanics span{min-width:0;flex:1 1 0;border:3px solid var(--ink);border-radius:7px;padding:7px 5px 5px;color:#fff8cf;font-size:12px;font-weight:950;line-height:1;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-shadow:0 3px 0 var(--shadow)}.boss-mechanics .active{background:#d43c2f;text-shadow:0 2px 0 var(--shadow)}.boss-mechanics .disabled{background:#5cbd74;color:var(--ink);text-decoration:line-through}.package-open:before{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:2px dashed rgba(59,33,24,.2);border-radius:6px;content:"";pointer-events:none}.package-open-head{position:relative;z-index:1;min-width:0;display:flex;align-items:center;gap:9px;padding:0 4px;overflow:hidden}.package-open-head span,.package-open-head em,.package-open-head small{font-style:normal;font-weight:950;line-height:1;white-space:nowrap}.package-open-head span{padding:3px 7px 4px;border:3px solid var(--ink);border-radius:7px;background:var(--blue);color:#fff8cf;font-size:13px;text-shadow:0 2px 0 var(--shadow)}.package-open-head strong{min-width:0;color:var(--ink);font-size:22px;font-weight:950;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.package-open-head em{margin-left:auto;color:#1378ad;font-size:16px}.package-open-head small{color:#8b2d1d;font-size:14px}.package-event-list{position:relative;z-index:1;min-height:0;display:grid;grid-template-columns:1.28fr repeat(3,minmax(0,1fr));gap:7px}.queue-chip.package-event-chip{min-height:0;height:94px;padding:8px 7px;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center;gap:7px}.package-event-avatar{width:48px;height:58px;border:3px solid var(--ink);border-radius:7px;background:#fff1b8;overflow:hidden;box-shadow:0 3px 0 var(--shadow)}.package-event-avatar img{width:100%;height:100%;object-fit:cover}.package-event-copy{min-width:0;display:grid;gap:3px;align-content:center}.package-event-copy span,.package-event-copy strong,.package-event-copy em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.package-event-chip .package-event-copy span{color:#7a2e1c;font-size:12px;font-weight:950}.package-event-chip .package-event-copy strong{color:var(--ink);font-size:18px;font-weight:950;line-height:1.05}.package-event-chip .package-event-copy em{color:#6d3c26;font-size:13px;font-style:normal;font-weight:850}.queue-chip.package-event-chip small{top:4px;right:4px;width:22px;height:22px;border-width:2px;font-size:13px;line-height:17px}.queue-chip.package-event-chip.current{outline:4px solid var(--blue);outline-offset:-7px;box-shadow:0 5px 0 var(--shadow),0 0 0 4px #fff8cfb8}.package-event-empty{height:94px;border:3px dashed rgba(59,33,24,.34);border-radius:7px;background:#ffd66a6b;display:grid;place-items:center;color:#3b211880;font-size:14px;font-weight:900}.queue-chip{min-width:0;border:var(--line);border-radius:8px;box-shadow:0 4px 0 var(--shadow)}.handoff-ghost{position:absolute;z-index:30;left:calc(var(--sanguo-safe-left, 0px) + 38px);top:calc(var(--sanguo-safe-top, 0px) + 495px);width:200px;height:94px;border:var(--line);border-radius:8px;background:color-mix(in srgb,var(--accent, #ffcf58) 88%,white 12%);padding:10px 9px;display:grid;grid-template-rows:20px minmax(0,1fr);gap:5px;overflow:hidden;box-shadow:0 4px 0 var(--shadow),0 0 0 5px #fff8cf75,0 0 28px #fff8cf8a;pointer-events:none;transform-origin:top left;animation:handoff-ghost-expand 1.05s cubic-bezier(.18,.9,.16,1) both}.handoff-ghost.battle{--accent: var(--red)}.handoff-ghost.campaign{--accent: #ffb02f}.handoff-ghost.proposal{--accent: var(--blue)}.handoff-ghost.reward{--accent: #ffd329}.handoff-ghost.negative{--accent: #ef562f}.handoff-ghost.random{--accent: var(--purple)}.handoff-ghost span{color:#74311d;font-size:16px;font-weight:950;line-height:1;animation:handoff-mini-fade 1.05s both}.handoff-ghost strong{color:var(--ink);font-size:22px;font-weight:950;line-height:1.1;overflow-wrap:anywhere;animation:handoff-mini-fade 1.05s both}.handoff-ghost h2,.handoff-ghost p{opacity:0;pointer-events:none}.handoff-ghost h2{position:absolute;left:18px;top:20px;right:18px;color:var(--ink);font-size:54px;font-weight:950;line-height:1.02;text-shadow:0 3px 0 rgba(255,248,207,.82);animation:handoff-large-copy 1.05s both}.handoff-ghost p{position:absolute;left:18px;top:92px;right:18px;color:var(--ink-soft);font-size:20px;font-weight:800;line-height:1.34;animation:handoff-large-copy 1.05s both}.queue-chip span{color:#74311d;font-size:16px;font-weight:950;line-height:1}.queue-chip strong{min-width:0;color:var(--ink);font-size:22px;font-weight:950;line-height:1.1;overflow-wrap:anywhere}.queue-chip{position:relative;padding:10px 9px;display:grid;grid-template-rows:20px minmax(0,1fr);gap:5px;overflow:hidden;transform:translateZ(0)}.queue-chip small{position:absolute;top:8px;right:9px;width:26px;height:26px;border:3px solid var(--ink);border-radius:50%;background:#fff8cf;color:var(--ink);font-size:17px;font-weight:950;line-height:20px;text-align:center}.queue-chip.battle,.event-card.battle{--accent: var(--red)}.queue-chip.campaign,.event-card.campaign{--accent: #ffb02f}.queue-chip.proposal,.event-card.proposal{--accent: var(--blue)}.queue-chip.reward,.event-card.reward{--accent: #ffd329}.queue-chip.negative,.event-card.negative{--accent: #ef562f}.queue-chip.random,.event-card.random{--accent: var(--purple)}.queue-chip{background:color-mix(in srgb,var(--accent, #ffcf58) 88%,white 12%)}.queue-chip:first-child{box-shadow:0 4px 0 var(--shadow),0 0 0 5px #fff8cf57}.decision-stage{min-height:0;position:relative;display:grid;place-items:center}.decision-stage:before,.decision-stage:after{position:absolute;z-index:0;width:400px;height:min(100%,700px);border:5px solid rgba(59,33,24,.55);border-radius:8px;content:"";background:#fff1b842;pointer-events:none}.decision-stage:before{transform:translate(14px,14px) rotate(3deg)}.decision-stage:after{transform:translate(-14px,18px) rotate(-3deg)}.event-card{--accent: #ffcf58;--drag-pct: 0;position:relative;z-index:1;width:400px;height:min(100%,700px);min-height:0;border:5px solid var(--ink);border-radius:8px;background:linear-gradient(180deg,#fff7c6eb,#ffe277e6),var(--asset-card-template);background-size:cover;padding:18px;display:grid;grid-template-rows:auto minmax(220px,1fr) auto 34px;gap:12px;overflow:hidden;transform:translate(var(--drag-x, 0px)) rotate(calc(var(--drag-x, 0px) / 46deg)) scale(calc(1 + var(--drag-pct) * .018));touch-action:pan-y;cursor:grab;box-shadow:0 10px 0 var(--shadow),0 0 0 8px #fff8cf52;transition:transform .16s ease,box-shadow .16s ease;-webkit-user-select:none;user-select:none}.shell.card-handoff .event-card:not(.end-card){animation:card-handoff-in 1.05s cubic-bezier(.18,.9,.16,1) both;transform-origin:top left}.shell.card-handoff .event-card:not(.end-card):after{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;z-index:6;border:7px solid rgba(255,248,207,.92);border-radius:12px;content:"";opacity:0;pointer-events:none;animation:handoff-flash 1.05s cubic-bezier(.18,.9,.16,1) both}.event-card:before{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:3px dashed rgba(59,33,24,.2);border-radius:8px;content:"";pointer-events:none}.event-card[data-dragging=true]{cursor:grabbing;transition:none;box-shadow:calc(var(--drag-x, 0px) / 8) 14px 0 #1f120d61,0 9px 0 var(--shadow)}.event-card.has-success{grid-template-rows:auto 38px minmax(190px,1fr) auto 34px}.event-card.boss-phase{grid-template-rows:auto 58px minmax(160px,1fr) auto 34px;background:linear-gradient(180deg,#ffe899f2,#f28b3eeb),var(--asset-card-template)}.event-card[data-drag-side=left]:after,.event-card[data-drag-side=right]:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;content:"";pointer-events:none;background-position:center 52%;background-repeat:no-repeat;background-size:min(520px,72%) auto;opacity:calc(var(--drag-pct) * .75)}.event-card[data-drag-side=left]:after{background-color:rgba(30,169,107,calc(var(--drag-pct) * .22));background-image:var(--asset-swipe-left)}.event-card[data-drag-side=right]:after{background-color:rgba(220,60,46,calc(var(--drag-pct) * .22));background-image:var(--asset-swipe-right)}.swipe-stamp{position:absolute;z-index:5;top:290px;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:5px solid var(--ink);border-radius:8px;color:#fff8cf;font-size:28px;font-weight:950;line-height:1;text-shadow:0 3px 0 var(--shadow);box-shadow:0 6px 0 var(--shadow);opacity:0;pointer-events:none;transform:translateY(8px) rotate(-5deg) scale(.92);transition:opacity .12s ease,transform .12s ease}.swipe-stamp .pixel-icon{width:36px;height:36px}.swipe-stamp-left{left:34px;background:var(--green)}.swipe-stamp-right{right:34px;background:var(--red);transform:translateY(8px) rotate(5deg) scale(.92)}.event-card[data-drag-side=left] .swipe-stamp-left,.event-card[data-drag-side=right] .swipe-stamp-right{opacity:calc(.24 + var(--drag-pct) * .76);transform:translateY(0) rotate(0) scale(calc(.94 + var(--drag-pct) * .1))}.event-head{position:relative;z-index:1;display:grid;gap:8px}.event-card.has-actor .event-head{padding-right:88px}.event-head p:last-child,.event-summary{color:var(--ink-soft);font-size:20px;font-weight:800;line-height:1.34}.event-actor-badge{position:absolute;z-index:3;top:18px;right:18px;width:74px;display:grid;justify-items:center;gap:3px;pointer-events:none;animation:actor-badge-in .32s cubic-bezier(.16,1,.3,1) both}.event-actor-badge div{width:64px;height:64px;border:4px solid var(--ink);border-radius:8px;background:#fff8cf;display:grid;place-items:center;overflow:hidden;box-shadow:0 5px 0 var(--shadow)}.event-actor-badge img{width:100%;height:100%;object-fit:cover}.event-actor-badge span{color:var(--ink);font-size:32px;font-weight:950}.event-actor-badge strong{max-width:100%;padding:1px 6px 3px;border:3px solid var(--ink);border-radius:8px;background:var(--blue);color:#fff8cf;font-size:15px;font-weight:950;line-height:1;text-shadow:0 2px 0 var(--shadow);box-shadow:0 3px 0 var(--shadow);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-actor-badge.boss strong{background:var(--red)}.boss-duel{position:relative;z-index:1;height:58px;border:4px solid var(--ink);border-radius:8px;background:#fff1b8;padding:5px 9px 6px;display:grid;grid-template-rows:17px 9px 14px;gap:2px;box-shadow:0 5px 0 var(--shadow)}.boss-duel>div{min-width:0;display:flex;justify-content:space-between;align-items:center;color:var(--ink);font-size:13px;font-weight:950}.boss-duel>div strong{color:#a92d23;font-size:15px}.boss-duel>i{position:relative;height:9px;border:2px solid var(--ink);border-radius:999px;background:#d63e31;overflow:hidden}.boss-duel>i b{display:block;height:100%;background:linear-gradient(90deg,#ef4732,#ffbe3d 45%,#2fbe79)}.boss-duel>small{color:#713823;font-size:11px;font-weight:900;line-height:1;text-align:center}.card-scene{position:relative;z-index:1;min-height:0;border:4px solid rgba(59,33,24,.72);border-radius:8px;background:linear-gradient(180deg,#fff7c605,#ef92361a),var(--event-art);background-position:center;background-size:cover;overflow:hidden;box-shadow:0 5px #1f120dad,inset 0 -8px #3b21181a}.card-scene:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(180deg,#fff8cf1a,#3b21181f),repeating-linear-gradient(135deg,rgba(255,248,207,.16) 0 5px,transparent 5px 16px);pointer-events:none}.event-card[data-drag-side=left] .card-scene{box-shadow:inset 0 0 0 calc(var(--drag-pct) * 7px) #2fbe79b8,0 5px #1f120dad,inset 0 -8px #3b21181a}.event-card[data-drag-side=right] .card-scene{box-shadow:inset 0 0 0 calc(var(--drag-pct) * 7px) #e64637b8,0 5px #1f120dad,inset 0 -8px #3b21181a}.success-meter{position:relative;z-index:1;height:38px;border:4px solid var(--ink);border-radius:8px;background:#fff1b8;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:0 5px 0 var(--shadow)}.success-meter i{position:absolute;inset:0 auto 0 0;display:block;background:linear-gradient(90deg,#ef4732,#ffbe3d 52%,#1ea96b)}.success-meter span,.success-meter strong{position:relative;z-index:1;color:var(--ink);font-weight:950}.success-meter span{font-size:17px}.success-meter strong{font-size:24px}.choice-grid{grid-row:3;position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:0;align-self:end;border:5px solid var(--ink);border-radius:8px;background:linear-gradient(90deg,rgba(47,190,121,.2),transparent 42%,transparent 58%,rgba(230,70,55,.2)),#fff1b8;box-shadow:0 7px 0 var(--shadow);overflow:hidden}.event-card.has-success .choice-grid{grid-row:4}.choice{position:relative;min-width:0;min-height:146px;border:0;border-radius:0;padding:12px 12px 11px;display:grid;grid-template-rows:20px auto minmax(24px,1fr) auto;gap:5px;color:inherit;text-align:left;cursor:grab;-webkit-tap-highlight-color:transparent;box-shadow:none;overflow:hidden;transition:transform .11s ease,box-shadow .11s ease,filter .11s ease}.choice.left{--choice-mark: var(--icon-action-left);background:linear-gradient(180deg,#2fbe7947,#2fbe7914);border-right:4px solid var(--ink)}.choice.right{--choice-mark: var(--icon-action-right);background:linear-gradient(180deg,#e6463747,#e6463714)}.choice:after{position:absolute;right:10px;bottom:13px;width:42px;height:42px;content:"";background-image:var(--choice-mark);background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.28;pointer-events:none}.choice>*{position:relative;z-index:1}.choice:active{filter:brightness(1.04)}.event-card[data-drag-side=left] .choice.left,.event-card[data-drag-side=right] .choice.right{transform:scale(calc(1 + var(--drag-pct) * .018));box-shadow:inset 0 0 0 calc(3px + var(--drag-pct) * 4px) #fff8cff0,inset 0 -8px #1f120d29;filter:saturate(1.2) brightness(1.06)}.event-card[data-drag-side=left] .choice.right,.event-card[data-drag-side=right] .choice.left{filter:saturate(calc(1 - var(--drag-pct) * .42)) brightness(calc(1 - var(--drag-pct) * .16));transform:scale(calc(1 - var(--drag-pct) * .025))}.choice span{color:#7b331d;font-size:17px;font-weight:950;text-shadow:none}.choice strong{color:var(--ink);font-size:23px;font-weight:950;line-height:1.02;text-shadow:0 2px 0 rgba(255,248,207,.78)}.choice p,.choice small{color:var(--ink-soft);font-size:16px;font-weight:850;line-height:1.25;text-shadow:none}.choice small{align-self:end;display:block;padding-top:7px;border-top:3px solid rgba(59,33,24,.22);color:var(--ink);font-size:16px}.swipe-guide{grid-row:4;position:relative;z-index:1;height:36px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;color:var(--ink);font-size:18px;font-weight:950;text-shadow:0 2px 0 rgba(255,248,207,.72)}.event-card.has-success .swipe-guide{grid-row:5}.swipe-guide span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.swipe-guide b{height:5px;border:2px solid var(--ink);border-radius:999px;background:linear-gradient(90deg,var(--green),var(--sun),var(--red));overflow:hidden}.event-card[data-drag-side=left] .swipe-guide b,.event-card[data-drag-side=right] .swipe-guide b{box-shadow:inset calc(var(--drag-x, 0px) * .46) 0 0 #fff8cfb8,0 2px #1f120d3d}.end-card{grid-template-rows:auto auto minmax(260px,1fr) auto auto}.battle-visual{min-height:0;border:4px solid var(--ink);border-radius:8px;background-position:center;background-size:cover;box-shadow:0 5px 0 var(--shadow)}.battle-visual.victory{background-image:var(--asset-battle-victory)}.battle-visual.defeat{background-image:var(--asset-battle-defeat)}.action-notice{grid-row:5;align-self:center;justify-self:center;max-width:640px;height:38px;padding:0 22px;border:4px solid var(--ink);border-radius:8px;background:#fff1b8;color:var(--ink);font-size:20px;font-weight:950;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 4px 0 var(--shadow)}.resolution-feedback{grid-row:5;align-self:center;justify-self:center;width:min(640px,100%);min-height:52px;border:4px solid var(--ink);border-radius:8px;background:#fff1b8;color:var(--ink);display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px;padding:7px 12px;box-shadow:0 6px 0 var(--shadow);animation:result-pop .24s cubic-bezier(.16,1,.3,1) both}.resolution-feedback.left{background:linear-gradient(90deg,#d8f4a9,#fff1b8 42%,#fff1b8)}.resolution-feedback.right{background:linear-gradient(90deg,#ffc09f,#fff1b8 42%,#fff1b8)}.resolution-copy{min-width:0;display:grid;gap:2px}.resolution-copy span{color:#7d311d;font-size:15px;font-weight:950;line-height:1}.resolution-copy strong{color:var(--ink);font-size:22px;font-weight:950;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resolution-deltas{min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden}.resolution-deltas b{flex:0 1 auto;min-width:0;padding:5px 8px 6px;border:3px solid var(--ink);border-radius:8px;color:var(--ink);font-size:17px;font-weight:950;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 3px #1f120dbf;animation:result-chip .4s cubic-bezier(.16,1,.3,1) both}.resolution-deltas b:nth-child(2){animation-delay:.05s}.resolution-deltas b:nth-child(3){animation-delay:.1s}.resolution-deltas b:nth-child(4){animation-delay:.15s}.resolution-deltas .gain{background:#94ee69}.resolution-deltas .loss{background:#ef4936;color:#fff8cf;text-shadow:0 2px 0 var(--shadow)}.resolution-deltas .neutral{background:#ffe16d}.resolution-deltas .strategic{background:#55bff0;color:var(--ink)}.officer-rail{grid-row:6;min-height:0;overflow-x:auto;overflow-y:hidden;display:grid;grid-auto-flow:column;grid-auto-columns:196px;gap:12px;padding:2px 0 10px;scrollbar-width:thin}.officer-card{min-width:0;height:236px;border:4px solid var(--ink);border-radius:8px;background:#fff1b8;padding:10px;display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:24px minmax(0,1fr);gap:8px;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 6px 0 var(--shadow)}.officer-card:active{cursor:grabbing}.officer-card.active{background:#ffce49;border-color:var(--ink);outline:4px solid var(--red);outline-offset:-8px}.officer-card.reserve{background:#d7ecff;opacity:.92}.officer-card.is-proposing{background:#fff08b;outline:6px solid var(--blue);outline-offset:-9px;animation:officer-proposing .72s ease-in-out infinite alternate}.officer-card.is-pending{outline:4px solid #ffb02f;outline-offset:-8px}.officer-card.is-cooling{filter:saturate(.78)}.officer-card.is-cooling .officer-avatar{opacity:.72}.officer-card.is-ready:not(.is-proposing) .officer-meta small{color:#1b7d48}.slot-mark{grid-column:1 / 3;color:#fff8cf;background:var(--red);border:3px solid var(--ink);border-radius:8px;padding:2px 8px;width:max-content;max-width:100%;font-size:16px;font-weight:950;line-height:1;text-shadow:0 2px 0 var(--shadow)}.officer-card.reserve .slot-mark,.officer-card.is-proposing .slot-mark{background:var(--blue)}.officer-card.is-pending .slot-mark{background:#ff8b2e}.officer-card.is-cooling .slot-mark{background:#8d4632}.officer-avatar{width:76px;height:76px;border:4px solid var(--ink);border-radius:8px;overflow:hidden;background:#fff8cf;display:grid;place-items:center}.officer-avatar img{width:100%;height:100%;object-fit:cover}.officer-avatar span{color:var(--ink);font-size:28px;font-weight:950}.officer-meta{min-width:0;display:grid;gap:4px;align-content:center}.officer-meta strong{color:var(--ink);font-size:24px;font-weight:950;line-height:1}.officer-meta span,.officer-meta small{color:#68301e;font-size:17px;font-weight:850;line-height:1.12}.officer-meta small{color:#8d2218}.officer-card.is-proposing .officer-meta small{color:var(--blue);font-size:19px;text-shadow:0 1px 0 rgba(255,248,207,.82)}.officer-card.is-cooling .officer-meta small{width:max-content;max-width:100%;padding:2px 7px 4px;border:3px solid var(--ink);border-radius:8px;background:#fff1b8;color:#8d2218;box-shadow:0 3px #1f120dad}.shell.feedback-left .event-card{animation:swipe-left .22s ease-out}.shell.feedback-right .event-card{animation:swipe-right .22s ease-out}.shell.feedback-left .queue-chip,.shell.feedback-right .queue-chip{animation:queue-shift-in .42s cubic-bezier(.2,.9,.18,1) both;animation-delay:calc(var(--queue-index, 0) * 34ms)}.shell.feedback-left .event-package.current,.shell.feedback-right .event-package.current{animation:package-advance .5s cubic-bezier(.16,1,.3,1) both}@keyframes swipe-left{0%{transform:translate(-42px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}@keyframes swipe-right{0%{transform:translate(42px) rotate(2deg)}to{transform:translate(0) rotate(0)}}@keyframes card-handoff-in{0%,46%{opacity:0;transform:translateY(18px) scale(.96);filter:saturate(1.18) brightness(1.08)}66%{opacity:1;transform:translateY(8px) scale(1.03);filter:saturate(1.08) brightness(1.04);box-shadow:0 13px 0 var(--shadow),0 0 0 10px #fff8cf61}to{opacity:1;transform:translate(0) rotate(0) scale(1);filter:saturate(1) brightness(1);box-shadow:0 10px 0 var(--shadow),0 0 0 8px #fff8cf52}}@keyframes handoff-ghost-expand{0%{left:calc(var(--sanguo-safe-left, 0px) + 38px);top:calc(var(--sanguo-safe-top, 0px) + 495px);width:200px;height:94px;border-width:4px;background:color-mix(in srgb,var(--accent, #ffcf58) 88%,white 12%);transform:rotate(0) scale(1)}22%{left:calc(var(--sanguo-safe-left, 0px) + 34px);top:calc(var(--sanguo-safe-top, 0px) + 484px);width:220px;height:104px;border-width:5px;transform:rotate(-2deg) scale(1.03)}62%{left:calc(var(--sanguo-safe-left, 0px) + 157px);top:calc(var(--sanguo-safe-top, 0px) + 596px);width:430px;height:680px;border-width:5px;background:linear-gradient(180deg,#fff7c6f0,#ffe277e6),var(--asset-card-template);background-size:cover;transform:rotate(1.2deg) scale(1.02);box-shadow:0 14px 0 var(--shadow),0 0 0 12px #fff8cf85,0 0 46px #ffd05094;opacity:.86}78%{left:calc(var(--sanguo-safe-left, 0px) + 175px);top:calc(var(--sanguo-safe-top, 0px) + 612px);width:400px;height:660px;background:linear-gradient(180deg,#fff7c6f0,#ffe277e6),var(--asset-card-template);background-size:cover;transform:rotate(0) scale(1);opacity:.24}to{left:calc(var(--sanguo-safe-left, 0px) + 175px);top:calc(var(--sanguo-safe-top, 0px) + 612px);width:400px;height:660px;background:linear-gradient(180deg,#fff7c6f0,#ffe277e6),var(--asset-card-template);background-size:cover;transform:rotate(0) scale(1);opacity:0}}@keyframes package-current-pulse{0%{transform:translateY(-4px) scale(1.04);box-shadow:0 7px 0 var(--shadow),0 0 0 4px #2397d6ad}to{transform:translateY(-7px) scale(1.055);box-shadow:0 10px 0 var(--shadow),0 0 0 6px #2397d6e6}}@keyframes package-advance{0%{transform:translateY(-4px) scale(1.04)}46%{transform:translateY(-10px) scale(1.09) rotate(-1deg);filter:brightness(1.12)}to{transform:translateY(-4px) scale(1.04)}}@keyframes handoff-mini-fade{0%,32%{opacity:1;transform:translateY(0) scale(1)}52%{opacity:0;transform:translateY(-8px) scale(.92)}to{opacity:0;transform:translateY(-8px) scale(.92)}}@keyframes handoff-large-copy{0%,42%{opacity:0;transform:translateY(18px) scale(.92)}64%{opacity:1;transform:translateY(0) scale(1)}88%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(0) scale(1)}}@keyframes queue-shift-in{0%{opacity:1;transform:translate(34px) scale(.98);filter:brightness(1.08)}60%{opacity:1;transform:translate(-4px) scale(1.015);filter:brightness(1.04)}to{opacity:1;transform:translate(0) scale(1);filter:brightness(1)}}@keyframes handoff-flash{0%{opacity:.72;transform:scale(1.06)}42%{opacity:.42;transform:scale(1.03)}to{opacity:0;transform:scale(1)}}@keyframes actor-badge-in{0%{opacity:0;transform:translate(14px,-12px) rotate(5deg) scale(.72)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes officer-proposing{0%{transform:translateY(0);box-shadow:0 6px 0 var(--shadow),0 0 #2397d652}to{transform:translateY(-4px);box-shadow:0 10px 0 var(--shadow),0 0 0 7px #2397d647}}@keyframes resource-hit{0%{transform:translateY(0) scale(1)}42%{transform:translateY(-5px) scale(1.04)}to{transform:translateY(0) scale(1)}}@keyframes resource-float{0%{opacity:0;transform:translate(-50%,8px) scale(.72)}20%{opacity:1;transform:translate(-50%,-13px) scale(1.12)}70%{opacity:1;transform:translate(-50%,-25px) scale(1)}to{opacity:0;transform:translate(-50%,-36px) scale(.94)}}@keyframes result-pop{0%{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes result-chip{0%{opacity:0;transform:translateY(8px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.choice,.event-card,.queue-chip,.event-package,.event-actor-badge,.officer-card.is-proposing,.resource.changed,.resource em,.resolution-feedback,.resolution-deltas b,.swipe-stamp,.shell.feedback-left .event-card,.shell.feedback-right .event-card{animation:none;transition:none}}