:root{--ink:#214c40;--paper:#f8f5ec;--yellow:#f6cc63}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #c17d3d;outline-offset:3px}header{max-width:1360px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:27px 5%;border-bottom:1px solid #deded0}.brand{font-size:28px;font-weight:850;letter-spacing:-1.5px;text-decoration:none;color:var(--ink);position:relative;padding-left:40px}.paw{position:absolute;left:0;font-size:36px;top:-5px}.by{display:block;font-size:8px;letter-spacing:3px;margin-top:4px}.tag{font:italic 16px Georgia}header button{border:1px solid #c9d3c9;border-radius:30px;padding:10px 15px;background:transparent;color:var(--ink);font-size:13px}header button span{background:var(--ink);color:white;border-radius:50%;padding:2px 6px;margin-left:9px}main{max-width:1180px;margin:0 auto;padding:36px 32px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px;gap:20px}.eyebrow,.badge{font-size:10px;font-weight:bold;letter-spacing:2px}h1{font:44px Georgia;margin:13px 0 12px;letter-spacing:-1.5px}em{font-weight:normal}h1 em{color:#a96343}.intro p{color:#708279;font-size:14px;margin:0}.real{display:flex;gap:14px;align-items:center;transform:rotate(2deg)}.real img{width:74px;height:85px;object-fit:cover;object-position:50% 28%;border:5px solid white;box-shadow:0 3px 12px #223c3920;border-radius:4px}.real div{font:italic 13px/1.6 Georgia}.real strong{font-size:19px}.gamebox{border:1px solid #d4d9cb;border-radius:20px;overflow:hidden;background:#fffdf7;box-shadow:0 10px 45px #374c3710}.gamebar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;font-size:12px;gap:10px}.live{display:inline-block;width:7px;height:7px;background:#b17b49;border-radius:50%;margin-right:6px}.stats{display:flex;gap:23px;align-items:center}.stats span{color:#78897e}.stats b{margin-left:6px;color:var(--ink);font-size:14px}.stats button{border:1px solid #d9dfd2;background:#f7f6ef;color:var(--ink);border-radius:8px;padding:6px 10px;font-size:12px}.stage{position:relative;background:#e8e5d7}canvas{display:block;width:100%;height:auto;touch-action:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#f9f4e2db;backdrop-filter:blur(3px);padding:20px}.overlay h2{font:50px/.99 Georgia;letter-spacing:-1.6px;margin:24px 0 12px}.overlay h2 em{color:#a96644}.overlay p{font-size:14px;line-height:1.7;color:#596b5d}.badge{background:#e5ead9;border-radius:20px;padding:9px 15px;letter-spacing:1.5px}.primary{border:0;border-radius:12px;background:var(--ink);color:#fffdf1;padding:17px 27px;margin:16px 0 14px;box-shadow:0 5px 0 #17382e;font-weight:bold}.primary span{margin-left:28px}.primary:hover{background:#346853}.overlay small{font-size:10px;color:#8a917d}.hidden{display:none!important}.bottom{display:flex;justify-content:space-between;padding:15px 24px;font-size:11px;color:#728271}.bottom b{font-weight:normal}.bottom>span:first-child{color:#406548}.instructions{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:29px}.instructions>div{display:flex;gap:12px}.num{font:italic 23px Georgia;color:#a46d4a;background:#eee9d9;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0}.instructions h3{font-size:13px;margin:2px 0 7px}.instructions p{font-size:12px;line-height:1.6;color:#7b887a;margin:0}.touch{display:flex;gap:10px;justify-content:center;margin-top:16px}.touch button{touch-action:none;user-select:none;border:1px solid #ced7c7;background:#e9ecdf;color:var(--ink);border-radius:12px;min-width:66px;padding:12px;font-size:20px}.touch .jump{background:#f3d082;font-size:14px;font-weight:bold;min-width:130px}footer{max-width:1116px;margin:0 auto;border-top:1px solid #deded0;display:flex;justify-content:space-between;padding:23px 0;font-size:10px;color:#8a9285}footer b{letter-spacing:3px;color:var(--ink)}dialog{max-width:460px;border:1px solid #d5dacb;border-radius:20px;background:var(--paper);color:var(--ink);padding:36px;line-height:1.7}dialog::backdrop{background:#17382e99}dialog h2{font:32px Georgia}dialog p{font-size:14px}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:27px;color:var(--ink)}@media(max-width:700px){header{padding:20px}.brand{font-size:23px}.tag{display:none}main{padding:25px 14px}.eyebrow{font-size:8px}h1{font-size:31px}.real{display:none}.intro p{font-size:12px}.gamebar{padding:12px;font-size:10px;flex-wrap:wrap}.stats{gap:10px;flex:1;justify-content:flex-end}.stats b{font-size:12px}.stats span{font-size:0}.stats span b{font-size:12px}.stats button{padding:6px}.stage{height:380px}canvas{height:100%;object-fit:fill}.overlay h2{font-size:37px;margin:16px 0 8px}.overlay p{font-size:12px}.badge{font-size:8px}.primary{padding:15px 20px}.bottom{padding:12px;font-size:9px;gap:12px}.instructions{grid-template-columns:1fr;gap:18px}.instructions p{font-size:12px}footer{margin:0 20px;gap:20px;line-height:1.6}footer span:last-child{display:none}}