:root{color:#111;--paper:#f7f3e9;--yellow:#f5e52a;--blue:#9bd0ed;--orange:#f0523a;--green:#a6dc45;--muted:#67635d;background:#d7d2c8;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,label{font:inherit;color:inherit}button{cursor:pointer}main{background:var(--paper);width:min(100%,480px);min-height:100dvh;margin:auto;padding:24px 22px 104px;position:relative}header{justify-content:space-between;align-items:center;height:48px;margin-bottom:24px;display:flex}.brand{letter-spacing:-3px;background:0 0;border:0;padding:0;font:900 31px/1 Arial Black,Arial}.brand span{color:#e53935}.tools{align-items:center;gap:4px;display:flex}.tools button{background:0 0;border:0;justify-content:center;align-items:center;gap:5px;min-width:44px;height:44px;font-weight:800;display:flex}.tools svg{width:20px}h1,h2,h3,.artWord{font-family:Arial Black,Arial,sans-serif}h1{letter-spacing:-1.7px;margin:12px 0 24px;font-size:38px;line-height:.98}.homeIntro{height:128px;position:relative}.homeIntro h1{white-space:pre-line;margin:0}.scribbleHome{font:italic 17px cursive;position:absolute;top:38px;right:4px;transform:rotate(-8deg)}.currentArt{background:linear-gradient(#9bd0ed 0 62%,#d7cfbd 62%);border-radius:18px;height:360px;padding:20px;position:relative;overflow:hidden;box-shadow:0 2px #0001}.currentArt:after{content:"";border-top:3px solid #111;position:absolute;bottom:16%;left:-10%;right:-10%;transform:rotate(-7deg)}.eyebrow{z-index:2;letter-spacing:.08em;font-size:11px;font-weight:900;position:relative}.artWord{z-index:1;color:#fff6;font-size:70px;position:absolute;top:100px;right:-14px;transform:rotate(90deg)}.currentMeta{z-index:3;position:absolute;bottom:22px;left:20px}.currentMeta h2{text-transform:uppercase;background:#fff;margin:0 0 8px;padding:8px 10px;font-size:34px;display:inline-block}.currentMeta span{background:var(--blue);width:max-content;padding:6px 9px;font-size:10px;font-weight:900;display:block}.currentMeta small{margin-top:10px;font-size:12px;font-weight:700;display:block}.openTrick{z-index:4;color:#fff;background:#111;border:0;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;bottom:22px;right:18px}.openTrick svg{width:25px}.dots{justify-content:center;align-items:center;gap:8px;height:28px;display:flex}.dots button{background:#ccc;border:0;border-radius:50%;width:7px;height:7px;padding:0}.dots button.active{background:#111}.sectionLabel,.sectionTop h3{letter-spacing:.03em;margin:18px 0 12px;font-size:15px}.quick{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.quick button{text-align:center;background:#fbf8f1;border:1px solid #d3cec3;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:112px;padding:10px;font-size:10px;font-weight:900;line-height:1.25;display:flex}.quick button svg{width:25px;height:25px}.quick .landQuick{background:var(--yellow);border-color:var(--yellow)}.sectionTop{justify-content:space-between;align-items:center;margin-top:28px;display:flex}.sectionTop button{background:0 0;border:0;align-items:center;gap:4px;font-size:10px;font-weight:800;display:flex}.sectionTop svg{width:16px}.stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stats button{text-align:left;background:0 0;border:0;padding:0}.statArt{background:linear-gradient(145deg,#9bd0ed,#d7cfbd);border-radius:8px;height:76px;position:relative;overflow:hidden}.statArt:after{content:"SKATE";font:20px Arial Black;position:absolute;bottom:8px;right:-4px;transform:rotate(-8deg)}.statArt.two{background:linear-gradient(30deg,#d7cfbd,#a9d8ed)}.statArt.three{background:linear-gradient(160deg,#9bd0ed,#eee)}.stats strong,.stats span{display:block}.stats strong{margin-top:7px;font:26px Arial Black}.stats span{color:var(--muted);font-size:10px;font-weight:800}.pageTitle{justify-content:space-between;align-items:center;display:flex}.pageTitle svg{width:27px}.filters,.myTabs{border-bottom:1px solid #ddd;gap:8px;padding-bottom:12px;display:flex;overflow:auto}.filters button,.myTabs button{white-space:nowrap;background:0 0;border:1px solid #c8c2b7;border-radius:7px;padding:11px 14px;font-size:10px;font-weight:900}.filters .active,.myTabs .active{color:#fff;background:#111;border-color:#111}.trickList>button{text-align:left;background:0 0;border:0;border-bottom:1px solid #ddd;grid-template-columns:92px 1fr 42px;align-items:center;gap:12px;width:100%;height:82px;padding:8px 0;display:grid}.trickList>button.learning{outline:2px solid var(--orange);outline-offset:-2px;border-radius:8px;padding-inline:7px}.trickPic,.myPic{background:linear-gradient(145deg,#9bd0ed,#d7cfbd);border-radius:6px;place-items:center;height:62px;font:20px Arial Black;display:grid}.trickList b{font-size:16px}.trickList small{background:var(--yellow);width:max-content;margin-top:5px;padding:4px 6px;font-size:9px;font-weight:900;display:block}.status{border:2px solid #aaa;border-radius:50%;justify-self:end;place-items:center;width:34px;height:34px;display:grid}.status svg{width:17px}.status.landed{background:var(--green);border-color:var(--green)}.status.learning{background:var(--yellow);border-color:var(--yellow)}.myTabs{border:0}.myList>button{text-align:left;background:0 0;border:0;border-bottom:1px solid #ddd;grid-template-columns:26px 112px 1fr 24px;align-items:center;gap:12px;width:100%;min-height:116px;padding:12px 0;display:grid}.handle{font-size:22px}.myPic{height:92px}.myList b,.myList small{display:block}.myList b{font-size:19px}.myList small{color:var(--muted);margin:6px 0 13px;font-size:12px}.myList i{background:#ddd;border-radius:9px;width:100%;height:9px;display:block;overflow:hidden}.myList em{background:var(--yellow);height:100%;display:block}.addTrick,.detailCta{background:0 0;border:2px solid #111;justify-content:center;align-items:center;gap:10px;width:100%;height:56px;margin-top:28px;font-weight:900;display:flex}.detailHero{background:linear-gradient(#9bd0ed 0 65%,#d4c9b6 65%);height:360px;margin:-96px -22px 0;position:relative}.back{z-index:3;background:#fff;border:0;border-radius:8px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:22px;left:20px}.detailArt{color:#ffffff70;place-items:center;height:100%;font:64px Arial Black;display:grid;overflow:hidden}.play{background:#fff;border:0;border-radius:50%;place-items:center;width:68px;height:68px;display:grid;position:absolute;top:55%;left:50%;translate:-50% -50%}.detailHead{justify-content:space-between;gap:15px;padding-top:20px;display:flex}.detailHead h1{text-transform:uppercase;margin:0 0 14px;font-size:38px}.detailHead p{margin:0;font-size:14px;line-height:1.55}.badges{flex-direction:column;gap:7px;display:flex}.badges span,.badges b{text-align:center;border:1px solid #aaa;border-radius:5px;padding:7px 10px;font-size:9px}.badges b{background:var(--yellow);border-color:var(--yellow)}.detailTabs{border-bottom:1px solid #ddd;justify-content:space-between;margin-top:26px;display:flex}.detailTabs>*{padding:12px 5px;font-size:10px}.detailTabs b{border-bottom:4px solid var(--orange)}.infoBlock{margin-top:25px}.infoBlock h3{font-size:13px}.infoBlock p{align-items:center;gap:9px;font-size:13px;display:flex}.infoBlock p svg{background:var(--green);width:18px}.related{flex-direction:column;display:flex}.related button{background:0 0;border:0;border-bottom:1px solid #ddd;justify-content:space-between;padding:13px 0;font-weight:800;display:flex}.detailCta{color:#fff;background:#111;border-radius:28px}.bigStats{text-align:center;background:#fff;grid-template-columns:repeat(3,1fr);padding:25px 10px;display:grid}.bigStats strong{grid-row:1;font:32px Arial Black}.bigStats span{font-size:10px;font-weight:900}.profile{text-align:center}.avatar{background:var(--yellow);border-radius:50%;place-items:center;width:90px;height:90px;margin:30px auto 10px;font:28px Arial Black;display:grid}.modal{z-index:20;background:#000c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sheet{background:var(--paper);text-align:center;width:min(410px,100%);max-height:90vh;padding:32px 22px;position:relative;overflow:auto}.close{background:0 0;border:0;width:44px;height:44px;position:absolute;top:8px;right:8px}.star{font-size:45px}.sheet h1{font-size:48px}.primary{background:var(--yellow);border:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;font-weight:900;display:flex}.text{background:0 0;border:0;padding:15px;text-decoration:underline}.clip{text-align:left}.source{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0;display:grid}.source label{color:#fff;background:#111;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:90px;font-size:10px;font-weight:900;display:flex}.source input{display:none}.tags{flex-wrap:wrap;gap:7px;margin:15px 0;display:flex}.tags button{background:#fff;border:1px solid #aaa;padding:9px}.tags .selected{background:var(--blue)}.fileName{font:11px monospace}.tag{background:var(--yellow);padding:6px;font-size:10px;font-weight:900}nav{z-index:10;width:min(100%,480px);height:82px;padding-bottom:env(safe-area-inset-bottom);background:#fbf8f1;border-top:1px solid #ddd;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;translate:-50%}nav button{background:0 0;border:0;place-items:center;display:grid;position:relative}nav button svg{width:25px;height:25px}nav button.active:after{content:"";background:var(--yellow);border-radius:50%;width:7px;height:7px;position:absolute;bottom:8px}nav .navPlus{border:2px solid #111;border-radius:14px;place-self:center;width:50px;height:50px}button:focus-visible,label:focus-within{outline-offset:2px;outline:3px solid #111}@media (width<=360px){main{padding-inline:16px}.currentArt{height:330px}.quick button{min-height:100px}.detailHero{margin-inline:-16px}.myList>button{grid-template-columns:22px 90px 1fr 20px}}