:root{--paper:#fff6e0;--paper-2:#ffeec6;--ink:#14110f;--ink-soft:#4a3f36;--green:#6fd44a;--green-dark:#3f9c22;--yellow:#ffd534;--blue:#35a7ff;--orange:#ff8a2b;--red:#ff4d4d;--purple:#a05cff;--pink:#ff6fb5;--cyan:#3fe0cf;--stroke:4px;--wob-a:255px 15px 225px 15px / 15px 225px 15px 255px;--wob-b:15px 225px 15px 255px / 225px 15px 255px 15px;--wob-c:40px 12px 34px 16px / 16px 30px 14px 40px;--shadow:6px 6px 0 var(--ink);--shadow-sm:4px 4px 0 var(--ink);--font-hand:"Ink Free","Segoe Print","Bradley Hand","Comic Sans MS","Chalkboard SE",cursive;--font-title:"Ink Free","Segoe Print","Comic Sans MS",cursive;--maxw:1180px}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-hand);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(circle at 12% 18%,rgba(255,213,52,.22) 0 5%,transparent 32%),radial-gradient(circle at 88% 8%,rgba(53,167,255,.18) 0 4%,transparent 28%),radial-gradient(circle at 78% 72%,rgba(255,111,181,.16) 0 5%,transparent 30%),radial-gradient(circle at 8% 84%,rgba(111,212,74,.18) 0 5%,transparent 30%),repeating-linear-gradient(0deg,rgba(20,17,15,.05) 0 1px,transparent 1px 34px);font-size:18px;line-height:1.5;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul{padding:0;list-style:none}:focus-visible{outline:4px dashed var(--purple);outline-offset:3px}.wrap{width:min(100% - 32px,var(--maxw));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.doodle{position:absolute;pointer-events:none;z-index:0;opacity:.95}.crayon-box{border:var(--stroke) solid var(--ink);border-radius:var(--wob-a);box-shadow:var(--shadow);background:#fff;position:relative}.crayon-box.b{border-radius:var(--wob-b)}.crayon-box.c{border-radius:var(--wob-c)}.btn{--btn-bg:var(--yellow);display:inline-flex;align-items:center;gap:10px;padding:14px 26px;background:var(--btn-bg);border:var(--stroke) solid var(--ink);border-radius:var(--wob-c);box-shadow:var(--shadow);font-size:1.15rem;font-weight:700;letter-spacing:.5px;text-decoration:none;cursor:pointer;transform:rotate(-1.2deg);transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;text-align:center}.btn:hover{transform:rotate(1.4deg) translate(-2px,-3px) scale(1.03);box-shadow:9px 10px 0 var(--ink)}.btn:active{transform:rotate(0deg) translate(4px,4px);box-shadow:2px 2px 0 var(--ink)}.btn.green{--btn-bg:var(--green)}.btn.blue{--btn-bg:var(--blue)}.btn.pink{--btn-bg:var(--pink)}.btn.orange{--btn-bg:var(--orange)}.btn.purple{--btn-bg:var(--purple)}.btn.small{padding:9px 16px;font-size:.95rem;box-shadow:var(--shadow-sm)}.btn[disabled],.btn[aria-disabled="true"]{filter:grayscale(.85) opacity(.6);cursor:not-allowed;transform:rotate(-1deg);box-shadow:var(--shadow-sm)}.btn[disabled]:hover,.btn[aria-disabled="true"]:hover{transform:rotate(-1deg) translate(0,0);box-shadow:var(--shadow-sm)}.title{font-family:var(--font-title);font-size:clamp(2rem,6vw,3.4rem);line-height:1;text-transform:uppercase;display:inline-block;padding:10px 22px;border:var(--stroke) solid var(--ink);border-radius:var(--wob-b);background:var(--yellow);box-shadow:var(--shadow);transform:rotate(-2deg);margin-bottom:26px}.title.blue{background:var(--blue)}.title.pink{background:var(--pink)}.title.green{background:var(--green)}.title.orange{background:var(--orange)}.title.purple{background:var(--purple);color:#fff;-webkit-text-stroke:0}section{position:relative;padding:72px 0}.kicker{font-size:1.05rem;color:var(--ink-soft);max-width:62ch}.reveal{opacity:0;transform:translateY(26px) rotate(-1deg);transition:opacity .5s ease,transform .5s ease}.reveal.in{opacity:1;transform:none}.site-header{position:sticky;top:0;z-index:50;background:var(--paper-2);border-bottom:var(--stroke) solid var(--ink)}.site-header .bar{display:flex;align-items:center;gap:14px;padding:10px 0;min-height:68px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700}.brand .mark{width:44px;height:44px;flex:0 0 44px}.brand .name{font-size:1.5rem;letter-spacing:1px}.nav{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.nav a{text-decoration:none;padding:6px 12px;font-size:1rem;border:3px solid transparent;border-radius:var(--wob-c)}.nav a:hover{border-color:var(--ink);background:#fff;transform:rotate(-2deg)}.wallet-slot{display:flex;align-items:center;gap:8px}#connectBtn{--btn-bg:var(--green);white-space:nowrap}#connectBtn.connected{--btn-bg:var(--cyan)}.badge-demo{font-size:.72rem;padding:2px 7px;border:2px solid var(--ink);border-radius:10px 4px 12px 5px;background:var(--orange);font-weight:700}.nav-toggle{display:none}.hero{padding-top:40px;padding-bottom:30px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;position:relative;z-index:1}.hero h1{font-family:var(--font-title);font-size:clamp(4.2rem,16vw,10rem);line-height:.82;letter-spacing:-2px;color:var(--yellow);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:10px 10px 0 rgba(20,17,15,.16);transform:rotate(-3deg);margin-bottom:6px}.hero h1 span{display:inline-block}.hero h1 span:nth-child(1){color:var(--green);transform:rotate(4deg)}.hero h1 span:nth-child(2){color:var(--orange);transform:rotate(-5deg) translateY(6px)}.hero h1 span:nth-child(3){color:var(--blue);transform:rotate(3deg)}.hero h1 span:nth-child(4){color:var(--pink);transform:rotate(-2deg) translateY(-4px)}.hero h1 span:nth-child(5){color:var(--purple);transform:rotate(6deg)}.hero h1 span:hover{animation:wiggle .4s ease infinite}.tagline{display:inline-block;font-size:clamp(1.2rem,3.4vw,1.9rem);background:#fff;padding:8px 18px;border:var(--stroke) solid var(--ink);border-radius:var(--wob-b);box-shadow:var(--shadow-sm);transform:rotate(1.5deg);margin-bottom:22px}.contract-card{padding:16px 18px;background:var(--cyan);max-width:560px}.contract-card .lbl{font-weight:700;letter-spacing:2px;font-size:.95rem}.contract-row{display:flex;gap:10px;align-items:center;margin-top:6px}.contract-row code{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-size:clamp(.72rem,2.1vw,.95rem);background:#fff;border:3px solid var(--ink);border-radius:10px 4px 12px 6px;padding:8px 10px;flex:1;overflow-wrap:anywhere;line-height:1.3}.copy-btn{flex:0 0 auto}.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}.hero-art{position:relative;min-height:420px;display:grid;place-items:center}.hero-art .tommy-main{width:min(100%,380px);animation:float 5s ease-in-out infinite}.prop{position:absolute}.prop.sun{top:-6px;right:4%;width:108px;animation:spin 26s linear infinite}.prop.cloud1{top:30px;left:-4%;width:130px;animation:drift 12s ease-in-out infinite}.prop.cloud2{top:130px;right:-6%;width:100px;animation:drift 15s ease-in-out infinite reverse}.prop.slide{bottom:6px;left:-3%;width:160px}.prop.swing{bottom:10px;right:-2%;width:150px}.prop.house{bottom:40px;right:34%;width:96px;opacity:.95}.prop.tree{bottom:18px;left:40%;width:84px}.grass-strip{position:absolute;left:0;right:0;bottom:-4px;height:60px;background:repeating-linear-gradient(95deg,var(--green) 0 12px,var(--green-dark) 12px 22px);border-top:var(--stroke) solid var(--ink);border-radius:60% 40% 0 0 / 22px 26px 0 0;z-index:0}.marquee{border-block:var(--stroke) solid var(--ink);background:var(--purple);color:#fff;overflow:hidden;padding:10px 0;margin-top:26px}.marquee-track{display:flex;gap:26px;width:max-content;animation:slide 26s linear infinite}.marquee-track span{font-size:1.3rem;letter-spacing:2px;white-space:nowrap;text-transform:uppercase}.marquee-track span::after{content:" ★";color:var(--yellow)}.ladder{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-top:8px}.step{flex:1 1 150px;min-width:140px;padding:16px 14px;text-align:center;border:var(--stroke) solid var(--ink);box-shadow:var(--shadow-sm);background:var(--blue);border-radius:var(--wob-c);transition:transform .18s ease}.step:nth-child(odd){transform:rotate(-2deg)}.step:nth-child(even){transform:rotate(2deg)}.step:hover{transform:rotate(0) translateY(-6px) scale(1.04)}.step .who{font-size:1.35rem;font-weight:700;letter-spacing:1px}.step .fee{font-size:2rem;font-weight:700;line-height:1.1}.step .note{font-size:.85rem}.step.up-1{background:#bfe4ff}.step.up-2{background:#8fd0ff}.step.up-3{background:#5cb8ff}.step.up-4{background:#2f9dff;color:#fff}.step.break{background:var(--green)}.step.break .fee{color:#14110f}.step .mini{width:44px;margin:6px auto 0}.credit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:34px}.credit{padding:20px;border:var(--stroke) solid var(--ink);box-shadow:var(--shadow);border-radius:var(--wob-a);background:var(--pink)}.credit:nth-child(2){background:var(--yellow);border-radius:var(--wob-b);transform:rotate(1.4deg)}.credit:nth-child(1){transform:rotate(-1.4deg)}.credit h3{font-size:1.5rem;letter-spacing:1px}.rule-quote{margin-top:34px;padding:22px 26px;font-size:clamp(1.05rem,2.6vw,1.5rem);background:#fff;border:var(--stroke) dashed var(--ink);border-radius:var(--wob-c);transform:rotate(-.6deg);text-align:center}.board{padding:24px;background:var(--paper-2);border:var(--stroke) solid var(--ink);border-radius:var(--wob-b);box-shadow:var(--shadow)}.board-top{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.turn-flag{display:inline-flex;align-items:center;gap:12px;padding:12px 20px;border:var(--stroke) solid var(--ink);border-radius:var(--wob-c);background:var(--green);box-shadow:var(--shadow-sm);transform:rotate(-1.5deg);font-size:clamp(1.1rem,3vw,1.7rem);font-weight:700}.turn-flag.sell{background:var(--red);color:#fff}.live-dot{width:14px;height:14px;border-radius:50%;background:var(--red);border:2px solid var(--ink);animation:pulse 1.4s ease-in-out infinite}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:22px}.stat{padding:14px 16px;background:#fff;border:var(--stroke) solid var(--ink);border-radius:var(--wob-c);box-shadow:var(--shadow-sm)}.stat:nth-child(3n+1){transform:rotate(-1.2deg);background:#fff}.stat:nth-child(3n+2){transform:rotate(1deg);background:#fffaf0}.stat:nth-child(3n+3){transform:rotate(-.5deg);background:#f4fff0}.stat .k{font-size:.9rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft)}.stat .v{font-size:clamp(1.4rem,4vw,2.1rem);font-weight:700;line-height:1.15}.queues{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.queue{padding:16px;border:var(--stroke) solid var(--ink);border-radius:var(--wob-a);background:#fff;box-shadow:var(--shadow-sm);min-height:168px}.queue h4{font-size:1.2rem;letter-spacing:1px;display:flex;align-items:center;gap:8px}.queue.buy{background:#eaffe2}.queue.sell{background:#ffecec}.queue.your-turn{animation:glow 1.5s ease-in-out infinite}.queue-line{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;min-height:62px;align-items:flex-end}.queue-line .mon{width:46px;animation:hop 1.6s ease-in-out infinite}.queue-line .mon:nth-child(2n){animation-delay:.2s}.queue-line .mon:nth-child(3n){animation-delay:.45s}.queue .tag{display:inline-block;margin-top:8px;font-size:.95rem;padding:4px 10px;border:3px solid var(--ink);border-radius:12px 5px 14px 6px;background:var(--yellow)}.queue.your-turn .tag{background:var(--green)}.board-note{margin-top:14px;font-size:.92rem;color:var(--ink-soft)}.notes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.note{padding:14px 16px;border:var(--stroke) solid var(--ink);border-radius:var(--wob-c);box-shadow:var(--shadow-sm);background:#fff;display:flex;gap:12px;align-items:center;animation:popIn .35s ease both}.note:nth-child(4n+1){transform:rotate(-1.6deg);background:#fffbe8}.note:nth-child(4n+2){transform:rotate(1.3deg);background:#eef8ff}.note:nth-child(4n+3){transform:rotate(-.8deg);background:#f4ffee}.note:nth-child(4n+4){transform:rotate(2deg);background:#fff0f7}.note .idx{font-size:.9rem;color:var(--ink-soft)}.note .side{font-size:1.3rem;font-weight:700;letter-spacing:1px}.note .side.BUY{color:var(--green-dark)}.note .side.SELL{color:var(--red)}.note .fee{font-size:1.1rem}.note .brk{font-size:.8rem;background:var(--yellow);border:2px solid var(--ink);border-radius:8px 3px 9px 4px;padding:1px 6px}.note .mini{width:40px;flex:0 0 40px}.story-page{position:relative;padding:34px clamp(20px,5vw,60px);background:linear-gradient(90deg,rgba(255,77,77,.35) 0 3px,transparent 3px) 46px 0/100% 100% no-repeat,repeating-linear-gradient(180deg,transparent 0 33px,rgba(53,167,255,.35) 33px 34px),#fffdf5;border:var(--stroke) solid var(--ink);border-radius:var(--wob-a);box-shadow:var(--shadow);transform:rotate(-.7deg)}.story-page p{font-size:clamp(1.1rem,3vw,1.6rem);margin-bottom:18px;padding-left:22px}.story-page p.big{font-size:clamp(1.5rem,5vw,2.4rem);color:var(--purple);font-weight:700}.story-tommy{position:absolute;right:-10px;bottom:-22px;width:130px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.info-card{padding:20px 18px;border:var(--stroke) solid var(--ink);box-shadow:var(--shadow);position:relative}.info-card .k{font-size:.95rem;letter-spacing:2px;text-transform:uppercase}.info-card .v{font-size:clamp(1.4rem,4vw,2rem);font-weight:700;word-break:break-word}.info-card:nth-child(1){background:var(--green);border-radius:var(--wob-a);transform:rotate(-2deg)}.info-card:nth-child(2){background:var(--yellow);border-radius:var(--wob-b);transform:rotate(1.6deg)}.info-card:nth-child(3){background:var(--pink);border-radius:var(--wob-c);transform:rotate(-1.2deg)}.info-card:nth-child(4){background:var(--blue);border-radius:var(--wob-b);transform:rotate(2.2deg)}.info-card:nth-child(5){background:var(--orange);border-radius:var(--wob-a);transform:rotate(-1.8deg)}.info-card:nth-child(6){background:var(--purple);color:#fff;border-radius:var(--wob-c);transform:rotate(1.1deg)}.info-card:hover{transform:rotate(0) translateY(-5px)}.info-card{transition:transform .18s ease}.claim-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.claim-box{padding:26px;background:var(--yellow)}.claim-box h3{font-size:clamp(1.5rem,4vw,2.2rem)}.claim-list{margin:14px 0 18px;display:grid;gap:10px}.claim-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;padding:10px 14px;border:3px solid var(--ink);border-radius:14px 6px 16px 7px}.claim-list .amt{font-weight:700;font-size:1.2rem}.lock-note{display:inline-flex;gap:8px;align-items:center;margin-top:8px;background:#fff;border:3px dashed var(--ink);border-radius:var(--wob-c);padding:8px 14px;font-size:.95rem}.claim-art{display:grid;place-items:center}.claim-art svg{width:min(100%,300px);animation:float 6s ease-in-out infinite}.locked-veil{position:relative}.locked-veil[data-locked="true"]::after{content:"🔒 connect wallet first";position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,246,224,.78);border-radius:var(--wob-a);font-size:1.2rem;font-weight:700;letter-spacing:1px}.nav a.x-link{display:inline-flex;align-items:center;gap:7px;background:var(--ink);color:var(--paper);border-color:var(--ink);border-radius:var(--wob-c);box-shadow:var(--shadow-sm);margin-left:6px;transform:rotate(-1.5deg);transition:transform .15s ease,background .15s ease,color .15s ease}.nav a.x-link svg{width:16px;height:16px;fill:currentColor;flex:0 0 16px}.nav a.x-link:hover{background:var(--purple);color:#fff;border-color:var(--ink);transform:rotate(2deg) translateY(-2px)}#claim{padding-bottom:96px}.toast-stack{position:fixed;right:16px;bottom:16px;z-index:90;display:grid;gap:10px;max-width:min(92vw,340px)}.toast{padding:12px 16px;background:#fff;border:var(--stroke) solid var(--ink);border-radius:var(--wob-c);box-shadow:var(--shadow-sm);animation:popIn .25s ease both;font-size:.98rem}.toast.ok{background:#eaffe2}.toast.err{background:#ffecec}.toast.info{background:#eef8ff}.modal-back{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:18px;background:rgba(20,17,15,.55)}.modal-back.open{display:grid}.modal{width:min(100%,460px);padding:24px;background:var(--paper);border:var(--stroke) solid var(--ink);border-radius:var(--wob-a);box-shadow:var(--shadow);animation:popIn .25s ease both}.modal h3{font-size:1.7rem;margin-bottom:6px}.modal p{font-size:.98rem;color:var(--ink-soft)}.wallet-options{display:grid;gap:12px;margin:18px 0 10px}.wallet-opt{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:12px 14px;background:#fff;cursor:pointer;border:var(--stroke) solid var(--ink);border-radius:var(--wob-c);box-shadow:var(--shadow-sm);transition:transform .14s ease}.wallet-opt:hover{transform:rotate(-1.5deg) translateY(-2px);background:var(--yellow)}.wallet-opt .emoji{font-size:1.7rem}.wallet-opt .t{font-weight:700;font-size:1.1rem}.wallet-opt .s{font-size:.85rem;color:var(--ink-soft)}.wallet-opt[disabled]{filter:grayscale(1) opacity(.55);cursor:not-allowed}.modal-close{margin-top:6px}.acct-row{display:flex;align-items:center;gap:10px;margin:14px 0;background:#fff;border:3px solid var(--ink);border-radius:14px 6px 16px 6px;padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:.9rem;overflow-wrap:anywhere}@keyframes wiggle{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1.5deg)}}@keyframes hop{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes drift{0%,100%{transform:translateX(0)}50%{transform:translateX(24px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}}@keyframes slide{to{transform:translateX(-50%)}}@keyframes popIn{from{opacity:0;transform:scale(.9) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes glow{0%,100%{box-shadow:var(--shadow-sm)}50%{box-shadow:0 0 0 8px rgba(111,212,74,.45),var(--shadow-sm)}}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-art{min-height:340px;order:-1}.claim-wrap{grid-template-columns:1fr}.prop.slide,.prop.swing{width:120px}.prop.house,.prop.tree{display:none}}@media (max-width:720px){body{font-size:17px}section{padding:52px 0}.nav{position:fixed;inset:68px 0 auto 0;flex-direction:column;gap:0;background:var(--paper-2);border-bottom:var(--stroke) solid var(--ink);padding:10px 16px 16px;display:none}.nav.open{display:flex}.nav a{padding:12px 8px;border-bottom:3px dotted var(--ink);border-radius:0}.nav a.x-link{margin:12px 0 0;justify-content:center;padding:12px 16px;border:var(--stroke) solid var(--ink);transform:rotate(-1deg)}.nav-toggle{display:inline-flex;margin-left:auto;padding:8px 12px;background:var(--pink);border:var(--stroke) solid var(--ink);border-radius:var(--wob-c);box-shadow:var(--shadow-sm);cursor:pointer;font-size:1.2rem}.wallet-slot{order:3}.queues{grid-template-columns:1fr}.contract-row{flex-direction:column;align-items:stretch}.copy-btn{width:100%;justify-content:center}.btn{width:100%;justify-content:center}.hero-cta .btn{width:auto;flex:1 1 200px}.story-tommy{width:84px;right:-6px;bottom:-14px}}@media (max-width:420px){.brand .name{font-size:1.2rem}#connectBtn{padding:10px 12px;font-size:.95rem}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}@media print{.site-header,.toast-stack,.modal-back,.marquee{display:none!important}}