:root{color-scheme:dark;--cream:#f9edcf;--gold:#d4b571;--muted:#9dafa9;--green:#6eebbb}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#061613;color:var(--cream);font:15px Arial,sans-serif;background-image:radial-gradient(ellipse at top,#164b3e,transparent 60%)}button,a,select{touch-action:manipulation}button,a.btn{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #7cfad0;outline-offset:4px}header{padding:22px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;gap:20px}.brand{font:20px Georgia;letter-spacing:2px;color:var(--cream);text-decoration:none}nav{display:flex;gap:8px}.nav,.textbutton{border:0;background:none;color:var(--muted);padding:12px;font:inherit}.nav.active{color:var(--cream);border-bottom:2px solid var(--green)}.preview,.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green)}main{max-width:1280px;margin:auto;padding:36px 24px}h1,h2{font-family:Georgia;font-weight:normal}h1{font-size:clamp(30px,4vw,54px);margin:14px 0}h1 em{color:var(--green)}p{line-height:1.6;color:var(--muted)}.intro{text-align:center}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.products article{position:relative;padding:24px;border:1px solid #3a5649;border-radius:16px;background:#0b211bd9}.products h2{font-size:30px;margin:12px 0}.featured{border-color:var(--gold)!important}.ribbon{position:absolute;top:12px;right:12px;background:var(--gold);color:#16251c;padding:6px 10px;font-size:10px;letter-spacing:1px}.productart{height:340px;margin:-10px -10px 20px;display:grid;place-items:center}.productart img{width:100%;height:100%;object-fit:contain;border-radius:12px}.badges{display:flex;gap:8px;margin:20px 0}.badges span{border:1px solid #486358;padding:6px 10px;border-radius:20px;font-size:11px}.btn{display:inline-block;text-decoration:none;background:var(--green);color:#062419;border:1px solid var(--green);padding:12px 18px;border-radius:8px;font-weight:bold;font-size:14px}.secondary{background:#102c24;border-color:#506b5d;color:var(--cream)}.note{margin:30px 0;padding:24px;border-top:1px solid #446052}.arenahead{display:flex;align-items:center;justify-content:space-between;gap:20px}.arenahead h1{font-size:36px}.options{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.options label{font-size:11px;color:var(--muted)}select{display:block;margin-top:7px;padding:10px;background:#10291f;border:1px solid #526455;color:var(--cream);border-radius:6px}.scoreboard{display:grid;grid-template-columns:1fr 180px 1fr;gap:16px;align-items:center;background:#0a201b;border:1px solid #4d6150;padding:24px;border-radius:12px;margin:24px 0}.scoreboard>div:last-child{text-align:right}.scoreboard span,.scoreboard small{display:block;font-size:11px;color:var(--muted)}.scoreboard strong{font:36px Georgia;display:block;margin:8px 0}.scoreboard strong small{display:inline;font-size:14px;color:var(--gold)}.turn{text-align:center}.turn b{display:block;margin:8px}.message{padding:16px;color:#beefda;background:#143429;border-radius:8px;margin-bottom:16px;min-height:50px}.board{padding:25px;border:2px solid #a88c4f;border-radius:20px;background:radial-gradient(ellipse,#195d47aa,#061f1ce8),repeating-linear-gradient(45deg,transparent 0 35px,#efd58d08 36px 37px);box-shadow:inset 0 0 60px #0009}.boardlabel{display:flex;justify-content:space-between;color:var(--gold);font-size:11px;letter-spacing:2px;margin:8px 0 16px}.boardlabel small{letter-spacing:0;color:var(--muted)}.field{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.slot{min-width:0;position:relative}.wolf{position:relative;width:100%;aspect-ratio:5/7;border:1px solid #8b875b;background:#082b23;border-radius:10px;overflow:hidden;padding:0;color:#99ac9c}.wolf img{width:100%;height:100%;object-fit:fill}.wolf.selected{outline:3px solid var(--green);outline-offset:3px}.wolf.target{outline:3px solid #ffbc61;box-shadow:0 0 25px #ffc35b50}.hp{position:absolute;bottom:0;left:0;width:100%;background:#03180fe8;padding:8px;font-size:12px;color:#fff}.hp i{display:block;height:3px;background:#67edb1;margin-top:5px}.inspectbutton{position:absolute;right:5px;top:5px;background:#082b23db;border:1px solid #c9b47b;color:#fff;border-radius:30px;padding:5px 8px}.gemrow{min-height:52px;border:1px solid #6b79534d;background:#061912b5;margin-top:8px;border-radius:7px;display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:center;font-size:11px;padding:5px;color:var(--muted)}.gem{padding:4px 6px;color:var(--cream);background:#ffffff0c;border-radius:4px}.midline{display:flex;align-items:center;justify-content:center;gap:24px;padding:24px;color:#d7bc77;font:11px Georgia;letter-spacing:4px}.actionpanel{background:#10291f;border:1px solid #50604e;border-radius:10px;padding:18px;margin:20px 0}.actionpanel h3{margin:0 0 14px;font:23px Georgia}.moves{display:flex;gap:10px;flex-wrap:wrap}.move{color:var(--cream);border:1px solid #698668;background:#193b2c;padding:12px;text-align:left;border-radius:7px}.move b,.move small{display:block;margin:4px 0}.move small{color:var(--muted)}.handhead{display:flex;justify-content:space-between;align-items:center}.handhead h2{margin:0}.hint{font-size:12px}.hand{display:flex;overflow:auto;gap:12px;padding:10px 4px 20px}.handcard{flex:0 0 120px;background:#0e2a20;border:1px solid #465f49;border-radius:7px;padding:5px;color:var(--cream);font-size:11px}.handcard img{width:100%;border-radius:4px}.handcard.selected{outline:3px solid var(--green)}.handcard span{display:block;padding:6px 0}.log{padding:18px;background:#0b211b;border-radius:10px;margin-top:10px}.log li{margin:10px 0;color:var(--muted);font-size:13px}.outcome{padding:20px;background:var(--gold);color:#16271c;font:26px Georgia;margin:15px 0;border-radius:10px}.targetvault{background:#b88036;color:#fff;border:0;border-radius:5px;padding:8px}.struck{animation:strike .6s}.damage{position:absolute;top:40%;left:25%;color:#fff;font:bold 36px Georgia;text-shadow:0 0 8px red;pointer-events:none;animation:float 1s forwards}@keyframes strike{25%{transform:translateX(-7px);filter:brightness(2)}65%{transform:translateX(7px)}}@keyframes float{to{transform:translateY(-70px);opacity:0}}dialog{color:var(--cream);background:#0a231b;border:1px solid var(--gold);border-radius:14px;padding:20px;max-width:min(600px,95vw);max-height:95vh}dialog::backdrop{background:#000c}dialog img{max-width:100%;max-height:78vh;display:block;margin:auto}dialog li{margin:15px 0;line-height:1.5}dialog button{margin-top:12px}footer{text-align:center;padding:30px;color:var(--muted);font-size:11px}@media(max-width:700px){header{flex-wrap:wrap;gap:12px}.preview{display:none}.brand{font-size:17px}main{padding:24px 12px}.products{grid-template-columns:1fr}.productart{height:300px}.arenahead{display:block}.options{margin-top:18px}.scoreboard{padding:12px;grid-template-columns:1fr 105px 1fr;gap:8px}.scoreboard strong{font-size:26px}.scoreboard span{font-size:9px}.scoreboard small{font-size:9px}.turn .btn{font-size:12px;padding:10px}.board{padding:10px;border-radius:12px}.field{gap:7px}.hp{font-size:9px;padding:3px}.inspectbutton{padding:3px 5px;font-size:10px}.gemrow{font-size:8px;min-height:48px}.gem{padding:3px}.midline{font-size:8px;letter-spacing:2px;padding:20px 0}.boardlabel{font-size:9px;letter-spacing:1px}.boardlabel small{font-size:9px}.moves{display:grid;grid-template-columns:1fr}.handcard{flex-basis:100px}.wolf{border-radius:5px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
.wolf{height:clamp(110px,17vw,220px);aspect-ratio:auto}.wolf img{object-fit:contain}.slot{max-width:240px}.hp{background:#03180ff2}
.productart{overflow:hidden;display:block}.productart img{display:block;height:340px;max-height:100%;width:100%;object-fit:contain}@media(max-width:700px){.productart img{height:300px}}
.digitalnotice{text-align:center;padding:12px 16px;background:#122e25;color:#cfdfd5;font-size:12px;line-height:1.5}.digitalnotice strong{color:#f8df99;letter-spacing:1px}.taphint{position:absolute;top:4px;left:50%;transform:translateX(-50%);padding:3px 6px;border-radius:3px;background:#051c18d9;color:#f4e9c9;font-size:9px;white-space:nowrap;pointer-events:none}.handcard{touch-action:none;user-select:none;-webkit-user-select:none}.handcard img{pointer-events:none;-webkit-user-drag:none}.dragghost{position:fixed;width:85px;z-index:1000;pointer-events:none;transform:translate(-50%,-85%) rotate(-5deg);border-radius:6px;box-shadow:0 10px 35px #0009;opacity:.9}.dropready .wolf{outline:2px dashed #7ce5b0;outline-offset:3px}.dropover .wolf{outline:3px solid #fff4b1;background:#307656;box-shadow:0 0 20px #7ce5b070}.dragging{cursor:grabbing}#inspect{max-width:min(640px,95vw)}#inspectimg{max-height:60vh}#inspectdetail h3{font:22px Georgia}#inspectdetail .moves{display:grid;grid-template-columns:1fr}#inspectdetail p{font-size:12px}.products article>p{min-height:76px}