/* Capt. Whiskers' Arrow Deck 1.0.0 (SCDO Laboratory) */
*{box-sizing:border-box}
html,body{margin:0;background:#0e2436;color:#fff4dc;font:15px/1.4 system-ui,-apple-system,"Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif;-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer}
#game{--top:36px;min-height:calc(100vh - var(--top));min-height:calc(100dvh - var(--top));display:flex;flex-direction:column;align-items:center;padding:6px 8px 8px;gap:6px;max-width:560px;margin:0 auto;position:relative}
#hd{width:100%}
#hd .r1{display:flex;align-items:center;gap:8px}
#cap{width:26px;height:26px;flex:none}#cap svg{width:100%;height:100%}
#hd h1{font:700 17px/1.2 Georgia,"Times New Roman",serif;color:#ffd166;margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seg{display:inline-flex;border:1px solid #3a6386;border-radius:9px;overflow:hidden;flex:none}
.seg button{background:#16324b;border:0;padding:5px 10px;font-size:13px}
.seg button[aria-pressed=true]{background:#ffd166;color:#1d1d1f;font-weight:700}
#hd .r2{display:flex;align-items:center;justify-content:space-between;margin-top:6px;gap:8px}
#lvl{font:700 18px/1.1 Georgia,serif;color:#fff4dc;white-space:nowrap}
#left{font-size:12.5px;color:#9fd3ff;white-space:nowrap}
#hearts{font-size:18px;letter-spacing:2px;white-space:nowrap}
#hearts .off{filter:grayscale(1);opacity:.35}
#rule{margin:0;font-size:12.5px;color:#cfe6ff;text-align:center;line-height:1.3}
#bdw{flex:1;width:100%;display:flex;align-items:center;justify-content:center;min-height:0}
#bd{position:relative;width:min(100%,calc(100dvh - var(--top) - 178px),520px);aspect-ratio:1;border:4px solid #3b2a14;border-radius:10px;overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none;
 background:linear-gradient(#b98549 93%,#8a5d2c 93%) 0 0/100% 25% repeat,#b98549;box-shadow:inset 0 0 0 2px #d9a66a,0 4px 14px rgba(0,0,0,.45)}
@supports not (height:100dvh){#bd{width:min(100%,calc(100vh - var(--top) - 178px),520px)}}
.a{position:absolute;border:0;padding:0;background:none;display:flex;align-items:center;justify-content:center;transition:transform .42s cubic-bezier(.5,0,.9,.5),opacity .42s}
.a svg{width:86%;height:86%;filter:drop-shadow(0 1.5px 1px rgba(0,0,0,.4));transition:transform .15s}
.a.go{opacity:0;pointer-events:none}
.a.bump svg{animation:bp .32s}
.a.blk::after{content:"";position:absolute;inset:3%;border:2.5px solid #e2574c;border-radius:6px}
.a.hint::after{content:"";position:absolute;inset:3%;border:3px dashed #fff;border-radius:6px;animation:pu 1s infinite}
.a:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.w{position:absolute;display:flex;align-items:center;justify-content:center}
.w svg{width:80%;height:80%}
@keyframes bp{0%,100%{transform:none}35%{transform:translate(var(--bx),var(--by))}}
@keyframes pu{50%{opacity:.35}}
#tl{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}
#tl .main{background:#ffd166;color:#1d1d1f;border:0;border-radius:12px;padding:9px 30px;font-weight:800;font-size:16px;min-width:56%;box-shadow:0 3px 0 #b8892a}
#tl .main:active{transform:translateY(2px);box-shadow:0 1px 0 #b8892a}
.lk{display:flex;gap:16px}
.link{background:none;border:0;padding:3px 2px;font-size:13px;color:#9fd3ff;text-decoration:underline;text-underline-offset:2px}
.ov{position:absolute;inset:0;background:rgba(8,23,35,.86);display:flex;align-items:center;justify-content:center;z-index:5;padding:16px}
.ov[hidden]{display:none}
.ov .box{background:#123049;border:2px solid #ffd166;border-radius:14px;padding:16px;max-width:330px;width:100%;text-align:center}
.ov h2{margin:4px 0 6px;color:#ffd166;font:700 21px Georgia,serif}
.ov p{margin:6px 0}
.ov ol{text-align:left;margin:6px 0;padding-left:20px;font-size:14px}
.ov .big{display:block;width:100%;background:#ffd166;color:#1d1d1f;border:0;border-radius:11px;padding:11px 12px;font-weight:800;font-size:17px;margin-top:12px;box-shadow:0 3px 0 #b8892a}
.ov .row{display:flex;gap:16px;justify-content:center;margin-top:8px}
#toast{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);background:#081723;border:1px solid #ffd166;border-radius:10px;padding:7px 12px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90%;text-align:center;z-index:6}
#toast.on{opacity:1}
#below{max-width:560px;margin:0 auto;padding:4px 14px 10px}
#below .how{background:#123049;border-radius:12px;padding:10px 12px;font-size:14px}
#below ol{margin:6px 0 0;padding-left:20px}
#below footer{font-size:12px;color:#9fb8cc;text-align:center;margin-top:10px}
#below a{color:#9fd3ff}
@media (min-width:900px){#hd h1{font-size:20px}#bd{width:min(100%,calc(100dvh - var(--top) - 190px),560px)}}