:root{
  --ink:#1e1e24;--pencil:#6b6b78;--faint:#b9b6c4;--paper:#fbf7ec;--line:#c9dcf0;--margin:#f2a0a0;
  --hi:#ffe45c;--pinkL:#ffc0d3;--pink:#ff8fb1;--blueL:#bfe1ff;--blue:#7cc3ff;
  --red:#e0457b;--green:#2e9e5b;--orange:#e98a15;
  --good:#9be7a5;--sun:#ffe45c;--hot:#ffc68a;--bad:#ff9fa8;
  --hand:"Kalam",cursive;
  --r1:255px 15px 225px 15px/15px 225px 15px 255px;
  --r2:15px 255px 15px 225px/225px 15px 255px 15px;
  --r3:20px 8px 24px 6px/8px 22px 6px 26px;
}
*{box-sizing:border-box}
html,body{margin:0}
body{color:var(--ink);font-family:var(--hand);font-weight:700;min-height:100vh;user-select:none;-webkit-user-select:none;
  background-color:var(--paper);
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .29 0 0 0 0 .18 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23g)'/%3E%3C/svg%3E"),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0045' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .62 0 0 0 0 .5 0 0 0 0 .28 0 0 0 .5 -.2'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23b)'/%3E%3C/svg%3E"),linear-gradient(90deg,transparent 64px,#ef9a9acc 64px,#ef9a9acc 66px,transparent 66px,transparent 69px,#f4b4b466 69px,#f4b4b466 70px,transparent 70px),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='288'%3E%3Cpath d='M0 35.18 Q86 35.09 172 35.72' stroke='%23a3c0e2' stroke-opacity='0.92' stroke-width='1.04' fill='none'/%3E%3Cpath d='M172 35.18 Q292 35.07 411 35.45' stroke='%23a3c0e2' stroke-opacity='0.48' stroke-width='1.08' fill='none'/%3E%3Cpath d='M411 35.55 Q468 35.63 524 35.81' stroke='%23a3c0e2' stroke-opacity='0.73' stroke-width='0.92' fill='none'/%3E%3Cpath d='M524 35.43 Q644 35.05 763 35.83' stroke='%23a3c0e2' stroke-opacity='0.92' stroke-width='1.10' fill='none'/%3E%3Cpath d='M763 35.23 Q825 35.82 887 35.37' stroke='%23a3c0e2' stroke-opacity='0.59' stroke-width='0.95' fill='none'/%3E%3Cpath d='M887 35.28 Q955 35.71 1023 35.22' stroke='%23a3c0e2' stroke-opacity='0.50' stroke-width='1.10' fill='none'/%3E%3Cpath d='M1023 35.63 Q1112 35.31 1200 35.45' stroke='%23a3c0e2' stroke-opacity='0.48' stroke-width='0.97' fill='none'/%3E%3Cpath d='M0 71.32 Q120 71.78 239 71.28' stroke='%23a3c0e2' stroke-opacity='0.91' stroke-width='1.03' fill='none'/%3E%3Cpath d='M239 71.76 Q294 71.29 349 71.66' stroke='%23a3c0e2' stroke-opacity='0.74' stroke-width='1.08' fill='none'/%3E%3Cpath d='M349 71.68 Q403 71.49 457 71.26' stroke='%23a3c0e2' stroke-opacity='0.51' stroke-width='1.05' fill='none'/%3E%3Cpath d='M457 71.54 Q507 71.82 557 71.70' stroke='%23a3c0e2' stroke-opacity='0.93' stroke-width='0.93' fill='none'/%3E%3Cpath d='M557 71.56 Q646 71.84 734 71.47' stroke='%23a3c0e2' stroke-opacity='0.80' stroke-width='1.11' fill='none'/%3E%3Cpath d='M734 71.19 Q814 71.65 893 71.64' stroke='%23a3c0e2' stroke-opacity='0.69' stroke-width='1.13' fill='none'/%3E%3Cpath d='M893 71.62 Q995 71.46 1097 71.17' stroke='%23a3c0e2' stroke-opacity='0.59' stroke-width='1.04' fill='none'/%3E%3Cpath d='M1097 71.30 Q1148 71.74 1200 71.35' stroke='%23a3c0e2' stroke-opacity='0.76' stroke-width='1.07' fill='none'/%3E%3Cpath d='M0 107.21 Q96 107.55 191 107.46' stroke='%23a3c0e2' stroke-opacity='0.65' stroke-width='1.20' fill='none'/%3E%3Cpath d='M191 107.34 Q254 107.36 316 107.44' stroke='%23a3c0e2' stroke-opacity='0.86' stroke-width='1.20' fill='none'/%3E%3Cpath d='M316 107.27 Q410 107.23 503 107.31' stroke='%23a3c0e2' stroke-opacity='0.93' stroke-width='0.95' fill='none'/%3E%3Cpath d='M503 107.35 Q610 107.53 717 107.25' stroke='%23a3c0e2' stroke-opacity='0.87' stroke-width='0.96' fill='none'/%3E%3Cpath d='M717 107.63 Q840 107.62 963 107.51' stroke='%23a3c0e2' stroke-opacity='0.73' stroke-width='1.23' fill='none'/%3E%3Cpath d='M963 107.82 Q1014 107.56 1066 107.63' stroke='%23a3c0e2' stroke-opacity='0.68' stroke-width='1.20' fill='none'/%3E%3Cpath d='M1066 107.59 Q1133 107.07 1200 107.19' stroke='%23a3c0e2' stroke-opacity='0.65' stroke-width='0.94' fill='none'/%3E%3Cpath d='M0 143.57 Q72 143.57 143 143.22' stroke='%23a3c0e2' stroke-opacity='0.67' stroke-width='0.94' fill='none'/%3E%3Cpath d='M143 143.17 Q256 143.61 370 143.76' stroke='%23a3c0e2' stroke-opacity='0.50' stroke-width='1.03' fill='none'/%3E%3Cpath d='M370 143.57 Q434 143.12 498 143.48' stroke='%23a3c0e2' stroke-opacity='0.77' stroke-width='1.23' fill='none'/%3E%3Cpath d='M498 143.49 Q605 143.10 712 143.21' stroke='%23a3c0e2' stroke-opacity='0.95' stroke-width='1.06' fill='none'/%3E%3Cpath d='M712 143.63 Q800 143.21 889 143.51' stroke='%23a3c0e2' stroke-opacity='0.82' stroke-width='1.07' fill='none'/%3E%3Cpath d='M889 143.79 Q1002 143.30 1114 143.68' stroke='%23a3c0e2' stroke-opacity='0.63' stroke-width='1.14' fill='none'/%3E%3Cpath d='M1114 143.33 Q1157 143.17 1200 143.41' stroke='%23a3c0e2' stroke-opacity='0.88' stroke-width='1.14' fill='none'/%3E%3Cpath d='M0 179.38 Q74 179.81 147 179.31' stroke='%23a3c0e2' stroke-opacity='0.72' stroke-width='1.17' fill='none'/%3E%3Cpath d='M147 179.67 Q216 179.52 286 179.31' stroke='%23a3c0e2' stroke-opacity='0.85' stroke-width='1.19' fill='none'/%3E%3Cpath d='M286 179.70 Q376 179.19 467 179.48' stroke='%23a3c0e2' stroke-opacity='0.82' stroke-width='1.25' fill='none'/%3E%3Cpath d='M467 179.81 Q589 179.96 711 179.84' stroke='%23a3c0e2' stroke-opacity='0.93' stroke-width='1.06' fill='none'/%3E%3Cpath d='M711 179.48 Q802 179.48 894 179.39' stroke='%23a3c0e2' stroke-opacity='0.49' stroke-width='0.94' fill='none'/%3E%3Cpath d='M894 179.61 Q1017 179.08 1140 179.71' stroke='%23a3c0e2' stroke-opacity='0.87' stroke-width='1.07' fill='none'/%3E%3Cpath d='M1140 179.65 Q1170 179.89 1200 179.29' stroke='%23a3c0e2' stroke-opacity='0.51' stroke-width='1.04' fill='none'/%3E%3Cpath d='M0 215.71 Q100 215.40 201 215.83' stroke='%23a3c0e2' stroke-opacity='0.84' stroke-width='1.02' fill='none'/%3E%3Cpath d='M201 215.26 Q297 215.03 393 215.85' stroke='%23a3c0e2' stroke-opacity='0.82' stroke-width='0.93' fill='none'/%3E%3Cpath d='M393 215.25 Q514 215.98 634 215.73' stroke='%23a3c0e2' stroke-opacity='0.90' stroke-width='1.18' fill='none'/%3E%3Cpath d='M634 215.53 Q763 215.80 892 215.16' stroke='%23a3c0e2' stroke-opacity='0.92' stroke-width='0.95' fill='none'/%3E%3Cpath d='M892 215.25 Q1020 215.19 1148 215.84' stroke='%23a3c0e2' stroke-opacity='0.50' stroke-width='1.16' fill='none'/%3E%3Cpath d='M1148 215.50 Q1174 215.33 1200 215.68' stroke='%23a3c0e2' stroke-opacity='0.46' stroke-width='0.97' fill='none'/%3E%3Cpath d='M0 251.79 Q114 251.46 229 251.40' stroke='%23a3c0e2' stroke-opacity='0.66' stroke-width='0.95' fill='none'/%3E%3Cpath d='M229 251.73 Q348 251.13 468 251.76' stroke='%23a3c0e2' stroke-opacity='0.86' stroke-width='1.08' fill='none'/%3E%3Cpath d='M468 251.46 Q532 251.00 596 251.28' stroke='%23a3c0e2' stroke-opacity='0.71' stroke-width='0.91' fill='none'/%3E%3Cpath d='M596 251.66 Q660 251.33 724 251.54' stroke='%23a3c0e2' stroke-opacity='0.54' stroke-width='1.07' fill='none'/%3E%3Cpath d='M724 251.69 Q835 251.06 946 251.77' stroke='%23a3c0e2' stroke-opacity='0.72' stroke-width='1.07' fill='none'/%3E%3Cpath d='M946 251.51 Q1015 251.76 1084 251.54' stroke='%23a3c0e2' stroke-opacity='0.59' stroke-width='1.17' fill='none'/%3E%3Cpath d='M1084 251.50 Q1137 251.69 1190 251.51' stroke='%23a3c0e2' stroke-opacity='0.67' stroke-width='1.11' fill='none'/%3E%3Cpath d='M1190 251.51 Q1195 251.52 1200 251.32' stroke='%23a3c0e2' stroke-opacity='0.70' stroke-width='1.18' fill='none'/%3E%3Cpath d='M0 287.29 Q78 287.42 156 287.46' stroke='%23a3c0e2' stroke-opacity='0.91' stroke-width='1.21' fill='none'/%3E%3Cpath d='M156 287.32 Q251 287.67 346 287.20' stroke='%23a3c0e2' stroke-opacity='0.67' stroke-width='0.93' fill='none'/%3E%3Cpath d='M346 287.65 Q406 287.14 467 287.61' stroke='%23a3c0e2' stroke-opacity='0.90' stroke-width='0.95' fill='none'/%3E%3Cpath d='M467 287.82 Q530 287.49 592 287.43' stroke='%23a3c0e2' stroke-opacity='0.93' stroke-width='0.98' fill='none'/%3E%3Cpath d='M592 287.45 Q722 287.34 852 287.51' stroke='%23a3c0e2' stroke-opacity='0.87' stroke-width='0.96' fill='none'/%3E%3Cpath d='M852 287.41 Q922 287.46 992 287.39' stroke='%23a3c0e2' stroke-opacity='0.63' stroke-width='0.93' fill='none'/%3E%3Cpath d='M992 287.36 Q1039 287.11 1086 287.82' stroke='%23a3c0e2' stroke-opacity='0.64' stroke-width='1.08' fill='none'/%3E%3Cpath d='M1086 287.34 Q1143 287.78 1200 287.18' stroke='%23a3c0e2' stroke-opacity='0.94' stroke-width='0.94' fill='none'/%3E%3C/svg%3E");
  background-attachment:local}
button{font-family:inherit;color:inherit}
[hidden]{display:none!important}
.filters{position:absolute;width:0;height:0}

/* ---------- header ---------- */
.top{position:relative;z-index:50}
.top .inner{max-width:1360px;margin:0 auto;padding:18px 28px 6px 92px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:18px;text-decoration:none;color:var(--ink)}
.logo{font-size:62px;line-height:1;padding:0 12px;background:linear-gradient(transparent 52%,var(--hi) 52%,var(--hi) 86%,transparent 86%);transform:rotate(-2deg);display:inline-block}
.logo i{font-style:normal}
.claim{font-weight:400;font-size:19px;color:var(--pencil);transform:rotate(-1deg);max-width:170px;line-height:1.1}
nav{display:flex;gap:10px}
nav button{position:relative;z-index:0;font-weight:700;font-size:22px;border:0;background:none;padding:2px 14px;cursor:pointer}
nav button::before{content:"";position:absolute;inset:0;z-index:-1;border:3px solid transparent;border-radius:var(--r1);filter:url(#wob)}
nav button:hover::before{border-color:var(--faint)}
nav button.on::before{border-color:var(--ink);background:#fff}
nav button span,nav button small{position:relative}
nav button small{font-size:16px;color:var(--pencil);margin-left:4px}

.page{max-width:1360px;margin:0 auto;padding:10px 28px 10px 92px}

/* ---------- board ---------- */
.game{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:36px;align-items:start}
.board{position:relative;min-width:0}
.meta{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.issue b{font-size:40px;display:block;line-height:1}
.issue span{font-weight:400;font-size:18px;color:var(--pencil);display:block}
.track{display:flex;gap:10px}
.track i{--c:transparent;position:relative;width:36px;height:36px;display:grid;place-items:center;font-size:18px;font-style:normal}
.track i::before{content:"";position:absolute;inset:0;border:3px solid var(--ink);border-radius:50% 44% 52% 47%/48% 53% 45% 50%;background:var(--c);filter:url(#wob);z-index:-1}
.track i{z-index:0}
.track i.now{--c:var(--hi);animation:wiggle 1.2s ease-in-out infinite}
.track i.done::after{content:"✓";position:absolute;right:-8px;top:-12px;font-size:18px;color:var(--green);transform:rotate(10deg)}
@keyframes wiggle{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}
.pts{font-weight:400;font-size:20px;color:var(--pencil);text-align:right}
.pts b{font-weight:700;font-size:46px;color:var(--ink);margin-right:2px}

#stageWrap{position:relative;width:100%;margin-top:4px;z-index:2}
#stage{position:absolute;width:680px;height:440px;transform-origin:0 0}
.ground{position:absolute;left:40px;top:410px;overflow:visible;filter:url(#wob)}
.ground path{fill:none;stroke:var(--ink);stroke-width:3.5;stroke-linecap:round}
.post{position:absolute;left:336px;top:91px;width:8px;height:260px;background:var(--ink);border-radius:4px;filter:url(#wob)}
.base{position:absolute;left:225px;top:344px;width:230px;height:72px;padding:8px 12px}
.base::before{content:"";position:absolute;inset:0;background:#fff;border:3.5px solid var(--ink);border-radius:var(--r3);filter:url(#wob);box-shadow:5px 6px 0 #1e1e2422}
.lcd{position:relative;height:100%;display:flex;align-items:center;justify-content:center;font:700 36px var(--hand);color:var(--ink);letter-spacing:1px}
.foot{display:none}
.knob{position:absolute;left:322px;top:73px;width:36px;height:36px;border-radius:50%;background:var(--hi);border:3.5px solid var(--ink);z-index:3;filter:url(#wob)}
#lock{position:absolute;left:292px;top:122px;width:96px;text-align:center;font:700 18px var(--hand);background:#ffe45ccc;color:var(--ink);padding:0 0 2px;z-index:3;transform:rotate(-5deg);box-shadow:0 2px 0 #0000000f;transition:opacity .35s,transform .45s cubic-bezier(.3,1.4,.5,1);transform-origin:left center}
#lock::before,#lock::after{content:"";position:absolute;top:0;bottom:0;width:6px;background:repeating-linear-gradient(#ffe45ccc 0 4px,transparent 4px 7px)}
#lock::before{left:-5px}#lock::after{right:-5px}
#lock.off{opacity:0;transform:rotate(-40deg) translate(20px,-30px)}
#beam{position:absolute;left:130px;top:86px;width:420px;height:10px;background:var(--ink);border-radius:5px;z-index:2}
#beam::before,#beam::after{content:"";position:absolute;top:-6px;width:16px;height:16px;border-radius:50%;background:#fff;border:3.5px solid var(--ink);box-sizing:border-box}
#beam::before{left:-6px}#beam::after{right:-6px}
.beamwrap{filter:url(#wob)}
.pan{position:absolute;width:230px;height:230px;z-index:1}
.pan svg{position:absolute;left:0;top:0;overflow:visible;filter:url(#wob)}
.pan line{stroke:var(--ink);stroke-width:3.5;stroke-linecap:round}
.bowl{position:absolute;left:0;top:162px;width:230px;height:36px;border:3.5px solid var(--ink);border-radius:0 0 115px 115px/0 0 36px 36px;filter:url(#wob);transition:transform .2s}
#panL .bowl{background:repeating-linear-gradient(-40deg,transparent 0 8px,#1e1e2455 8px 9.5px),var(--pinkL)}
#panR .bowl{background:repeating-linear-gradient(-40deg,transparent 0 8px,#1e1e2455 8px 9.5px),var(--blueL)}
.pan.hover .bowl,body:not(.revealed) .pan:hover .bowl{transform:scale(1.05) rotate(-1deg)}
body:not(.revealed) .pan{cursor:pointer}
.contents{position:absolute;left:10px;width:210px;bottom:70px;height:150px;display:flex;flex-wrap:wrap-reverse;align-content:flex-start;justify-content:center;gap:4px}
.ptotal{position:absolute;left:0;width:230px;top:204px;text-align:center;font-weight:400;font-size:20px;color:var(--pencil)}
.ptotal b{display:block;font-weight:700;font-size:34px;line-height:1.05;color:var(--ink);padding:0 8px;width:max-content;margin:0 auto;animation:write .5s steps(8) both}
#panL .ptotal b{background:linear-gradient(transparent 55%,var(--pinkL) 55%,var(--pinkL) 90%,transparent 90%)}
#panR .ptotal b{background:linear-gradient(transparent 55%,var(--blueL) 55%,var(--blueL) 90%,transparent 90%)}
@keyframes write{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}

/* ---------- item cards ---------- */
.chip{--r:0deg;position:relative;width:112px;padding:12px 8px 10px;background:#fff;border:3px solid var(--ink);border-radius:var(--r3);box-shadow:4px 5px 0 #1e1e2420;text-align:center;transform:rotate(var(--r))}
.chip .em{font-size:44px;line-height:1.05}
.chip .cnt{display:none}
.chip .nm{font-size:17px;line-height:1.05;margin-top:4px;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}
.chip .wt{display:none;margin-top:4px;font-size:16px;color:var(--red);transform:rotate(-4deg)}
.revealed .chip .wt{display:block;animation:write .4s steps(6) both}
.chip.small{width:66px;padding:4px 3px 4px;border-width:2.5px;box-shadow:2px 3px 0 #1e1e2420}
.chip.small .em{font-size:24px}
.chip.small .nm{font-size:12px;margin-top:0;max-height:26px;overflow:hidden}
.chip.small .wt{font-size:12px;margin-top:0}
.chip.landed{animation:land .4s cubic-bezier(.3,1.5,.5,1)}
@keyframes land{0%{transform:translateY(-70px) rotate(25deg);opacity:0}70%{transform:translateY(3px) rotate(calc(var(--r) - 3deg))}}

/* ---------- side panel ---------- */
.panel{position:relative;padding:26px 28px;min-height:570px;display:flex;flex-direction:column;z-index:1}
.panel::before{content:"";position:absolute;inset:0;background:#fff;border:3.5px solid var(--ink);border-radius:var(--r1);box-shadow:7px 9px 0 #1e1e2418;filter:url(#wob);z-index:-1}
.panel.shake{animation:flutter .5s ease-in-out}
@keyframes flutter{25%{transform:rotate(-1.2deg)}55%{transform:rotate(.8deg)}80%{transform:rotate(-.3deg)}}
.pHead{display:flex;justify-content:space-between;align-items:baseline;font-weight:400;font-size:19px;color:var(--pencil)}
.pHead b{color:var(--ink);font-weight:700}
.curSlot{display:flex;justify-content:center;padding:34px 0 30px}
.curSlot .chip{width:190px;padding:22px 10px 16px;animation:slap .45s cubic-bezier(.2,1.5,.4,1) both}
.curSlot .chip::before{content:"";position:absolute;top:-15px;left:50%;width:96px;height:28px;margin-left:-48px;background:#ffe45cb3;transform:rotate(-4deg);animation:tape .25s .35s ease-out both;transform-origin:left}
.curSlot .chip .em{font-size:78px}
.curSlot .chip .nm{font-size:32px}
@keyframes slap{0%{transform:translate(40px,-40px) rotate(18deg) scale(1.25);opacity:0}65%{transform:rotate(calc(var(--r) - 2deg)) scale(.97)}}
@keyframes tape{from{transform:rotate(-4deg) scaleX(0)}to{transform:rotate(-4deg) scaleX(1)}}
.choose{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.side{position:relative;font:700 32px var(--hand);border:0;background:none;padding:16px 6px 10px;cursor:pointer;z-index:0;transition:transform .1s}
.side::before{content:"";position:absolute;inset:0;border:3.5px solid var(--ink);border-radius:var(--r1);filter:url(#wob);z-index:-1;box-shadow:4px 5px 0 #1e1e2430;transition:box-shadow .1s}
#goL::before{background:var(--pinkL)}
#goR::before{background:var(--blueL);border-radius:var(--r2)}
.side:hover{transform:rotate(-1.5deg) scale(1.03)}
#goR:hover{transform:rotate(1.5deg) scale(1.03)}
.side:active{transform:translate(3px,4px)}
.side:active::before{box-shadow:0 0 0 #0000}
kbd{display:inline-block;font:700 15px var(--hand);color:var(--ink);padding:0 7px;border:2px solid var(--ink);border-radius:var(--r3);background:#fff;line-height:20px}
.side kbd{display:block;width:max-content;margin:4px auto 0;background:#ffffffaa}
.next{margin-top:30px}
.next h4{margin:0 0 6px;font-weight:700;font-size:22px;text-decoration:underline wavy var(--red);text-underline-offset:5px}
.next ul{margin:0;padding:0}
.next li{list-style:none;display:flex;gap:10px;align-items:center;padding:3px 0;font-size:22px;white-space:nowrap;overflow:hidden}
.next li .e{font-size:24px;width:30px;text-align:center;flex:none}
.next li.hidden{color:var(--faint);font-weight:400}
.next li.hidden .e{font-size:24px;color:var(--faint)}
.next .last{font-weight:400;font-size:19px;color:var(--pencil)}
.waiting{margin:auto;font-weight:400;font-size:24px;color:var(--pencil);text-align:center;line-height:1.3;transform:rotate(-2deg)}

/* result */
.res{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}
.burst{position:absolute;top:-6px;left:0;right:0;display:flex;justify-content:space-between;font-size:34px;color:var(--orange);pointer-events:none}
.burst span{animation:starpop .5s cubic-bezier(.2,1.8,.4,1) both}
.burst span:nth-child(2){color:var(--red);animation-delay:.12s}.burst span:nth-child(3){color:var(--green);animation-delay:.24s}
@keyframes starpop{from{transform:scale(0) rotate(-90deg)}}
.rStamp{--c:var(--red);position:relative;margin-top:22px;padding:6px 26px 10px;font-size:52px;line-height:1;color:var(--c)}
.rStamp span{display:inline-block;clip-path:inset(0 100% 0 0)}
.rStamp svg{position:absolute;inset:-10px -16px;width:calc(100% + 32px);height:calc(100% + 20px);overflow:visible}
.rStamp path{fill:none;stroke:var(--c);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.rStamp.go span{animation:write .45s steps(9) forwards}
.rStamp.go path{animation:draw .55s .35s ease-out forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.lbl{font-weight:400;font-size:20px;color:var(--pencil)}
.off{font-size:104px;line-height:.95;margin-top:2px}
.gain{position:relative;margin-top:14px;font-size:54px;line-height:1;color:var(--red);transform:rotate(-3deg)}
.gain small{font-size:24px}
.gain svg{position:absolute;left:-6%;bottom:-10px;width:112%;height:16px;overflow:visible}
.gain path{fill:none;stroke:var(--red);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw .5s .9s ease-out forwards}
.best{margin-top:20px;font-weight:400;font-size:19px;color:var(--pencil);line-height:1.35}
.best .split{display:block;font-size:30px;letter-spacing:2px;color:var(--ink)}
.res .spacer{flex:1;min-height:24px}
.res .btn{width:100%}

.btn{position:relative;z-index:0;font:700 30px var(--hand);color:var(--ink);border:0;background:none;padding:12px 26px 10px;cursor:pointer;transition:transform .1s}
.btn::before{content:"";position:absolute;inset:0;background:var(--hi);border:3.5px solid var(--ink);border-radius:var(--r2);filter:url(#wob);z-index:-1;box-shadow:4px 5px 0 #1e1e2430}
.btn:hover{transform:rotate(-1deg) scale(1.02)}
.btn:active{transform:translate(3px,4px)}
.btn:active::before{box-shadow:none}
.btn.alt{font-size:24px}
.btn.alt::before{background:#fff;border-radius:var(--r1)}
.btn kbd{margin-left:10px;vertical-align:4px;background:#fff8}

/* ---------- end card ---------- */
#overlay{position:fixed;inset:0;background:#fdfbf3e0;display:none;align-items:center;justify-content:center;z-index:200;padding:16px}
#overlay.show{display:flex}
.endCard{position:relative;padding:34px 34px 30px 58px;max-width:460px;width:100%;text-align:center;animation:slap .5s cubic-bezier(.2,1.5,.4,1) both;--r:-1.5deg;transform:rotate(-1.5deg)}
.endCard::before{content:"";position:absolute;inset:0;z-index:-1;border:3.5px solid var(--ink);border-radius:var(--r3);box-shadow:9px 11px 0 #1e1e2420;filter:url(#wob);
  background-color:#fff;background-image:linear-gradient(90deg,transparent 34px,var(--margin) 34px,var(--margin) 36px,transparent 36px),repeating-linear-gradient(transparent 0 33px,var(--line) 33px 34px)}
.endCard .lbl{font-size:18px}
.eTitle{font-size:40px;line-height:1.1;margin-top:2px;display:inline-block;padding:0 10px;background:linear-gradient(transparent 55%,var(--hi) 55%,var(--hi) 90%,transparent 90%);transform:rotate(-2deg)}
.eScore{font-size:116px;line-height:1;margin-top:12px}
.eScore small{display:block;font-weight:400;font-size:20px;color:var(--pencil);margin-top:2px}
.eSq{display:flex;gap:12px;justify-content:center;margin:20px 0 4px}
.eSq div{width:54px}
.eSq i{--c:#ccc;position:relative;display:block;width:46px;height:46px;margin:0 auto;transform:scale(0);animation:starpop .45s cubic-bezier(.2,1.8,.4,1) forwards;animation-name:sq}
.eSq i::before{content:"";position:absolute;inset:0;border:3px solid var(--ink);border-radius:50% 44% 52% 47%/48% 53% 45% 50%;background:var(--c);filter:url(#wob)}
.eSq span{font-size:17px;display:block;margin-top:4px}
@keyframes sq{to{transform:scale(1)}}
.eBtns{display:flex;flex-direction:column;gap:16px;margin-top:26px}
.eNote{font-weight:400;font-size:17px;color:var(--pencil);margin-top:16px}

/* ---------- archive ---------- */
.archive h2{font-size:84px;margin:0;line-height:1;display:inline-block;padding:0 14px;background:linear-gradient(transparent 55%,var(--hi) 55%,var(--hi) 88%,transparent 88%);transform:rotate(-1.5deg)}
.lead{font-weight:400;font-size:24px;margin:10px 0 0;max-width:620px;color:var(--pencil)}
.stats{display:flex;gap:22px;margin:26px 0 4px;flex-wrap:wrap}
.stat{position:relative;padding:8px 22px;min-width:140px;z-index:0}
.stat::before{content:"";position:absolute;inset:0;background:#fff;border:3px solid var(--ink);border-radius:var(--r1);filter:url(#wobS);z-index:-1;box-shadow:4px 5px 0 #1e1e2420}
.stat:nth-child(2)::before{border-radius:var(--r2)}
.stat b{display:block;font-size:42px;line-height:1.1}
.stat span{font-weight:400;font-size:18px;color:var(--pencil)}
.month h3{font-size:40px;margin:36px 0 10px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:16px}
.dow{font-weight:400;font-size:18px;color:var(--pencil);padding-left:6px}
.day{position:relative;min-height:104px;border:0;background:none;padding:10px 12px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;text-align:left;transition:transform .12s;z-index:0}
.day::before{content:"";position:absolute;inset:0;background:#fff;border:3px solid var(--ink);border-radius:var(--r3);filter:url(#wobS);z-index:-1;box-shadow:3px 4px 0 #1e1e2420}
.day:nth-child(3n)::before{border-radius:var(--r1)}
.day:nth-child(3n+1)::before{border-radius:var(--r2)}
.day:nth-child(odd){transform:rotate(-.6deg)}
.day:nth-child(even){transform:rotate(.6deg)}
.day:hover{transform:rotate(-2deg) scale(1.05)}
.day:hover::before{background:#fffbe0}
.day .t{display:flex;justify-content:space-between;align-items:baseline}
.day .dn{font-size:32px;line-height:1}
.day .no{font-weight:400;font-size:16px;color:var(--pencil)}
.day .st{font-size:22px}
.day .st.play{font-weight:400;font-size:18px;color:var(--pencil)}
.day .mini{display:flex;gap:4px;margin-top:2px}
.day .mini i{--c:#ccc;width:14px;height:14px;border:2px solid var(--ink);border-radius:50% 44% 52% 47%;background:var(--c)}
.day.today::after{content:"";position:absolute;inset:-9px -7px;border:3px solid var(--red);border-radius:50% 40% 55% 45%/45% 55% 40% 50%;transform:rotate(-3deg);pointer-events:none}
.day.today .no{color:var(--red);font-weight:700}
.day.off{cursor:default;transform:none}
.day.off::before{background:none;border:2.5px dashed var(--faint);box-shadow:none}
.day.off .dn{color:var(--faint)}
.day.off:hover{transform:none}
.day.blank{visibility:hidden}

.keys{max-width:1360px;margin:0 auto;padding:30px 28px 36px 92px;font-weight:400;font-size:19px;color:var(--pencil);display:flex;gap:26px;flex-wrap:wrap}
#toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%) rotate(-3deg);background:var(--hi);color:var(--ink);padding:14px 24px;font-size:22px;opacity:0;transition:opacity .2s;z-index:300;pointer-events:none;box-shadow:3px 5px 0 #1e1e2430}
#toast.show{opacity:1}
.confetti{position:fixed;top:-40px;z-index:150;pointer-events:none;animation:fall linear forwards;font-family:var(--hand);font-weight:700}
@keyframes fall{to{transform:translateY(112vh) rotate(540deg)}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01s!important}}

@media (max-width:1040px){.game{grid-template-columns:1fr}.panel{min-height:0}.claim{display:none}}
@media (max-width:640px){
  body{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .29 0 0 0 0 .18 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23g)'/%3E%3C/svg%3E"),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0045' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .62 0 0 0 0 .5 0 0 0 0 .28 0 0 0 .5 -.2'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23b)'/%3E%3C/svg%3E"),linear-gradient(90deg,transparent 22px,#ef9a9acc 22px,#ef9a9acc 24px,transparent 24px,transparent 27px,#f4b4b466 27px,#f4b4b466 28px,transparent 28px),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='288'%3E%3Cpath d='M0 35.18 Q86 35.09 172 35.72' stroke='%23a3c0e2' stroke-opacity='0.92' stroke-width='1.04' fill='none'/%3E%3Cpath d='M172 35.18 Q292 35.07 411 35.45' stroke='%23a3c0e2' stroke-opacity='0.48' stroke-width='1.08' fill='none'/%3E%3Cpath d='M411 35.55 Q468 35.63 524 35.81' stroke='%23a3c0e2' stroke-opacity='0.73' stroke-width='0.92' fill='none'/%3E%3Cpath d='M524 35.43 Q644 35.05 763 35.83' stroke='%23a3c0e2' stroke-opacity='0.92' stroke-width='1.10' fill='none'/%3E%3Cpath d='M763 35.23 Q825 35.82 887 35.37' stroke='%23a3c0e2' stroke-opacity='0.59' stroke-width='0.95' fill='none'/%3E%3Cpath d='M887 35.28 Q955 35.71 1023 35.22' stroke='%23a3c0e2' stroke-opacity='0.50' stroke-width='1.10' fill='none'/%3E%3Cpath d='M1023 35.63 Q1112 35.31 1200 35.45' stroke='%23a3c0e2' stroke-opacity='0.48' stroke-width='0.97' fill='none'/%3E%3Cpath d='M0 71.32 Q120 71.78 239 71.28' stroke='%23a3c0e2' stroke-opacity='0.91' stroke-width='1.03' fill='none'/%3E%3Cpath d='M239 71.76 Q294 71.29 349 71.66' stroke='%23a3c0e2' stroke-opacity='0.74' stroke-width='1.08' fill='none'/%3E%3Cpath d='M349 71.68 Q403 71.49 457 71.26' stroke='%23a3c0e2' stroke-opacity='0.51' stroke-width='1.05' fill='none'/%3E%3Cpath d='M457 71.54 Q507 71.82 557 71.70' stroke='%23a3c0e2' stroke-opacity='0.93' stroke-width='0.93' fill='none'/%3E%3Cpath d='M557 71.56 Q646 71.84 734 71.47' stroke='%23a3c0e2' stroke-opacity='0.80' stroke-width='1.11' fill='none'/%3E%3Cpath d='M734 71.19 Q814 71.65 893 71.64' stroke='%23a3c0e2' stroke-opacity='0.69' stroke-width='1.13' fill='none'/%3E%3Cpath d='M893 71.62 Q995 71.46 1097 71.17' stroke='%23a3c0e2' stroke-opacity='0.59' stroke-width='1.04' fill='none'/%3E%3Cpath d='M1097 71.30 Q1148 71.74 1200 71.35' stroke='%23a3c0e2' stroke-opacity='0.76' stroke-width='1.07' fill='none'/%3E%3Cpath d='M0 107.21 Q96 107.55 191 107.46' stroke='%23a3c0e2' stroke-opacity='0.65' stroke-width='1.20' fill='none'/%3E%3Cpath d='M191 107.34 Q254 107.36 316 107.44' stroke='%23a3c0e2' stroke-opacity='0.86' stroke-width='1.20' fill='none'/%3E%3Cpath d='M316 107.27 Q410 107.23 503 107.31' stroke='%23a3c0e2' stroke-opacity='0.93' stroke-width='0.95' fill='none'/%3E%3Cpath d='M503 107.35 Q610 107.53 717 107.25' stroke='%23a3c0e2' stroke-opacity='0.87' stroke-width='0.96' fill='none'/%3E%3Cpath d='M717 107.63 Q840 107.62 963 107.51' stroke='%23a3c0e2' stroke-opacity='0.73' stroke-width='1.23' fill='none'/%3E%3Cpath d='M963 107.82 Q1014 107.56 1066 107.63' stroke='%23a3c0e2' stroke-opacity='0.68' stroke-width='1.20' fill='none'/%3E%3Cpath d='M1066 107.59 Q1133 107.07 1200 107.19' stroke='%23a3c0e2' stroke-opacity='0.65' stroke-width='0.94' fill='none'/%3E%3Cpath d='M0 143.57 Q72 143.57 143 143.22' stroke='%23a3c0e2' stroke-opacity='0.67' stroke-width='0.94' fill='none'/%3E%3Cpath d='M143 143.17 Q256 143.61 370 143.76' stroke='%23a3c0e2' stroke-opacity='0.50' stroke-width='1.03' fill='none'/%3E%3Cpath d='M370 143.57 Q434 143.12 498 143.48' stroke='%23a3c0e2' stroke-opacity='0.77' stroke-width='1.23' fill='none'/%3E%3Cpath d='M498 143.49 Q605 143.10 712 143.21' stroke='%23a3c0e2' stroke-opacity='0.95' stroke-width='1.06' fill='none'/%3E%3Cpath d='M712 143.63 Q800 143.21 889 143.51' stroke='%23a3c0e2' stroke-opacity='0.82' stroke-width='1.07' fill='none'/%3E%3Cpath d='M889 143.79 Q1002 143.30 1114 143.68' stroke='%23a3c0e2' stroke-opacity='0.63' stroke-width='1.14' fill='none'/%3E%3Cpath d='M1114 143.33 Q1157 143.17 1200 143.41' stroke='%23a3c0e2' stroke-opacity='0.88' stroke-width='1.14' fill='none'/%3E%3Cpath d='M0 179.38 Q74 179.81 147 179.31' stroke='%23a3c0e2' stroke-opacity='0.72' stroke-width='1.17' fill='none'/%3E%3Cpath d='M147 179.67 Q216 179.52 286 179.31' stroke='%23a3c0e2' stroke-opacity='0.85' stroke-width='1.19' fill='none'/%3E%3Cpath d='M286 179.70 Q376 179.19 467 179.48' stroke='%23a3c0e2' stroke-opacity='0.82' stroke-width='1.25' fill='none'/%3E%3Cpath d='M467 179.81 Q589 179.96 711 179.84' stroke='%23a3c0e2' stroke-opacity='0.93' stroke-width='1.06' fill='none'/%3E%3Cpath d='M711 179.48 Q802 179.48 894 179.39' stroke='%23a3c0e2' stroke-opacity='0.49' stroke-width='0.94' fill='none'/%3E%3Cpath d='M894 179.61 Q1017 179.08 1140 179.71' stroke='%23a3c0e2' stroke-opacity='0.87' stroke-width='1.07' fill='none'/%3E%3Cpath d='M1140 179.65 Q1170 179.89 1200 179.29' stroke='%23a3c0e2' stroke-opacity='0.51' stroke-width='1.04' fill='none'/%3E%3Cpath d='M0 215.71 Q100 215.40 201 215.83' stroke='%23a3c0e2' stroke-opacity='0.84' stroke-width='1.02' fill='none'/%3E%3Cpath d='M201 215.26 Q297 215.03 393 215.85' stroke='%23a3c0e2' stroke-opacity='0.82' stroke-width='0.93' fill='none'/%3E%3Cpath d='M393 215.25 Q514 215.98 634 215.73' stroke='%23a3c0e2' stroke-opacity='0.90' stroke-width='1.18' fill='none'/%3E%3Cpath d='M634 215.53 Q763 215.80 892 215.16' stroke='%23a3c0e2' stroke-opacity='0.92' stroke-width='0.95' fill='none'/%3E%3Cpath d='M892 215.25 Q1020 215.19 1148 215.84' stroke='%23a3c0e2' stroke-opacity='0.50' stroke-width='1.16' fill='none'/%3E%3Cpath d='M1148 215.50 Q1174 215.33 1200 215.68' stroke='%23a3c0e2' stroke-opacity='0.46' stroke-width='0.97' fill='none'/%3E%3Cpath d='M0 251.79 Q114 251.46 229 251.40' stroke='%23a3c0e2' stroke-opacity='0.66' stroke-width='0.95' fill='none'/%3E%3Cpath d='M229 251.73 Q348 251.13 468 251.76' stroke='%23a3c0e2' stroke-opacity='0.86' stroke-width='1.08' fill='none'/%3E%3Cpath d='M468 251.46 Q532 251.00 596 251.28' stroke='%23a3c0e2' stroke-opacity='0.71' stroke-width='0.91' fill='none'/%3E%3Cpath d='M596 251.66 Q660 251.33 724 251.54' stroke='%23a3c0e2' stroke-opacity='0.54' stroke-width='1.07' fill='none'/%3E%3Cpath d='M724 251.69 Q835 251.06 946 251.77' stroke='%23a3c0e2' stroke-opacity='0.72' stroke-width='1.07' fill='none'/%3E%3Cpath d='M946 251.51 Q1015 251.76 1084 251.54' stroke='%23a3c0e2' stroke-opacity='0.59' stroke-width='1.17' fill='none'/%3E%3Cpath d='M1084 251.50 Q1137 251.69 1190 251.51' stroke='%23a3c0e2' stroke-opacity='0.67' stroke-width='1.11' fill='none'/%3E%3Cpath d='M1190 251.51 Q1195 251.52 1200 251.32' stroke='%23a3c0e2' stroke-opacity='0.70' stroke-width='1.18' fill='none'/%3E%3Cpath d='M0 287.29 Q78 287.42 156 287.46' stroke='%23a3c0e2' stroke-opacity='0.91' stroke-width='1.21' fill='none'/%3E%3Cpath d='M156 287.32 Q251 287.67 346 287.20' stroke='%23a3c0e2' stroke-opacity='0.67' stroke-width='0.93' fill='none'/%3E%3Cpath d='M346 287.65 Q406 287.14 467 287.61' stroke='%23a3c0e2' stroke-opacity='0.90' stroke-width='0.95' fill='none'/%3E%3Cpath d='M467 287.82 Q530 287.49 592 287.43' stroke='%23a3c0e2' stroke-opacity='0.93' stroke-width='0.98' fill='none'/%3E%3Cpath d='M592 287.45 Q722 287.34 852 287.51' stroke='%23a3c0e2' stroke-opacity='0.87' stroke-width='0.96' fill='none'/%3E%3Cpath d='M852 287.41 Q922 287.46 992 287.39' stroke='%23a3c0e2' stroke-opacity='0.63' stroke-width='0.93' fill='none'/%3E%3Cpath d='M992 287.36 Q1039 287.11 1086 287.82' stroke='%23a3c0e2' stroke-opacity='0.64' stroke-width='1.08' fill='none'/%3E%3Cpath d='M1086 287.34 Q1143 287.78 1200 287.18' stroke='%23a3c0e2' stroke-opacity='0.94' stroke-width='0.94' fill='none'/%3E%3C/svg%3E")}
  .top .inner{padding:10px 12px 4px 34px;flex-wrap:wrap;gap:8px}.logo{font-size:44px}nav button{font-size:18px;padding:2px 9px}
  .page{padding:6px 12px 10px 34px}.panel{padding:20px}
  .issue b{font-size:30px}.pts b{font-size:34px}.track{gap:6px}.track i{width:28px;height:28px;font-size:15px}
  .curSlot{padding:24px 0 20px}.curSlot .chip{width:150px}.curSlot .chip .em{font-size:58px}.curSlot .chip .nm{font-size:24px}
  .off{font-size:80px}.archive h2{font-size:58px}
  .cal{gap:7px}.day{min-height:66px;padding:5px 6px}.day .dn{font-size:20px}.day .no{display:none}.day .st{font-size:15px}.day .st.play{font-size:13px}.day .mini i{width:7px;height:7px;border-width:1.5px}
  .keys{display:none}
}

/* ---- ruled-paper alignment ---- */
[data-rule]{position:relative;line-height:36px}
.logo[data-rule]{line-height:72px}
.archive h2[data-rule]{line-height:108px}
.month h3[data-rule]{line-height:72px;margin:36px 0 0}
.issue b[data-rule]{font-size:38px}
.claim[data-rule]{max-width:none;transform:none}
.lead[data-rule]{margin:0}
.dow[data-rule]{line-height:36px}

/* ---- totals under the pans: little paper tags ---- */
.ptotal{top:206px;font-size:0}
.ptotal b{display:block;width:max-content;margin:0 auto;padding:0 12px;font-size:30px;line-height:40px;border:3px solid var(--ink);border-radius:var(--r3);box-shadow:3px 4px 0 #1e1e2422;animation:slapIn .35s cubic-bezier(.2,1.5,.4,1) both}
#panL .ptotal b{background:var(--pinkL);transform:rotate(-3deg)}
#panR .ptotal b{background:var(--blueL);transform:rotate(2.5deg)}
@keyframes slapIn{from{transform:scale(1.4) rotate(10deg);opacity:0}}

/* ---- masking tape ---- */
.tape,#lock,.curSlot .chip::before,.curSlot .chip::after{
  background-color:#efe3a6d9;
  background-image:linear-gradient(#ffffff40,#ffffff00 60%,#0000000d),repeating-linear-gradient(90deg,#0000000a 0 1px,transparent 1px 4px);
  clip-path:polygon(0 8%,5% 0,12% 6%,20% 1%,30% 5%,42% 0,55% 4%,68% 0,80% 5%,90% 1%,100% 6%,97% 28%,100% 50%,96% 74%,100% 95%,88% 100%,76% 95%,64% 100%,50% 96%,36% 100%,22% 95%,10% 100%,0 94%,3% 70%,0 48%,4% 26%)}
#lock{left:286px;top:112px;width:108px;padding:3px 0 5px;font:400 19px var(--hand);color:#4a4636;transform:rotate(-7deg);box-shadow:none}
#lock::before,#lock::after{display:none}
.curSlot .chip::before{top:-6px;left:-28px;width:84px;height:26px;margin:0;transform-origin:center;transform:rotate(-38deg);animation:tapeL .25s .35s ease-out both}
.curSlot .chip::after{content:"";position:absolute;top:-6px;right:-28px;width:84px;height:26px;transform-origin:center;transform:rotate(36deg);animation:tapeR .25s .45s ease-out both}
@keyframes tapeL{from{transform:rotate(-38deg) scaleX(0)}to{transform:rotate(-38deg) scaleX(1)}}
@keyframes tapeR{from{transform:rotate(36deg) scaleX(0)}to{transform:rotate(36deg) scaleX(1)}}

/* ---- up next heading: plain pencil note ---- */
.next h4{font-weight:400;font-size:20px;color:var(--pencil);text-decoration:none}

/* ---- today: highlighted tile instead of a circle ---- */
.day.today::after{display:none}
.day.today::before{background:var(--hi);border-width:3.5px}
.day.today .no{color:var(--ink)}
.day.today:hover::before{background:#ffeb85}

/* ---- end card: plain index card (no rules to misalign) ---- */
.endCard{padding:34px 34px 30px}
.endCard::before{background-image:none;background-color:#fff}

/* ---- paper realism: soft edge shading over everything ---- */
html::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:400;mix-blend-mode:multiply;background:radial-gradient(ellipse 120% 90% at 50% 40%,transparent 55%,#a8874a1f 100%)}

/* ---- end card: comparison with other players ---- */
#overlay{overflow-y:auto}
.endCard{margin:auto}
.endCard.wide{max-width:900px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.cmp{text-align:center;padding-top:4px}
.cmpWait{margin-top:60px;font-weight:400;font-size:22px;color:var(--pencil);transform:rotate(-2deg);animation:wiggle 1.4s ease-in-out infinite}
.cmpBig{font-size:42px;line-height:1.15;margin-top:8px}
mark{background:linear-gradient(transparent 52%,var(--hi) 52%,var(--hi) 90%,transparent 90%);color:inherit;padding:0 6px}
.cmpSub{font-weight:400;font-size:19px;color:var(--pencil);margin-top:2px}
.hist{display:block;width:100%;margin-top:14px;overflow:visible}
.hist .bars,.hist .axis{filter:url(#wobS)}
.hist .bar{fill:url(#hatch);stroke:var(--ink);stroke-width:2;transform-box:fill-box;transform-origin:bottom;animation:grow .45s cubic-bezier(.3,1.4,.5,1) both}
.hist .bar.you{fill:var(--hi)}
.hist .axis{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round}
.hist text{font:400 14px var(--hand);fill:var(--pencil)}
.hist .youTag text{font:700 19px var(--hand);fill:var(--red)}
.hist .youTag path{fill:none;stroke:var(--red);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.hist .youTag{animation:fadeIn .3s .8s both}
@keyframes grow{from{transform:scaleY(0)}}
@keyframes fadeIn{from{opacity:0}}
.cmpNote{font-weight:400;font-size:15px;color:var(--pencil);margin-top:10px}
.eSq em{display:block;font-style:normal;font-weight:400;font-size:14px;color:var(--pencil);min-height:18px}
@media (max-width:820px){.endCard.wide{grid-template-columns:1fr;gap:18px;max-width:460px}}
@media (max-width:640px){
  #overlay{padding:10px}
  .endCard{padding:24px 16px 22px;transform:rotate(-.6deg)}
  .eScore{font-size:88px}
  .eSq{gap:4px}.eSq div{width:52px}.eSq i{width:36px;height:36px}.eSq span{font-size:15px}.eSq em{font-size:12px}
  .cmpBig{font-size:34px}
}