.siege-game{color:#382f28;background-color:#efe2c8;background-image:radial-gradient(circle at 12% 8%,#d0a95b55,#0000 27%),radial-gradient(circle at 90% 30%,#6e8f7950,#0000 25%),linear-gradient(150deg,#fbf2df,#dac7a5);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100vh;font-family:Arial,Noto Sans TC,sans-serif}.siege-header{color:#766854;justify-content:space-between;max-width:1160px;margin:auto;padding:20px 26px;font-size:14px;display:flex}.siege-header a{color:#6b342a;font-weight:800;text-decoration:none}.siege-header small{color:#99866c;margin-left:8px}.siege-main{max-width:1160px;margin:auto;padding:12px 26px 50px}.siege-heading{justify-content:space-between;align-items:end;gap:32px;margin:8px 0 22px;display:flex}.siege-heading p{color:#716755;max-width:520px;margin:0;line-height:1.75}.siege-heading>div>p{letter-spacing:3px;color:#b14f35;font-size:13px}.siege-heading h1{letter-spacing:7px;color:#60382d;margin:8px 0 0;font-family:Georgia,Noto Serif TC,serif;font-size:43px}.siege-layout{grid-template-columns:minmax(0,1.55fr) minmax(290px,.85fr);align-items:start;gap:24px;display:grid}.siege-stage{background:#fbf4e5;border:1px solid #bfa27e;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 18px 50px #4b30202a}.siege-hud{text-align:center;background:#e5d0aa;border-bottom:1px solid #cdb28d;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 13px;display:grid}.siege-hud small{color:#7b6b56;font-size:12px;display:block}.siege-hud strong{color:#7d3f30;font-variant-numeric:tabular-nums;font-size:24px;line-height:1.35;display:block}.siege-hud em{color:#867359;font-size:13px;font-style:normal;font-weight:500}.siege-hud .urgent{color:#c3382d}.siege-yard{background:linear-gradient(#d8e2cf 0 56%,#b8a377 56%);padding:24px 18px 12px;position:relative;overflow:hidden}.mountains{opacity:.58;background:linear-gradient(145deg,#0000 51%,#708272 52% 70%,#0000 71%) 10% 100%/46% 80% no-repeat,linear-gradient(215deg,#0000 48%,#8a917b 49% 72%,#0000 73%) 92% 100%/55% 72% no-repeat;position:absolute;inset:0 0 44%}.siege-grid{z-index:1;aspect-ratio:1;background:linear-gradient(#d9c296aa,#ac8a5fbb);border:8px solid #6d4730;border-radius:14px;grid-auto-rows:1fr;gap:4px;max-width:540px;margin:auto;padding:9px 9px 3px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #d0ae75,0 9px #4f301f,0 15px 28px #50301e44}.siege-cell{color:#fff;touch-action:manipulation;background:#f1e5cc44;border:1px dashed #967b5d55;border-radius:6px;place-items:center;min-width:0;display:grid;position:relative;overflow:visible}.siege-cell:disabled{opacity:1;cursor:default}.siege-cell.block{cursor:pointer;border-style:solid;box-shadow:0 3px 5px #51342155}.siege-cell.block:active{transform:translateY(2px)}.siege-cell.wood{background:linear-gradient(90deg,#9d552f,#cc8150 46%,#8a452b);border-color:#69351f}.siege-cell.wood>i{background:#613421;border-radius:20px;width:72%;height:8%;position:absolute}.siege-cell.wood>i:first-child{transform:rotate(25deg)}.siege-cell.wood>i:nth-child(2){transform:rotate(-25deg)}.siege-cell.stone{background:linear-gradient(145deg,#82786c,#aaa092 48%,#6c645b);border-color:#5c554c}.siege-cell.stone>b{clip-path:polygon(13% 0,88% 8%,100% 73%,72% 100%,3% 82%);border:2px solid #d3c9ba55;position:absolute;inset:10%}.siege-cell.stone>b:nth-child(2){border-color:#544c4466;inset:30%}.siege-cell.powder{background:linear-gradient(#bd5c35,#7a2f24);border-color:#66251c}.siege-cell.powder svg{stroke:#ffe4a1;width:55%;height:55%}.siege-cell.block>span{z-index:4;color:#fff;background:#3b2a21;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-weight:900;display:grid;position:absolute;bottom:2px;right:3px}.siege-cell.chain{animation:.48s siege-pop}.siege-cell.selected{outline-offset:-3px;outline:3px solid #f4c84b}.siege-cell.selected:after{content:"";pointer-events:none;border:2px solid #aa382c;border-radius:50%;animation:1.2s infinite siege-pulse;position:absolute;inset:-6px}.siege-cell.ground{background:#8e744f;border-color:#715a3a}.bronze-bell{z-index:6;color:#fff8cc;background:radial-gradient(circle at 38% 28%,#ffe29a,#c98d32 42%,#8d4c25 78%);border:2px solid #713b20;border-radius:50% 50% 16% 16%;place-items:center;width:72%;height:76%;font-family:Georgia,Noto Serif TC,serif;font-weight:900;display:grid;position:absolute;box-shadow:0 4px #63351e,0 7px 9px #45281566}.bronze-bell:before{content:"";border:4px solid #714324;border-bottom:0;border-radius:18px 18px 0 0;width:42%;height:25%;position:absolute;top:-16%}.bronze-bell i{background:#6d391f;border-radius:50%;width:22%;height:22%;position:absolute;bottom:-12%}.bronze-bell em{text-shadow:0 1px #74431d;font-size:clamp(12px,2vw,19px);font-style:normal}.grass-mat{z-index:0;background:repeating-linear-gradient(100deg,#697c3b 0 7px,#9ba95d 7px 11px);border-radius:50%;height:9%;position:absolute;bottom:2%;left:3%;right:3%;box-shadow:0 -4px #4e6231}.siege-pad{justify-content:center;gap:7px;padding:13px 8px 5px;display:flex}.siege-game button{font:inherit;cursor:pointer;touch-action:manipulation;min-height:44px}.siege-pad button{color:#6e392d;background:#ead7b6;border:1px solid #9b7854;border-radius:10px;place-items:center;width:46px;display:grid}.siege-pad .fire{color:#fff;background:#8a4634;gap:7px;width:auto;padding:0 16px;font-weight:800;display:flex}.siege-game button:disabled{opacity:.4;cursor:default}.siege-cell.selected{outline-color:#e5b235}.siege-game button:focus-visible{outline-color:#e5b235}.siege-game a:focus-visible{outline-color:#e5b235}.siege-message{text-align:center;color:#716755;min-height:28px;margin:6px 20px 16px;font-size:14px;line-height:1.6}.siege-overlay{z-index:10;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f7eeddef;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px;display:flex;position:absolute;inset:0}.siege-overlay>span{letter-spacing:3px;color:#b44d35;font-size:11px}.siege-overlay h2{letter-spacing:3px;color:#623a2f;margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:30px}.siege-overlay p{color:#766b58;max-width:440px;margin:0;line-height:1.8}.siege-overlay>button{color:#fff;background:#834331;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-width:180px;padding:12px 22px;font-weight:800;display:flex}.siege-overlay .secondary{color:#663a2f;background:#dfcba8}.siege-overlay>small{color:#7b6e5a;line-height:1.7}.siege-upgrades{grid-template-columns:repeat(3,1fr);gap:9px;width:100%;max-width:610px;display:grid}.siege-upgrades button{color:#6c382c;background:#fff7e8;border:1px solid #aa835d;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;display:flex}.siege-upgrades button svg{width:21px}.siege-upgrades button b{font-size:14px}.siege-upgrades button small{color:#7b6d59;font-size:11px;line-height:1.4}.siege-panel{background:#fbf3e3;border:1px solid #bea17a;border-radius:22px;padding:24px;box-shadow:0 18px 40px #4b30201d}.siege-title span{letter-spacing:3px;color:#b44d35;font-size:11px}.siege-title h2{color:#60382d;margin:7px 0 20px;font-family:Georgia,Noto Serif TC,serif;font-size:27px}.siege-meters{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.siege-meters div{background:#e9d6b4;border-radius:10px;padding:11px 9px}.siege-meters span{color:#806f58;font-size:11px;display:block}.siege-meters b{color:#794031;margin-top:5px;font-size:18px;display:block}.rope-meter{color:#7a6a55;background:#f1e3c9;border-radius:10px;justify-content:space-between;align-items:center;margin:13px 0;padding:11px;font-size:12px;display:flex}.rope-meter b{gap:6px;display:flex}.rope-meter i{background:#c8b99e;border-radius:8px;width:20px;height:8px}.rope-meter i.live{background:#a74b38;box-shadow:0 0 0 2px #e2b07355}.legend{gap:7px;margin:14px 0;display:grid}.legend div{color:#655947;border:1px solid #d6bd98;border-radius:9px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.legend span{border-radius:5px;width:18px;height:18px}.legend .wood{background:#ad673d}.legend .stone{background:#898176}.legend .powder{background:#9d3729}.siege-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.siege-actions button{color:#693a2e;background:#ead9bb;border:1px solid #b79a72;border-radius:9px;justify-content:center;align-items:center;gap:7px;display:flex}.siege-actions svg{width:17px}.siege-progress{gap:9px;margin:20px 0;display:flex}.siege-progress span{color:#8a785f;border:1px solid #baa482;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.siege-progress .current{color:#fff;background:#8d4936;border-color:#8d4936}.siege-progress .done{color:#fff;background:#74824a;border-color:#74824a}.siege-panel details{border-top:1px solid #dac19b;padding-top:17px}.siege-panel summary{color:#66382d;cursor:pointer;font-weight:800}.siege-panel details p,.siege-footnote{color:#716652;font-size:13px;line-height:1.8}.siege-footnote{border-top:1px dashed #ceb18a;padding-top:13px}.siege-batch{position:absolute;left:-10000px}.siege-game.game-focus .siege-heading,.siege-game.game-focus .siege-panel{display:none}.siege-game.game-focus .siege-layout{max-width:680px;margin:auto;display:block}@keyframes siege-pop{0%{filter:brightness(2);transform:scale(.8)}60%{transform:scale(1.12)}to{filter:none;transform:none}}@keyframes siege-pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@media (max-width:820px){.siege-layout{grid-template-columns:1fr}.siege-panel,.siege-stage{width:100%;max-width:650px;margin:auto}.siege-heading{align-items:start}.siege-heading>p{max-width:330px}}@media (max-width:520px){.siege-header{padding:14px 16px}.siege-main{padding:4px 10px 28px}.siege-heading{margin-bottom:14px;display:block}.siege-heading h1{font-size:34px}.siege-heading>p{margin-top:8px;font-size:14px}.siege-yard{padding:14px 7px 8px}.siege-grid{border-width:6px;gap:3px;padding:5px}.siege-hud{gap:2px;padding:12px 4px}.siege-hud strong{font-size:19px}.siege-panel{padding:19px}.siege-overlay{padding:18px}.siege-overlay h2{font-size:25px}.siege-upgrades{grid-template-columns:1fr}.siege-upgrades button{text-align:left;grid-template-columns:28px 1fr;display:grid}.siege-upgrades button small{grid-column:2}.siege-pad button{width:44px}.siege-pad .fire{width:auto}}@media (max-width:360px){.siege-heading h1{font-size:30px}.siege-header>span{font-size:11px}.siege-grid{border-width:4px}.siege-hud small{font-size:10px}.siege-hud strong{font-size:17px}.siege-panel{padding:15px}.siege-cell{border-radius:4px}.siege-pad{gap:4px}.siege-pad button{width:40px}.siege-pad .fire{width:auto;padding:0 9px}}@media (prefers-reduced-motion:reduce){.siege-cell.chain,.siege-cell.selected:after{animation:none}}
