:root{--cork: #2b1d14;--cork-2: #3a2819;--paper: #ece0c2;--paper-2: #e2d3ad;--ink: #1d1611;--ink-soft: #5a4a3a;--string: #c8161d;--marker: #d4161c;--hilite: #f6ef3c;--gold: #e9a92c;--dire: #a3141b;--dire-ink: #fff3ec;--viceroy: #23339e;--viceroy-ink: #eef1ff;--tape: rgba(246, 239, 210, .55);--f-marker: "Permanent Marker", "Comic Sans MS", cursive;--f-type: "Special Elite", "Courier New", monospace;--radius-paper: 2px;--shadow-paper: 0 1px 0 rgba(0, 0, 0, .25), 0 10px 18px -8px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;color:var(--paper);font-family:var(--f-type);font-size:16px;line-height:1.5;background-color:var(--cork);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35  0 0 0 0 .24  0 0 0 0 .15  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),radial-gradient(circle at 20% 10%,var(--cork-2),transparent 55%),radial-gradient(circle at 85% 70%,#24170f,transparent 50%);overflow-x:hidden}body.is-busy{cursor:progress}a{color:inherit}button{font:inherit}:focus-visible{outline:3px dashed var(--hilite);outline-offset:3px}main{max-width:1120px;margin:0 auto;padding:0 16px 48px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#1e140de0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:2px dashed rgba(236,224,194,.18)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{image-rendering:pixelated;width:36px;height:36px}.brand span{font-family:var(--f-marker);font-size:1.35rem;letter-spacing:.02em;color:var(--gold)}.wallet{display:flex;align-items:center;gap:8px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;cursor:pointer;background:transparent;color:var(--paper);border:1px solid rgba(236,224,194,.35);border-radius:999px;transition:background .15s ease,border-color .15s ease}.icon-btn:hover{background:#ece0c21f;border-color:var(--gold)}.icon-btn img{image-rendering:pixelated;width:22px;height:22px}.net-tag{font-size:.8rem;padding:4px 8px;border:1px solid rgba(236,224,194,.35);border-radius:999px;color:var(--paper-2);cursor:default}.net-tag.wrong{background:var(--marker);border-color:var(--marker);color:#fff;cursor:pointer}.btn{border:0;cursor:pointer;font-family:var(--f-type);font-size:1rem;padding:10px 16px;border-radius:var(--radius-paper);transition:transform .08s ease,filter .15s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled,body.is-busy .btn{opacity:.6;cursor:progress}.btn-sticker{background:var(--hilite);color:var(--ink);transform:rotate(-1.5deg);box-shadow:2px 3px #00000073;font-weight:700}.btn-sticker.is-connected{background:var(--paper);transform:rotate(1deg)}.btn-primary{background:var(--ink);color:var(--hilite);font-size:1.1rem;width:100%;box-shadow:3px 3px 0 var(--marker)}.btn-primary:hover{filter:brightness(1.25)}.btn-ghost{background:transparent;color:var(--ink);border:2px solid var(--ink)}.btn-chip{background:var(--paper-2);color:var(--ink);padding:4px 10px;font-size:.9rem;border:1px dashed var(--ink-soft)}.btn-take{width:100%;font-size:1.05rem;box-shadow:2px 2px 0 var(--ink)}.btn-take.side-0{background:var(--dire);color:var(--dire-ink)}.btn-take.side-1{background:var(--viceroy);color:var(--viceroy-ink)}.board{position:relative;display:grid;grid-template-columns:1fr minmax(180px,280px) 1fr;grid-template-areas:"a . b" "l coin r" "t t t";align-items:center;gap:8px 16px;padding:40px 8px 24px;min-height:520px}.strings{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;fill:none;stroke:var(--string);stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(1px 3px 2px rgba(0,0,0,.55))}.coin-stage{grid-area:coin;position:relative;display:grid;place-items:center;z-index:2;aspect-ratio:1}.coin-stage .pin{top:4%;z-index:5}.coin{image-rendering:pixelated;width:100%;height:auto;max-width:260px;filter:drop-shadow(0 14px 18px rgba(0,0,0,.6))}.coin-stage .coin{animation:coin-idle 5.5s ease-in-out infinite}@keyframes coin-idle{0%,to{transform:rotateY(0) translateY(0)}45%{transform:rotateY(0) translateY(-6px)}50%{transform:rotateY(180deg) translateY(-6px)}55%{transform:rotateY(360deg) translateY(-6px)}}.clipping{position:relative;z-index:4;padding:18px 18px 14px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow-paper);clip-path:polygon(0 3%,6% 0,40% 2%,72% 0,100% 3%,98% 52%,100% 97%,64% 100%,30% 97%,2% 100%,0 60%)}.clipping strong{display:block;font-family:var(--f-marker);font-size:clamp(1.8rem,4.4vw,3rem);line-height:1}.clipping em{display:block;font-style:normal;color:var(--ink-soft);margin-top:4px}.clipping .tally{display:inline-block;margin-top:10px;font-size:.95rem}.clipping .tally b{background:var(--hilite);padding:0 4px}.clip-0{grid-area:l;transform:rotate(-4deg);justify-self:end}.clip-1{grid-area:r;transform:rotate(3.5deg);justify-self:start}.clip-0 strong{color:var(--dire)}.clip-1 strong{color:var(--viceroy)}.pin{position:absolute;top:6px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;z-index:4;background:radial-gradient(circle at 35% 30%,#ff8a8a,var(--marker) 45%,#6d0a0d);box-shadow:1px 3px 3px #00000080}.hero-title{grid-area:t;z-index:3;margin:18px 0 0;text-align:center;font-family:var(--f-marker);font-weight:400;font-size:clamp(2rem,6vw,4.2rem);line-height:1.02;color:var(--paper);text-shadow:3px 3px 0 rgba(0,0,0,.5)}.scrawl{margin:0;z-index:3;font-family:var(--f-marker);color:var(--hilite);font-size:clamp(.95rem,1.8vw,1.2rem);line-height:1.15}.scrawl-a{grid-area:a;transform:rotate(-6deg);justify-self:start}.scrawl-b{grid-area:b;transform:rotate(5deg);justify-self:end;text-align:right;color:var(--paper)}.scrawl-c{position:absolute;right:6%;bottom:120px;transform:rotate(-3deg);color:var(--ink);background:var(--hilite);padding:4px 8px;box-shadow:2px 2px #0006}.desk{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;margin:24px 0 48px}.note{position:relative;background:var(--paper);color:var(--ink);padding:28px 22px 22px;box-shadow:var(--shadow-paper);border-radius:var(--radius-paper);background-image:repeating-linear-gradient(transparent 0 27px,#23339e1f 27px,#23339e1f 28px)}.note-form{transform:rotate(-.6deg)}.note-dossier{transform:rotate(.9deg);background-color:var(--paper-2)}.note h2{font-family:var(--f-marker);font-weight:400;font-size:1.7rem;margin:0 0 14px;line-height:1.1}.tape{position:absolute;top:-12px;left:24px;width:96px;height:26px;background:var(--tape);transform:rotate(-4deg);box-shadow:0 1px 2px #0003}.tape-right{left:auto;right:24px;transform:rotate(5deg)}.field>span,.side-pick legend{display:block;font-size:.95rem;color:var(--ink-soft);margin-bottom:6px}.amount-row{display:flex;gap:8px}.amount-row input{flex:1;min-width:0;font-family:var(--f-marker);font-size:1.8rem;color:var(--ink);background:transparent;border:0;border-bottom:3px solid var(--ink);padding:4px 2px;border-radius:0}.amount-row input:focus{outline:none;border-bottom-color:var(--marker)}.quick{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 18px}.side-pick{border:0;padding:0;margin:0 0 18px;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.side-pick legend{padding:0}.stamp{position:relative;cursor:pointer}.stamp input{position:absolute;opacity:0;pointer-events:none}.stamp span{display:block;text-align:center;font-family:var(--f-marker);font-size:clamp(1.2rem,3vw,1.6rem);padding:12px 8px;border:3px solid currentColor;border-radius:4px;transform:rotate(-2deg);opacity:.55;transition:opacity .15s,transform .15s}.stamp.side-1 span{transform:rotate(2deg)}.stamp.side-0{color:var(--dire)}.stamp.side-1{color:var(--viceroy)}.stamp input:checked+span{opacity:1;transform:rotate(0) scale(1.03);box-shadow:inset 0 0 0 2px currentColor}.stamp input:focus-visible+span{outline:3px dashed var(--ink);outline-offset:3px}.hint{font-size:.88rem;color:var(--ink-soft);margin:12px 0 0}.dossier{margin:0}.dossier div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed rgba(29,22,17,.25)}.dossier dt{color:var(--ink-soft)}.dossier dd{margin:0;font-weight:700;text-align:right;word-break:break-all}.pinboard{margin:0 0 48px}.board-title{font-family:var(--f-marker);font-weight:400;font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 18px;color:var(--paper);text-decoration:underline wavy var(--string) 2px;text-underline-offset:8px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:26px 20px}.card{position:relative;background:var(--paper);color:var(--ink);padding:22px 16px 16px;box-shadow:var(--shadow-paper);transform:rotate(var(--tilt, 0deg))}.card.is-dim{opacity:.55}.card header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}.card-id{color:var(--ink-soft)}.card-amt{font-family:var(--f-marker);font-size:1.6rem;line-height:1}.card-amt small{font-family:var(--f-type);font-size:.8rem}.card p{margin:0 0 8px}.card-pot{color:var(--ink-soft);font-size:.92rem}.card-status{min-height:1.5em}.addr{white-space:nowrap}.chip{display:inline-block;padding:0 6px;font-family:var(--f-marker);color:#fff}.chip.side-0{background:var(--dire)}.chip.side-1{background:var(--viceroy)}.card .btn{width:100%;margin-top:6px}.verdict{position:absolute;bottom:14px;right:12px;font-family:var(--f-marker);font-size:1.5rem;padding:0 8px;border:3px solid currentColor;border-radius:4px;transform:rotate(-14deg);opacity:.85}.verdict.win{color:#1d7a2a}.verdict.lose{color:var(--marker)}.empty{color:var(--paper-2);font-style:italic;margin:0}.feed{list-style:none;margin:0;padding:0;max-width:720px}.feed li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px dashed rgba(236,224,194,.22)}.feed-side{font-family:var(--f-marker);padding:0 8px;color:#fff}.feed-side.side-0{background:var(--dire)}.feed-side.side-1{background:var(--viceroy)}.feed-id{margin-left:auto;color:var(--paper-2);opacity:.7}.note-how{max-width:720px;transform:rotate(-.4deg);margin-bottom:24px}.steps{margin:0;padding-left:1.4em}.steps li{margin-bottom:8px}.foot{max-width:1120px;margin:0 auto;padding:24px 16px 48px;color:var(--paper-2);font-size:.9rem}.foot p{max-width:70ch}.foot-links{display:flex;gap:18px}.flip-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#0f0a06d1}.flip-overlay[hidden]{display:none}.flip-card{width:min(420px,100%);text-align:center;background:var(--paper);color:var(--ink);padding:28px 22px 22px;box-shadow:var(--shadow-paper);transform:rotate(-1deg)}.flip-card .coin{width:160px;max-width:160px;perspective:600px}.flip-card h2{font-family:var(--f-marker);font-weight:400;font-size:2.2rem;margin:12px 0 4px}.flip-overlay[data-state=win] .flip-card h2{color:#1d7a2a}.flip-overlay[data-state=lose] .flip-card h2{color:var(--marker)}.flip-actions{display:grid;gap:10px;margin-top:16px}.coin-spin{animation:spin .6s linear infinite}@keyframes spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.coin-land{animation:land .9s cubic-bezier(.2,1.4,.4,1) both}@keyframes land{0%{transform:rotateY(0) scale(.6)}70%{transform:rotateY(1080deg) scale(1.1)}to{transform:rotateY(1080deg) scale(1)}}.toast{position:fixed;left:50%;bottom:20px;z-index:60;width:min(520px,calc(100% - 32px));transform:translate(-50%,140%);opacity:0;background:var(--ink);color:var(--paper);padding:12px 16px;border-left:6px solid var(--hilite);box-shadow:0 10px 24px #00000080;transition:transform .25s ease,opacity .25s ease}.toast.show{transform:translate(-50%);opacity:1}.toast.error{border-left-color:var(--marker)}.toast.ok{border-left-color:#3fb04f}.toast a{color:var(--hilite);margin-left:6px}@media(max-width:760px){.board{grid-template-columns:1fr 1fr;grid-template-areas:"a b" "coin coin" "l r" "t t";min-height:0;padding-top:24px}.coin-stage{width:60%;justify-self:center}.clip-0,.clip-1{justify-self:stretch}.clipping{padding:16px 12px 12px}.scrawl-c{position:static;grid-column:1 / -1;justify-self:center;margin-top:4px}.desk{grid-template-columns:minmax(0,1fr)}.board{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.brand span{font-size:1.1rem}.net-tag:not(.wrong){display:none}}@media(prefers-reduced-motion:reduce){.coin-stage .coin,.coin-spin,.coin-land{animation:none}.btn,.toast,.stamp span{transition:none}}@media(max-width:440px){.topbar{gap:8px}.brand span{display:none}.wallet{gap:6px}.icon-btn{width:34px;height:34px}#connectBtn{padding:8px 12px;font-size:.9rem}}