:root{--bg:#efede8;--ink:#111111;--muted:#4a4a46;--faint:#8b8b85;--card:#ffffff;--purple:#5b2ed0;--purple-soft:#7b4ff0;--pink:#f7a8c8;--orange:#e8552f;--green:#2fa34f;--yellow:#f7d046;--line:#111111;--hard:5px 5px 0 #111111;--hard-sm:3px 3px 0 #111111;--display:var(--font-display),"Comic Sans MS",cursive;--sans:var(--font-sans),-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);line-height:1.6;overflow-x:clip;background:linear-gradient(rgba(17,17,17,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.05) 1px,transparent 1px),var(--bg);background-size:44px 44px,44px 44px,auto}a{color:var(--purple)}.topnav{justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) 28px 4px}.brand,.topnav{display:flex;align-items:center}.brand{gap:12px;text-decoration:none;color:var(--ink)}.brand-logo{height:104px;width:auto;display:block;transition:transform .15s}.brand:hover .brand-logo{transform:rotate(-4deg) scale(1.06)}.brand-text{line-height:1.2}.brand-text em{font-style:normal;font-weight:700;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--faint)}.nav-links{display:flex;gap:10px;align-items:center}.nav-links a{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--card);border:2px solid var(--line);border-radius:999px;box-shadow:var(--hard-sm);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;color:var(--ink);transition:transform .08s,box-shadow .08s}.nav-links a:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 #111}.nav-links i{font-style:normal;color:var(--purple)}.nav-links .nav-cta{background:var(--purple);color:#fff}.nav-links .nav-cta:hover{background:var(--purple-soft);color:#fff}.mobile-menu{display:none;position:relative}.burger{width:50px;height:46px;background:var(--card);border:2px solid var(--line);border-radius:12px;box-shadow:var(--hard-sm);cursor:pointer;padding:5px 6px;transition:transform .1s}.burger:active{transform:translate(2px,2px);box-shadow:none}.burger svg{width:100%;height:100%;display:block}.burger path{stroke:var(--ink);stroke-width:3.6;fill:none;stroke-linecap:round;transform-box:fill-box;transform-origin:center;transition:transform .3s cubic-bezier(.5,-.4,.3,1.4),opacity .2s}.burger.open .b1{transform:translateY(10px) rotate(45deg)}.burger.open .b2{opacity:0;transform:scaleX(.2)}.burger.open .b3{transform:translateY(-10px) rotate(-45deg)}.burger{position:relative;z-index:71}.mobile-drop{position:fixed;inset:0;z-index:70;background:linear-gradient(rgba(17,17,17,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.05) 1px,transparent 1px),var(--bg);background-size:44px 44px,44px 44px,auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:90px 24px 50px;animation:menu-in .25s ease both}@keyframes menu-in{0%{opacity:0;transform:translateY(-3%)}to{opacity:1}}.mobile-drop a,.mobile-drop button{font-family:var(--display);font-size:clamp(2.1rem,9vw,2.9rem);line-height:1;text-transform:uppercase;text-decoration:none;color:var(--ink);animation:link-in .35s ease both;animation-delay:var(--d,0s)}.mobile-drop button{background:none;border:none;cursor:pointer}.mobile-drop a:nth-child(odd){transform:rotate(-1.5deg)}.mobile-drop a:nth-child(2n){transform:rotate(1.2deg)}.mobile-drop a:active{color:var(--purple)}.mobile-drop .drop-logout{align-self:flex-start;background:#fff;color:var(--ink);border:3px solid var(--line);border-radius:999px;box-shadow:var(--hard-sm);padding:8px 24px;font-size:clamp(1.4rem,6vw,1.9rem)}@keyframes link-in{0%{opacity:0;transform:translateY(18px) rotate(3deg)}to{opacity:1}}.mobile-drop .drop-cta{background:var(--purple);color:#fff;border:3px solid var(--line);border-radius:999px;box-shadow:var(--hard);padding:12px 30px;font-size:clamp(1.7rem,7vw,2.2rem)}@media (max-width:860px){.nav-links{display:none}.mobile-menu{display:block}body{overflow-x:clip}}@media (max-width:640px){.brand-text{display:none}.topnav{position:relative;padding:calc(10px + env(safe-area-inset-top)) 20px 6px}.brand,.topnav{justify-content:flex-start}.brand-logo{height:72px}.mobile-menu{position:absolute;right:14px;top:calc(14px + env(safe-area-inset-top))}.main{padding-top:6px}.profile-page{margin-top:4px}}html{scroll-behavior:smooth}.main{max-width:1560px;margin:0 auto;padding:12px clamp(20px,3.5vw,56px) 72px}.footer{background:var(--ink);color:#fff;text-align:center;font-size:.68rem;letter-spacing:.14em;padding:22px;border-top:3px solid var(--line)}.btn,.footer{font-weight:700;text-transform:uppercase}.btn{display:inline-block;border:2px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:10px 20px;font-family:var(--sans);font-size:.78rem;letter-spacing:.05em;cursor:pointer;text-decoration:none;box-shadow:var(--hard-sm);transition:transform .08s,box-shadow .08s,background .15s}.btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 #111}.btn:active{transform:translate(3px,3px);box-shadow:none}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--purple);color:#fff}.btn-primary:hover{background:var(--purple-soft)}.btn-big{padding:15px 32px;font-size:.92rem;box-shadow:var(--hard)}.btn-big:hover{box-shadow:2px 2px 0 #111}.sublabel{display:inline-block;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;background:var(--yellow);border:2px solid var(--line);border-radius:999px;padding:5px 16px;box-shadow:var(--hard-sm);transform:rotate(-2deg);margin-bottom:18px;transition:transform .15s}.sublabel:hover{transform:rotate(2deg) scale(1.06)}.hero{text-align:center;padding:26px 0 40px;position:relative}.hero:after,.hero:before{content:"";position:absolute;border:3px solid var(--line);z-index:-1}.hero:before{width:54px;height:54px;border-radius:50%;background:var(--pink);top:40px;left:6%;animation:bob 5s ease-in-out infinite}.hero:after,.hero:before{box-shadow:var(--hard-sm)}.hero:after{width:46px;height:46px;background:var(--green);border-radius:10px;bottom:40px;right:7%;animation:bob 6s ease-in-out 1s infinite reverse}@keyframes bob{0%,to{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-12px) rotate(-6deg)}}.hero-logo{margin:0}.hero-logo img{width:clamp(180px,20vw,240px);height:auto;display:block;margin:0 auto;transition:transform .15s}.hero-logo img:hover{transform:rotate(-4deg) scale(1.06)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.flask-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.flask-svg{width:100%;height:auto;display:block}.flask-wordmark{width:78%;height:auto;display:block}.bub{transform-box:fill-box;transform-origin:center}.bub1{animation:bub-drift1 4.5s ease-in-out infinite alternate}.bub2{animation:bub-drift2 5.6s ease-in-out .6s infinite alternate}.bub3{animation:bub-drift3 6.4s ease-in-out .3s infinite alternate}.bub4{animation:bub-drift4 7.2s ease-in-out 1s infinite alternate}@keyframes bub-drift1{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(-36px,150px) rotate(-14deg)}to{transform:translate(30px,300px) rotate(10deg)}}@keyframes bub-drift2{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(120px,160px) rotate(16deg)}to{transform:translate(-60px,260px) rotate(-10deg)}}@keyframes bub-drift3{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(190px,130px) rotate(12deg)}to{transform:translate(60px,220px) rotate(-14deg)}}@keyframes bub-drift4{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(120px,-60px) rotate(8deg)}to{transform:translate(-70px,40px) rotate(-8deg)}}@media (prefers-reduced-motion:reduce){.bub1,.bub2,.bub3,.bub4{animation:none}}.tagline{max-width:600px;margin:24px auto 28px;color:var(--muted);font-size:1.05rem}.tagline strong{color:var(--ink)}@media (max-width:720px){.hero{padding:10px 0 20px}.hero-logo img{width:clamp(118px,32vw,150px)}.tagline{margin:12px auto 16px;font-size:.96rem;line-height:1.45}.hero .btn-big{margin-bottom:8px}}.ticker{background:var(--purple);border-top:3px solid var(--line);border-bottom:3px solid var(--line);overflow:hidden;width:100vw;margin:0 0 0 calc(50% - 50vw)}.ticker-track{display:inline-flex;white-space:nowrap;animation:tickmove 30s linear infinite}.ticker-track span{font-family:var(--display);font-size:1.5rem;text-transform:uppercase;color:#fff;padding:12px 0;letter-spacing:.04em}@keyframes tickmove{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.how{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:22px;gap:22px;margin:44px 0 64px}@media (max-width:720px){.how{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;margin:30px 0 40px;padding-bottom:10px;scroll-padding-left:4px}.how-step{flex:0 0 80%;scroll-snap-align:center}.how-step .step-ill img{width:100%;height:auto;display:block}}.how-step{background:var(--card);border:3px solid var(--line);border-radius:18px;padding:22px 20px;box-shadow:var(--hard);transition:transform .15s,box-shadow .15s}.how-step:nth-child(odd){transform:rotate(-.7deg)}.how-step:nth-child(2n){transform:rotate(.7deg)}.how-step:hover{transform:rotate(0deg) translateY(-6px);box-shadow:7px 11px 0 #111}.how-step:hover span{animation:wiggle .4s ease-in-out}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.how-step .step-ill{background:var(--bg);border:2px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden}.how-step span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;font-family:var(--display);font-size:1.25rem;color:#fff;background:var(--purple);border:2px solid var(--line);border-radius:50%;margin-bottom:12px}.how-step:nth-child(2) span{background:var(--orange)}.how-step:nth-child(3) span{background:var(--green)}.how-step:nth-child(4) span{background:var(--pink);color:var(--ink)}.how-step h3{font-family:var(--display);font-size:1.35rem;text-transform:uppercase;margin-bottom:6px}.how-step p{font-size:.88rem;color:var(--muted)}.gallery h2,.openboard h2{font-family:var(--display);font-size:clamp(2.2rem,5.5vw,3.6rem);text-transform:uppercase;line-height:1;margin-bottom:22px}.empty{color:var(--muted)}.leaderboard{margin:0 0 64px}.leaderboard h2{font-family:var(--display);font-size:clamp(2.2rem,5.5vw,3.6rem);text-transform:uppercase;line-height:1;margin-bottom:22px}.leader-list{list-style:none;display:flex;flex-direction:column;gap:12px;max-width:720px}.leader-row{display:flex;align-items:center;gap:14px;background:var(--card);border:3px solid var(--line);border-radius:14px;box-shadow:var(--hard-sm);padding:10px 18px;transition:transform .12s}.leader-row:nth-child(odd){transform:rotate(-.4deg)}.leader-row:nth-child(2n){transform:rotate(.4deg)}.leader-row:hover{transform:rotate(0deg) translateY(-2px)}.leader-rank{font-family:var(--display);font-size:1.6rem;min-width:36px;text-align:center}.leader-avatar{width:44px;height:44px;border-radius:50%;border:2px solid var(--line);object-fit:cover;background:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.leader-name{font-family:var(--display);font-size:1.5rem;text-transform:uppercase;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-stats{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.leader-list li{list-style:none}a.leader-row{text-decoration:none;color:var(--ink);cursor:pointer}a.leader-row:hover{box-shadow:5px 6px 0 #111}.leader-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.85fr) minmax(300px,1.45fr);grid-gap:24px;gap:24px;align-items:start}@media (max-width:1000px){.leader-wrap{grid-template-columns:1fr 1fr}}@media (max-width:640px){.leader-wrap{grid-template-columns:1fr}}.leader-wrap .leader-row{padding:8px 12px;gap:10px}.leader-wrap .leader-rank{font-size:1.2rem;min-width:26px}.leader-wrap .leader-avatar{width:34px;height:34px}.leader-wrap .leader-name{font-size:1.1rem}.leader-wrap .leader-stats .chip{font-size:.52rem;padding:1px 7px}.top-rated-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--ink);background:var(--card);border:3px solid var(--line);border-radius:16px;box-shadow:var(--hard);padding:18px;transform:rotate(-.6deg);transition:transform .12s}.top-rated-card:hover{transform:rotate(0deg) translateY(-3px)}.top-rated-img{background:#fff;border:2px solid var(--line);border-radius:10px;height:300px;overflow:hidden;display:flex;align-items:center;justify-content:center}.top-rated-img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.top-rated-card strong{font-family:var(--display);font-size:1.8rem;text-transform:uppercase;line-height:1}.player-search{background:var(--card);border:3px solid var(--line);border-radius:16px;box-shadow:var(--hard);padding:20px;transform:rotate(.5deg);max-width:420px}.player-search h3{font-family:var(--display);font-size:1.6rem;text-transform:uppercase;line-height:1;margin-bottom:4px}.player-search input{width:100%;margin-top:10px;padding:11px 14px;font-size:.95rem;border:2px solid var(--line);border-radius:12px;background:#fff}.player-search input:focus{outline:none;box-shadow:var(--hard-sm)}.player-results{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:8px}.player-results li{display:flex;align-items:center;justify-content:space-between;gap:10px}.player-result-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-weight:700;min-width:0;overflow:hidden}.player-result-link:hover{color:var(--purple)}.card-link{display:block;text-decoration:none;color:var(--ink)}.card-artists{padding:0 16px 14px;margin-top:-6px}.artist-link{color:var(--purple);font-weight:700;text-decoration:none}.artist-link:hover{text-decoration:underline}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:14px;gap:14px;margin-top:10px}.profile-thumb{display:block;text-decoration:none;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--hard-sm);transition:transform .1s}.profile-thumb:hover{transform:translateY(-3px) rotate(-1deg)}.profile-thumb img{width:100%;height:120px;object-fit:contain;background:#fff;display:block}.profile-thumb span{display:block;padding:6px 8px;font-family:var(--display);font-size:1rem;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:2px solid var(--line)}.icon{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.18em;flex-shrink:0}.card-share,.card-toggle,.card-zoom{display:inline-flex;align-items:center;gap:5px;background:#fff;border:2px solid var(--line);border-radius:999px;box-shadow:var(--hard-sm);padding:5px 11px;font-weight:700;font-size:.62rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink);cursor:pointer;transition:transform .08s}.card-share{left:12px;z-index:4}.card-corner,.card-share{position:absolute;top:12px}.card-corner{right:12px;z-index:5;display:flex;align-items:center;gap:8px}.card-zoom{padding:5px 8px}.card-zoom svg{width:15px;height:15px}.tilt .card-corner,.tilt .share-wrap{transform:translateZ(70px);z-index:5}.tilt .card-corner .card-toggle:hover,.tilt .card-corner .card-zoom:hover{transform:translateY(-1px) rotate(-2deg)}.card-toggle.on{background:var(--ink);color:#fff}.share-wrap{position:absolute;top:12px;left:12px;z-index:5}.share-wrap .card-share{position:static}.lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(17,17,17,.82);cursor:zoom-out}.lightbox img{max-width:min(92vw,620px);max-height:92vh;width:auto;height:auto;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.5);cursor:default}.lightbox-close{position:absolute;top:20px;right:24px;width:46px;height:46px;border-radius:50%;border:3px solid #fff;background:rgba(0,0,0,.4);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer}.share-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:20;background:#fff;border:2px solid var(--line);border-radius:12px;box-shadow:var(--hard-sm);padding:6px;display:flex;flex-direction:column;gap:2px;min-width:160px}.share-menu button{text-align:left;background:none;border:none;border-radius:8px;padding:8px 10px;font-weight:700;font-size:.72rem;color:var(--ink);cursor:pointer}.share-menu button:hover{background:var(--bg);color:var(--purple)}.creature-actions .share-wrap{position:relative;top:auto;left:auto}.menagerie-page{max-width:1560px;margin:0 auto}.menagerie-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin-bottom:6px}.menagerie-search{flex:1 1;min-width:240px;padding:13px 16px;font-size:1rem;border:3px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--hard-sm)}.menagerie-search:focus{outline:none;box-shadow:var(--hard)}.menagerie-selects{display:flex;gap:12px;flex-wrap:wrap}.menagerie-selects label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.menagerie-selects select{padding:11px 14px;font-size:.92rem;border:3px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--hard-sm);cursor:pointer}.menagerie-count{margin:4px 0 18px}.grid{column-width:390px;column-gap:44px;padding:6px 0 8px}.grid>.tilt{page-break-inside:avoid;break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:44px}@media (max-width:560px){.grid{column-gap:30px}.grid>.tilt{margin-bottom:30px}}.tilt{perspective:1100px}.grid>.tilt:nth-child(odd){transform:rotate(-1deg)}.grid>.tilt:nth-child(2n){transform:rotate(1deg)}.grid>.tilt:hover{transform:rotate(0deg);position:relative;z-index:3}.tilt-inner{display:block;transform-style:preserve-3d;transition:transform .18s ease-out;will-change:transform}.tilt .card-img{transform:translateZ(46px)}.tilt .card-body{transform:translateZ(28px)}.tilt:hover .card{box-shadow:8px 11px 0 #111}.card{background:var(--card);border:3px solid var(--line);border-radius:18px;text-decoration:none;color:var(--ink);box-shadow:var(--hard);transform-style:preserve-3d;transition:box-shadow .15s}.card-img{width:100%;background:#fff;overflow:hidden;border-bottom:3px solid var(--line);border-radius:15px 15px 0 0}.card-img img{width:100%;height:auto;display:block}.card-body{padding:14px 16px 16px}.spec-no{display:inline-block;font-weight:700;font-size:.6rem;letter-spacing:.12em;background:var(--pink);border:2px solid var(--line);border-radius:999px;padding:2px 10px;margin-bottom:8px}.card-body h3,.spec-no{text-transform:uppercase}.card-body h3{font-family:var(--display);font-size:1.4rem;margin-bottom:6px}.card-meta{display:flex;align-items:center;gap:8px}.votes{font-weight:700;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}.artists{font-size:.8rem;color:var(--muted);margin-top:6px}.stars{display:inline-flex;font-size:1.05rem;line-height:1}.star-wrap{position:relative;display:inline-block}.star{color:#d8d5cc}.star.full{position:absolute;left:0;top:0;overflow:hidden;color:var(--orange);white-space:nowrap}.stars.interactive{font-size:1.8rem}.star-btn{background:none;border:none;color:#d8d5cc;font-size:inherit;cursor:pointer;padding:2px;transition:color .1s,transform .1s}.star-btn.hot{color:var(--orange);transform:scale(1.2) rotate(8deg)}.panel{background:var(--card);border:3px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--hard)}.narrow{max-width:660px;margin:14px auto 28px}.center{text-align:center}.panel h1{font-size:1.9rem;line-height:1.15;margin-bottom:14px}.panel h1,.panel h2{font-family:var(--display);text-transform:uppercase}.panel h2{font-size:1.35rem}.panel p{margin-bottom:14px;color:var(--muted)}.panel p strong{color:var(--ink)}.field{display:block;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin-bottom:16px}.field input,.field select,.submit-bar input{display:block;width:100%;margin-top:6px;padding:11px 14px;font-size:.95rem;font-family:var(--sans);border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}.field input::placeholder,.submit-bar input::placeholder{color:var(--faint)}.field input:focus,.field select:focus,.submit-bar input:focus{outline:none;box-shadow:var(--hard-sm)}.hint{font-size:.82rem;color:var(--faint)}.hint-lg{font-size:1rem;line-height:1.6;color:var(--muted)}.hint-lg strong{color:var(--ink)}.wizard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;min-height:38px}.wizard-back{padding:7px 14px;font-size:.66rem}.wizard-count{font-family:var(--display);font-size:1.1rem;color:var(--faint);transform:rotate(-2deg)}.type-tiles{display:flex;flex-direction:column;gap:14px;margin-top:6px}.type-tile{padding:16px 18px}.type-emoji{font-size:1.9rem;flex-shrink:0}.type-tile .count-info em{font-size:.8rem}.count-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:12px;gap:12px;margin-top:8px}.count-tile{display:flex;align-items:center;gap:13px;text-align:left;background:#fff;border:2px solid var(--line);border-radius:14px;padding:10px 14px;cursor:pointer;font:inherit;transition:transform .1s,box-shadow .1s,background .1s}.count-tile:hover{transform:translateY(-2px);box-shadow:var(--hard-sm)}.count-tile.active{background:#f2ecff;box-shadow:var(--hard-sm);outline:3px solid var(--purple);outline-offset:-1px}.split-svg{width:54px;height:54px;flex-shrink:0;border:2px solid var(--line);border-radius:10px;background:#fff}.count-info{display:flex;flex-direction:column;gap:2px;min-width:0}.count-info strong{font-family:var(--display);font-size:1.25rem;text-transform:uppercase}.count-info em{font-style:normal;font-weight:400;font-size:.7rem;letter-spacing:.02em;text-transform:none;color:var(--faint)}.error{color:var(--orange)}.error,.notice{font-weight:700}.notice{color:var(--green)}.links{margin:20px 0;display:flex;flex-direction:column;gap:14px}.link-row{display:grid;grid-template-columns:160px 1fr auto;grid-gap:10px;gap:10px;align-items:center}.link-info{display:flex;flex-direction:column;font-size:.8rem}.link-info strong{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.link-info span{color:var(--faint);overflow:hidden;text-overflow:ellipsis}.link-status{font-weight:700;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em}.link-status.now{color:var(--green)}.link-actions{display:flex;gap:6px}.link-row .btn{white-space:nowrap;padding:7px 12px;font-size:.62rem}.link-row input{padding:9px 11px;font-size:.75rem;border:2px solid var(--line);border-radius:10px;color:var(--muted);background:var(--bg);min-width:0}@media (max-width:640px){.link-row{grid-template-columns:1fr auto}.link-info{grid-column:1/-1;flex-direction:row;gap:8px}}.recent{margin-top:30px;border-top:2px dashed var(--line);padding-top:20px}.recent h2{margin-bottom:10px}.recent ul{gap:6px}.progress-list,.recent ul{list-style:none;display:flex;flex-direction:column}.progress-list{margin:18px 0;gap:10px}.progress-list li{background:var(--bg);border:2px solid var(--line);border-radius:12px;padding:11px 14px;color:var(--faint);font-weight:700;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.progress-list li.done{color:var(--ink);background:#fff;box-shadow:var(--hard-sm)}.drawroom{max-width:1040px;margin:0 auto}.drawroom-head{text-align:center;margin-bottom:20px}.drawroom-head h1{font-family:var(--display);text-transform:uppercase;font-size:clamp(1.7rem,4.2vw,2.6rem);line-height:1.15}.drawroom-head em{color:var(--purple);font-style:normal}.drawroom-head p{color:var(--muted);max-width:660px;margin:10px auto 0;font-size:.92rem}.your-bit{display:flex;justify-content:center;margin:14px 0 4px}.your-bit-fig{position:relative}.your-bit .split-svg{width:78px;height:78px;background:#fff;border:2px solid var(--line);border-radius:12px;box-shadow:var(--hard-sm);display:block}.your-bit-label{position:absolute;left:calc(100% + 10px);transform:translateY(-50%) rotate(-2deg);font-family:var(--display);font-size:1.2rem;white-space:nowrap}.your-bit-label-h{left:auto;top:calc(100% + 6px);transform:translateX(-50%) rotate(-2deg)}.your-bit .your-bit-label-h{left:50%}.canvas-area-row{display:flex;align-items:stretch}.fold-v{flex:0 0 11.4%;border:3px solid var(--line);border-right:3px dashed var(--orange);border-radius:16px 0 0 16px;margin-right:-12px;margin-bottom:0;overflow:hidden;background:#fff;position:relative;line-height:0}.fold-v img{width:100%;height:100%;object-fit:fill;display:block}.fold-start-note{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;font-weight:800;font-size:.64rem;line-height:1.25;color:var(--muted)}.fold-v .fold-label{top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);padding:3px 10px}.canvas-area-row .canvas-box{flex:1 1;min-width:0}.canvas-wrap.has-fold-v .draw-canvas{border-radius:0 16px 16px 0}.orient-tiles .split-svg{width:64px;height:64px;flex-shrink:0;border:2px solid var(--line);border-radius:10px;background:#fff}.fold{position:relative;border:3px solid var(--line);border-bottom:3px dashed var(--orange);border-radius:16px 16px 0 0;overflow:hidden;background:#fff;line-height:0}.fold img{width:100%;display:block}.fold-label{position:absolute;top:7px;left:50%;transform:translateX(-50%) rotate(-1deg);background:var(--yellow);color:var(--ink);border:2px solid var(--line);font-size:.6rem;text-transform:uppercase;font-weight:700;letter-spacing:.1em;padding:3px 14px;border-radius:999px;line-height:1.5}.canvas-wrap{display:flex;flex-direction:column;gap:12px}.canvas-wrap.has-fold .fold{margin-bottom:-12px}.canvas-wrap.has-fold .draw-canvas{border-radius:0 0 16px 16px}.draw-controls{display:flex;flex-direction:column;gap:12px}@media (max-width:720px){.draw-controls{position:-webkit-sticky;position:sticky;top:env(safe-area-inset-top);z-index:30;background:var(--bg);padding-bottom:8px}}.toolbar{flex-wrap:wrap;gap:10px 18px;justify-content:center;background:var(--card);border:3px solid var(--line);border-radius:16px;box-shadow:var(--hard-sm);padding:10px 14px;margin-top:12px}.tool-group,.toolbar{display:flex;align-items:center}.tool-group{gap:6px}.tool-btn{border:2px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:7px 14px;font-weight:700;font-size:.7rem;text-transform:uppercase;cursor:pointer;transition:transform .08s}.tool-btn:hover{transform:translateY(-1px)}.tool-btn.active{background:var(--purple);color:#fff}.tool-btn:disabled{opacity:.35;cursor:default}.size-label{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.68rem;text-transform:uppercase;color:var(--muted)}.size-dot{border-radius:50%;display:inline-block;border:2px solid var(--line)}.size-dot-box{flex:0 0 30px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center}.size-label input[type=range]{width:100px;flex:0 0 auto}.palette{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.swatch{width:34px;height:34px;border-radius:10px;border:2px solid var(--line);cursor:pointer;transition:transform .1s}.swatch:hover{transform:scale(1.12) rotate(4deg)}.swatch.active{box-shadow:var(--hard-sm);transform:scale(1.08)}.swatch.custom{display:inline-flex;align-items:center;justify-content:center;background:#fff;position:relative;font-size:1rem}.swatch.custom input{position:absolute;inset:0;opacity:0;cursor:pointer}.canvas-box{position:relative}.canvas-tips{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:24px}.canvas-tips-card{background:rgba(255,255,255,.93);border:3px solid var(--line);border-radius:16px;box-shadow:var(--hard);padding:22px 26px;max-width:520px;text-align:center;transform:rotate(-1deg);pointer-events:auto;cursor:pointer}@media (max-width:720px){.tool-btn-instructions{display:none}}.canvas-tips-card strong{display:block;font-family:var(--display);font-size:1.7rem;text-transform:uppercase;margin-bottom:6px}.canvas-tips-card p{color:var(--muted);font-size:.95rem;margin-bottom:10px}.tips-go{pointer-events:auto;margin:6px 0 4px}.canvas-tips-card em{display:block;font-style:normal;font-weight:700;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--faint)}.canvas-tips-controls{margin:12px 0;padding:12px 14px;border:2px dashed var(--purple);border-radius:12px;background:#f4efff;text-align:left}.tips-arrow{display:block;font-family:var(--display);font-size:1.2rem;color:var(--purple);margin-bottom:6px}.canvas-tips-controls ul{list-style:none;display:flex;flex-direction:column;gap:5px}.canvas-tips-controls li{font-size:.82rem;color:var(--muted)}.canvas-tips-controls b{color:var(--ink)}.guide-overlay{position:absolute;inset:4px;overflow:hidden;pointer-events:none;border-radius:13px}.guide-overlay svg{width:100%;display:block}.guide-overlay .guide-img{position:absolute;top:0;left:0;max-width:none;object-fit:fill;opacity:.4;display:block}.canvas-wrap.has-fold .guide-overlay{border-radius:0 0 13px 13px}.draw-canvas{width:100%;background:#fff;border:3px solid var(--line);border-radius:16px;box-shadow:var(--hard);touch-action:none;display:block}@media (max-width:720px){.canvas-wrap{padding:6px 26px 18px}}.draw-canvas.tool-brush{cursor:crosshair}.draw-canvas.tool-fill{cursor:cell}.draw-canvas.tool-eraser{cursor:-webkit-grab;cursor:grab}.submit-bar{display:flex;gap:12px;margin-top:18px;align-items:stretch}.submit-bar input{flex:1 1;margin-top:0}.submit-bar .btn{white-space:nowrap}@media (max-width:560px){.submit-bar{flex-direction:column}}.draw-name{max-width:360px;margin:0 auto 16px}.drawer{position:fixed;inset:0;z-index:200;background:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,var(--font-sans),"Segoe UI",sans-serif}.drawer-bar{flex:0 0 auto;justify-content:space-between;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 16px 8px}.drawer-bar,.drawer-bar-right{display:flex;align-items:center}.drawer-bar-right{gap:12px}.drawer-x{flex:0 0 auto;width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:#ececef;color:#1c1c1e;box-shadow:0 1px 3px rgba(0,0,0,.12)}.drawer-x:active{background:#dededf}.drawer-history{display:flex;background:#ececef;border-radius:999px;box-shadow:0 1px 3px rgba(0,0,0,.12);overflow:hidden}.drawer-history button{border:none;background:none;padding:9px 17px;color:#1c1c1e;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.drawer-history button:active{background:#dededf}.drawer-history button:disabled{color:#c4c4c8;cursor:default}.drawer-history button+button{box-shadow:inset 1px 0 0 rgba(0,0,0,.08)}.drawer-check{flex:0 0 auto;width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:#0a84ff;color:#fff;box-shadow:0 2px 7px rgba(10,132,255,.45)}.drawer-check:active{background:#0070e0}.drawer-check:disabled{opacity:.5;cursor:default}.drawer-check-dots{font-size:1.1rem;font-weight:800}.drawer-body{flex:1 1 auto;min-height:0;overflow:hidden;padding:0;display:flex;position:relative}.drawer-error{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:12;max-width:calc(100% - 28px);margin:0;padding:9px 16px;text-align:center;font-weight:700;font-size:.85rem;color:#c0392b;background:#fff;border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,.16)}.drawer .canvas-wrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column-reverse;gap:0;padding:0}.drawer .canvas-area{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:6px 8px 2px}.drawer .canvas-area.canvas-area-row{flex-direction:row;justify-content:center;align-items:center}.fold-canvas-col{display:contents}.drawer .canvas-area-row .fold-canvas{display:flex;align-items:stretch;max-width:100%;max-height:100%;min-height:0}.drawer .canvas-area-row .fold-canvas .canvas-box{flex:0 1 auto;min-width:0}.drawer .canvas-area-row .fold-canvas .fold-v{flex:0 0 42px;align-self:auto}.drawer .fold-v{border:1px solid #ececef;border-right:2px dashed var(--orange);border-radius:16px 0 0 16px;margin-right:-1px;box-shadow:0 6px 24px rgba(0,0,0,.08)}.drawer .fold-v .fold-label{border-width:1px;box-shadow:0 1px 3px rgba(0,0,0,.12)}.drawer .canvas-box{max-width:100%;max-height:100%;display:flex;overflow:hidden;background:#fff;border:1px solid #ececef;border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,.08)}.drawer .canvas-wrap.has-fold-v .canvas-box{border-radius:0 16px 16px 0}.drawer .canvas-wrap.has-fold .canvas-box{border-radius:0 0 16px 16px}.drawer .canvas-tips{z-index:40;padding:14px}.drawer .canvas-tips-card{max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.drawer .draw-canvas{width:auto;height:auto;max-width:100%;max-height:100%;margin:0;border:none;border-radius:0;box-shadow:none}.drawer .draw-canvas,.drawer .guide-overlay{transform-origin:center center;will-change:transform}.zoom-controls{position:absolute;right:9px;bottom:9px;z-index:8;display:flex;flex-direction:column;align-items:stretch;gap:1px;padding:3px;background:rgba(255,255,255,.84);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.18)}.zoom-btn{border:none;background:transparent;color:#1c1c1e;width:38px;height:33px;font-size:1.25rem;font-weight:600;line-height:1;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.zoom-btn:hover{background:rgba(0,0,0,.06)}.zoom-btn:active{background:rgba(0,0,0,.12)}.zoom-btn:disabled{opacity:.3;cursor:default}.zoom-btn.zoom-pct{font-size:.62rem;font-weight:800;height:22px;color:#0a84ff;letter-spacing:.02em}.drawer .draw-controls{position:static;flex:0 0 auto;align-self:center;max-width:calc(100% - 20px);display:flex;flex-direction:column;align-items:center;gap:9px;margin:0 10px calc(10px + env(safe-area-inset-bottom));padding:10px 16px 14px;background:#f6f6f8;border:none;border-radius:24px;box-shadow:0 6px 26px rgba(0,0,0,.15)}.drawer .draw-controls:before{content:"";width:38px;height:5px;border-radius:999px;background:#d2d2d7;margin-bottom:2px}.drawer .toolbar{border:none;box-shadow:none;background:none;padding:0;margin:0;gap:8px 12px;justify-content:center}.drawer .palette{margin:0;gap:9px}.drawer .tool-btn{border:none;background:#fff;color:#1c1c1e;border-radius:12px;padding:8px 13px;font-size:.8rem;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.12)}.drawer .tool-btn:hover{transform:none}.drawer .tool-btn.active{background:#0a84ff;color:#fff}.drawer .tool-btn:disabled{opacity:.4}.drawer .swatch{width:30px;height:30px;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.22)}.drawer .swatch.active{box-shadow:0 0 0 2px #0a84ff,0 1px 3px rgba(0,0,0,.22)}.drawer .swatch.custom{background:conic-gradient(from 0deg,#ff0040,#ff8a00,#ffe600,#37d400,#00c2ff,#3b5bff,#c400ff,#ff0040);color:transparent;position:relative}.drawer .swatch.custom:after{content:"";position:absolute;inset:8px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.drawer .size-label{font-size:.72rem;gap:7px;color:#6b6b70;font-weight:700}.creature{max-width:720px;margin:0 auto}.creature-head{text-align:center;margin-bottom:20px}.creature-head h1{font-family:var(--display);text-transform:uppercase;font-size:clamp(2.3rem,6vw,3.4rem);line-height:1.05}.rating-row{align-items:center;margin-top:10px}.rating-row,.view-tabs{display:flex;justify-content:center;gap:10px}.view-tabs{margin-bottom:16px}.view-tabs.left{justify-content:flex-start;margin:4px 0 20px}.tab{border:2px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:8px 18px;font-weight:700;font-size:.72rem;text-transform:uppercase;cursor:pointer;box-shadow:var(--hard-sm);transition:transform .08s,box-shadow .08s}.tab:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 #111}.tab.active{background:var(--ink);color:#fff}.creature-img{position:relative;background:#fff;border:3px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--hard)}.creature-img img{width:100%;display:block}.creature-img.is-loading img{filter:blur(3px) grayscale(.3);transform:scale(1.02)}.ai-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:20px;color:#fff;background:rgba(17,17,17,.62);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ai-loading strong{font-family:var(--display);font-size:1.5rem}.ai-loading-sub{font-size:.85rem;opacity:.85}.ai-spinner{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;margin-bottom:8px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:ai-spin .9s linear infinite}.ai-spinner svg{width:28px;height:28px;stroke:#fff;animation:ai-pulse 1.4s ease-in-out infinite}@keyframes ai-spin{to{transform:rotate(1turn)}}@keyframes ai-pulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.swipe{position:relative;background:#fff;border:3px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--hard);touch-action:none;cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.swipe-under{width:100%;max-height:76vh;object-fit:contain;display:block;background:var(--bg)}.swipe-top{position:absolute;inset:0;background:var(--bg)}.swipe-top img{width:100%;height:100%;object-fit:contain;display:block}.swipe-handle{position:absolute;top:0;bottom:0;width:4px;background:var(--line);transform:translateX(-50%);pointer-events:none}.swipe-handle span{top:50%;left:50%;transform:translate(-50%,-50%);background:var(--yellow);padding:8px 12px;font-size:.8rem;white-space:nowrap;box-shadow:var(--hard-sm)}.swipe-handle span,.swipe-tag{position:absolute;border:2px solid var(--line);border-radius:999px;font-weight:700}.swipe-tag{bottom:12px;background:var(--card);padding:3px 12px;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;pointer-events:none}.swipe-tag-left{left:12px}.swipe-tag-right{right:12px}.swipe-hint{margin-top:10px}.creature-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:22px 0}.rate-box{text-align:center;background:var(--card);border:3px solid var(--line);border-radius:16px;box-shadow:var(--hard-sm);padding:20px;margin-bottom:22px}.rate-box p{margin-bottom:8px;font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.nav-avatar{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);object-fit:cover}.linklike{background:none;border:none;padding:0;font:inherit;color:var(--purple);text-decoration:underline;cursor:pointer}.pw-fallback{margin-top:14px;border-top:2px dashed var(--line);padding-top:18px}.me-id{display:flex;gap:16px}.avatar,.me-id{align-items:center}.avatar{width:72px;height:72px;border-radius:50%;border:3px solid var(--line);box-shadow:var(--hard-sm);object-fit:cover;background:#fff;display:inline-flex;justify-content:center;font-size:1.8rem;flex-shrink:0}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:14px;gap:14px;margin:18px 0}.stat{position:relative;background:#fff;border:3px solid var(--line);border-radius:16px;padding:16px 12px 14px;text-align:center;box-shadow:4px 4px 0 var(--line)}.stat-ico{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:3px solid var(--line);border-radius:50%;margin-bottom:8px}.stat-ico svg{width:26px;height:26px}.stat-pink .stat-ico{background:#f7a8c8}.stat-yellow .stat-ico{background:#f7d046}.stat-blue .stat-ico{background:#7fd3ea}.stat-purple .stat-ico{background:#c9b6ff}.stat strong{display:block;font-family:var(--display);font-size:2.5rem;line-height:1;color:var(--ink)}.stat .stat-label{display:block;margin-top:5px;font-family:var(--sans);font-weight:800;font-size:.82rem;letter-spacing:0;text-transform:none;color:#2a2a2a}.profile-editor{border:2px dashed var(--line);border-radius:14px;padding:18px;margin:14px 0 6px}.avatar-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));grid-gap:10px;gap:10px;margin:12px 0 16px}.avatar-choice{aspect-ratio:1;border-radius:50%;border:3px solid var(--line);background-color:#fff;background-size:160%;background-position:top;cursor:pointer;transition:transform .1s,box-shadow .1s}.avatar-choice:hover{transform:scale(1.1) rotate(3deg)}.avatar-choice.picked{box-shadow:0 0 0 4px var(--green);transform:scale(1.08)}.me-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.me-section{margin:26px 0 6px;display:inline-block;background:var(--yellow);border:2px solid var(--line);border-radius:999px;padding:3px 14px;transform:rotate(-1deg);font-size:.72rem!important}.game-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.game-row .btn{white-space:nowrap;padding:6px 12px;font-size:.6rem}.game-cell{display:flex;flex-direction:column;gap:5px;min-width:0}.game-title{font-family:var(--display);font-size:1.45rem;line-height:1;text-transform:uppercase}.game-chips{display:flex;flex-wrap:wrap;gap:5px}.chip{font-style:normal;font-weight:700;font-size:.56rem;text-transform:uppercase;letter-spacing:.06em;background:#fff;border:2px solid var(--line);border-radius:999px;padding:1px 9px;color:var(--ink)}.chip-public{background:var(--green);color:#fff}.chip-private{background:var(--purple);color:#fff}.chip-mine{background:var(--yellow)}.finished-thumb{flex-shrink:0;width:64px;height:80px;background:#fff;border:2px solid var(--line);border-radius:10px;overflow:hidden;display:block}.finished-thumb img{width:100%;height:100%;object-fit:contain}.chip-add{background:#fff;border-color:var(--purple);color:var(--purple);cursor:pointer;font-family:inherit;transition:transform .08s}.chip-add:hover{transform:scale(1.06);background:#f2ecff}.chip-friend{background:var(--green);color:#fff}.game-status{font-family:var(--sans);font-size:.92rem;font-weight:600;line-height:1.4;text-transform:none;letter-spacing:0;color:var(--muted)}.game-status strong{color:var(--ink)}@media (max-width:560px){.game-row{flex-direction:column;align-items:stretch}}.game-meta{font-style:normal;font-weight:400;color:var(--faint);text-transform:none;letter-spacing:.02em}.credit-packs{margin:6px 0 4px}.packs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:14px;gap:14px;margin-bottom:12px}.pack-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;border:3px solid var(--line);border-radius:16px;box-shadow:var(--hard-sm);padding:20px 14px 14px;cursor:pointer;font:inherit;transition:transform .12s,box-shadow .12s}.pack-tile:hover{transform:translateY(-3px);box-shadow:5px 7px 0 #111}.pack-best{background:#fdf3d0;border-color:var(--orange)}.pack-flag{position:absolute;top:-12px;background:var(--orange);color:#fff;border:2px solid var(--line);border-radius:999px;padding:2px 12px;font-weight:700;font-size:.56rem;text-transform:uppercase;letter-spacing:.08em}.pack-n{font-family:var(--display);font-size:2.4rem;line-height:1}.pack-label{font-weight:700;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.pack-price{font-family:var(--sans);font-weight:800;font-size:2.1rem;line-height:1;margin-top:8px}.pack-buy{margin-top:10px;background:var(--purple);color:#fff;border:2px solid var(--line);border-radius:999px;padding:5px 16px;font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.pack-tile:hover .pack-buy{background:#4a24ad}.pack-tile:disabled{opacity:.6;cursor:default}.pack-tile:disabled:hover{transform:none;box-shadow:4px 5px 0 #111}.refer-card{background:#fff;border:3px solid var(--line);border-radius:16px;box-shadow:4px 4px 0 var(--line);padding:18px 18px 16px}.refer-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.refer-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#f7d046;border:3px solid var(--line);border-radius:50%}.refer-ico svg{width:24px;height:24px}.refer-head strong{display:block;font-size:1.05rem}.refer-head p{margin:3px 0 0;font-size:.9rem;color:var(--muted)}.refer-form{display:flex;gap:10px;flex-wrap:wrap}.refer-form input{flex:1 1;min-width:180px;padding:11px 14px;border:3px solid var(--line);border-radius:12px;font-family:var(--sans);font-size:1rem}.refer-form input:focus{outline:3px solid var(--purple);outline-offset:1px}.notice-err{color:#c0392b}.redeem-card{background:#fff;border:3px solid var(--line);border-radius:16px;box-shadow:4px 4px 0 var(--line);padding:18px}.redeem-form{display:flex;gap:10px;flex-wrap:wrap}.redeem-form input{flex:1 1;min-width:160px;padding:11px 14px;border:3px solid var(--line);border-radius:12px;font-family:var(--sans);font-size:1rem;text-transform:uppercase}.redeem-form input[type=number]{flex:0 0 110px;min-width:90px;text-transform:none}.redeem-form input:focus{outline:3px solid var(--purple);outline-offset:1px}.redeem-admin{margin-top:16px;padding-top:14px;border-top:2px dashed var(--line)}.redeem-made{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.redeem-made code{font-size:1.1rem;font-weight:800;letter-spacing:.06em;background:#fdf3d0;border:2px solid var(--line);border-radius:8px;padding:4px 12px}.btn-sm{padding:4px 12px;font-size:.8rem}.friend-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:14px;gap:14px;margin:10px 0 16px}.friend-tile{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;text-decoration:none;color:var(--ink);background:#fff;border:3px solid var(--line);border-radius:16px;box-shadow:var(--hard-sm);padding:18px 12px 14px;transition:transform .12s,box-shadow .12s}.friend-tile:nth-child(odd){transform:rotate(-.8deg)}.friend-tile:nth-child(2n){transform:rotate(.8deg)}.friend-tile:hover{transform:rotate(0deg) translateY(-4px);box-shadow:5px 7px 0 #111}.friend-avatar{width:64px;height:64px;border-radius:50%;border:3px solid var(--line);object-fit:cover;background:#fff}.friend-avatar-empty{display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem}.friend-tile strong{font-family:var(--display);font-size:1.3rem;line-height:1;text-transform:uppercase;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin:10px 0 6px}.notif-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:var(--card);border:3px solid var(--line);border-radius:14px;box-shadow:var(--hard-sm);padding:12px 16px}.notif-text{flex:1 1;min-width:200px;font-size:.92rem;color:var(--muted)}.notif-text strong{color:var(--ink)}.notif-urgent{background:#ffe1d6;border-color:var(--orange);animation:urgent-pulse 1.6s ease-in-out infinite}@keyframes urgent-pulse{0%,to{box-shadow:3px 3px 0 #111;transform:rotate(0deg)}50%{box-shadow:3px 3px 0 #111,0 0 0 6px rgba(232,85,47,.25);transform:rotate(-.4deg)}}.chip-urgent{background:var(--orange);color:#fff}.notif-invited{background:#eae1ff;border-color:var(--purple)}.chip-invite{background:var(--purple);color:#fff}.openboard{margin:0 0 64px}.open-list{list-style:none;display:flex;flex-direction:column;gap:18px;margin-bottom:28px}.see-all{margin:-8px 0 24px}.openpage{max-width:900px;margin:0 auto}.openpage .hero{text-align:center}.note-box{display:inline-block;max-width:640px;background:var(--card);border:2px solid var(--line);border-radius:14px;box-shadow:var(--hard-sm);padding:12px 18px;transform:rotate(-.5deg)}.note-row{display:inline-flex;align-items:center;gap:16px;max-width:820px;flex-wrap:wrap}.note-row .hint{margin:0;flex:1 1;min-width:260px}.note-row .btn{white-space:nowrap}.note-lg{max-width:100%;margin-bottom:20px}.note-lg p{margin:0;flex:1 1;min-width:260px;font-size:1.1rem;line-height:1.5;color:var(--muted)}.note-lg p strong{color:var(--ink)}.open-row{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--card);border:3px solid var(--line);border-radius:16px;box-shadow:var(--hard);padding:16px 20px;transition:transform .15s,box-shadow .15s}.open-row:hover{transform:rotate(0deg) translate(-2px,-3px);box-shadow:8px 10px 0 #111}.open-row:nth-child(odd){transform:rotate(-.25deg)}.open-row:nth-child(2n){transform:rotate(.25deg)}.open-left{display:flex;align-items:center;gap:16px;min-width:0}.open-dot{flex:none;width:20px;height:20px;border-radius:50%;border:3px solid var(--line)}.open-dot.open{background:#2fa34f}.open-dot.claimed{background:#e8503d}.open-info{display:flex;flex-direction:column;gap:3px;min-width:0}.open-info strong{font-family:var(--display);text-transform:uppercase;font-size:1.4rem}.open-info .game-meta{font-size:1.05rem;line-height:1.5;color:var(--muted)}.open-row .btn{white-space:nowrap}.open-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.open-actions .btn{white-space:nowrap}.join-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.join-error{font-size:.72rem;text-align:right;max-width:220px}@media (max-width:560px){.open-row{flex-direction:column}.join-wrap,.open-row{align-items:stretch}}.steps{display:grid;grid-gap:26px;gap:26px;margin:26px 0}.steps:not(.steps-compact){grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1560px}.steps-compact{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.step{background:var(--card);border:3px solid var(--line);border-radius:18px;box-shadow:var(--hard);padding:18px;transition:transform .15s}.step:nth-child(odd){transform:rotate(-.6deg)}.step:nth-child(2n){transform:rotate(.6deg)}.step:hover{transform:rotate(0deg) translateY(-4px)}.step-ill{background:var(--bg);border:2px solid var(--line);border-radius:12px;margin-bottom:12px}.ill{width:100%;height:auto;display:block}.step-no{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;font-family:var(--display);font-size:.85rem;color:#fff;background:var(--purple);border:2px solid var(--line);border-radius:50%;margin-bottom:8px}.step:nth-child(2) .step-no{background:var(--orange)}.step:nth-child(3) .step-no{background:var(--green)}.step:nth-child(4) .step-no{background:var(--pink);color:var(--ink)}.step:nth-child(5) .step-no{background:var(--yellow);color:var(--ink)}.step h3{font-family:var(--display);font-size:1.4rem;text-transform:uppercase;margin-bottom:6px}.step p{font-size:.86rem;color:var(--muted)}.step-panel{background:var(--yellow)}.step-panel h3{margin-top:10px}.step-panel h3:first-child{margin-top:0}.step-panel p{color:var(--ink)}.step-panel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.steps-compact .step{padding:14px}.steps-compact .step p{font-size:.78rem}.steps-compact .step h3{font-size:1.2rem}.intro-scrim{position:fixed;inset:0;z-index:999;background:rgba(17,17,17,.6);display:flex;align-items:center;justify-content:center;padding:20px}.intro-modal{position:relative;background:var(--bg);border:3px solid var(--line);border-radius:22px;box-shadow:8px 8px 0 #111;max-width:900px;width:100%;max-height:88vh;overflow-y:auto;padding:30px}.intro-title{font-family:var(--display);text-transform:uppercase;font-size:clamp(2rem,5vw,2.8rem);margin-bottom:6px}.intro-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:2px solid var(--line);background:var(--card);box-shadow:var(--hard-sm);font-weight:700;font-size:1rem;cursor:pointer;transition:transform .1s}.intro-close:hover{transform:rotate(90deg)}.page-title{font-family:var(--display);text-transform:uppercase;font-size:clamp(2.8rem,7.5vw,4.4rem);line-height:1}.instructions .panel h2{margin:14px 0 8px}.preloader{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(rgba(17,17,17,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.05) 1px,transparent 1px),var(--bg);background-size:44px 44px,44px 44px,auto;opacity:1;transform:translateY(0);transition:transform .65s cubic-bezier(.76,0,.24,1);will-change:transform}.preloader-out{transform:translateY(-100%);pointer-events:none}.preloader-logo{width:clamp(150px,40vw,200px);height:auto;animation:loader-bob 1.5s ease-in-out infinite}.preloader-scribble{width:180px;height:45px;overflow:visible}.preloader-scribble path{stroke:var(--purple);stroke-width:5;stroke-linecap:round;stroke-dasharray:170;stroke-dashoffset:170;animation:loader-draw 1.5s ease-in-out infinite}.preloader-tag{background:var(--yellow);border:2px solid var(--line);border-radius:999px;padding:5px 16px;box-shadow:var(--hard-sm);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;transform:rotate(-2deg)}@keyframes loader-bob{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-14px) rotate(1.5deg)}}@keyframes loader-draw{0%{stroke-dashoffset:170}55%{stroke-dashoffset:0}to{stroke-dashoffset:-170}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero:after,.hero:before,.preloader-logo,.preloader-scribble path,.ticker-track{animation:none}.btn,.card,.how-step,.open-row,.sublabel,.tilt-inner{transition:none}}.rails{grid-gap:30px}.rail,.rails{display:grid;gap:30px}.rail{grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 30px) / 4);align-items:start;grid-gap:30px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:14px 4px 22px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.rail>*{scroll-snap-align:start}.rail::-webkit-scrollbar{height:10px}.rail::-webkit-scrollbar-track{background:transparent}.rail::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px;border:3px solid var(--bg,transparent)}.rail>.tilt:nth-child(odd){transform:rotate(-1deg)}.rail>.tilt:nth-child(2n){transform:rotate(1deg)}.rail>.tilt:hover{transform:rotate(0deg);position:relative;z-index:3}.rail-tall .card-img{height:360px}.rail-wide .card-img{height:170px}@media (max-width:1100px){.rail{grid-auto-columns:calc((100% - 2 * 30px) / 3)}}@media (max-width:820px){.rail{grid-auto-columns:calc((100% - 30px) / 2)}}@media (max-width:560px){.rail{grid-auto-columns:78%}}.share-menu .share-ig{font-weight:800;background:linear-gradient(90deg,#f9ce34,#ee2a7b 55%,#6228d7);-webkit-background-clip:text;background-clip:text;color:transparent}.share-menu .share-ig:disabled{opacity:.6;cursor:default}.share-note{margin:2px 8px 6px;font-size:.72rem;line-height:1.4;color:var(--ink);opacity:.75;max-width:220px}.leader-wrap-2{grid-template-columns:minmax(0,1fr) minmax(300px,1.45fr)}@media (max-width:1000px){.leader-wrap-2{grid-template-columns:1fr 1fr}}@media (max-width:640px){.leader-wrap-2{grid-template-columns:1fr}}.name-row{display:flex;gap:10px;align-items:stretch}.name-row input{flex:1 1 auto;min-width:0}.btn-generate{flex:0 0 auto;white-space:nowrap;cursor:pointer}@media (max-width:520px){.name-row{flex-direction:column}.btn-generate{width:100%;justify-content:center}}canvas,img,svg,video{max-width:100%}.badges-top{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px}.badges-progress{flex:1 1;min-width:200px}.badges-bar{height:16px;background:#e6e4df;border:3px solid var(--line);border-radius:999px;overflow:hidden}.badges-bar span{display:block;height:100%;background:repeating-linear-gradient(45deg,#5b2ed0,#5b2ed0 10px,#7a4de0 0,#7a4de0 20px)}.badges-progress p{margin:6px 2px 0;font-weight:800;font-size:.92rem}.badges-prize{text-align:center;padding:8px 16px;border:3px solid var(--line);border-radius:14px;background:#fff;box-shadow:3px 3px 0 var(--line)}.badges-prize.won{background:#fdf3d0}.badges-prize strong{display:block;font-family:var(--display);font-size:1.2rem}.badges-prize span{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.badge-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));grid-gap:14px;gap:14px;padding:0;margin:0}.badge{flex-direction:column;text-align:center;gap:6px}.badge,.badge-medal{display:flex;align-items:center}.badge-medal{justify-content:center;width:74px;height:74px;border:3px solid var(--line);border-radius:50%;background:var(--badge,#e6e4df);box-shadow:3px 3px 0 var(--line)}.badge-medal svg{width:46px;height:46px}.badge-name{font-size:.82rem;line-height:1.1}.badge-desc{font-size:.68rem;color:var(--muted);line-height:1.25}.badge.locked{opacity:.5}.badge.locked .badge-medal{filter:grayscale(1);background:#e6e4df;box-shadow:2px 2px 0 #999;border-color:#999}.badge.locked .badge-medal svg{opacity:.45}.badge.locked .badge-desc,.badge.locked .badge-name{color:var(--muted)}.badge.earned .badge-medal{animation:badge-pop .3s ease}@keyframes badge-pop{0%{transform:scale(.9)}60%{transform:scale(1.08)}to{transform:scale(1)}}.account-tabs{display:flex;gap:12px;margin-bottom:22px}.account-tab{flex:1 1;padding:16px 10px;font-family:var(--display);font-size:1.6rem;line-height:1;color:var(--ink);background:#fff;border:3px solid var(--line);border-radius:14px;box-shadow:4px 4px 0 var(--line);cursor:pointer;transition:transform .08s ease}.account-tab.active{background:var(--purple);color:#fff;box-shadow:5px 6px 0 var(--line);transform:translate(-1px,-1px)}.account-tab:not(.active):hover{background:#f2ecff}.or-divider{display:flex;align-items:center;gap:12px;margin:22px 0 16px}.or-divider:after,.or-divider:before{content:"";flex:1 1;border-top:2px dashed var(--line)}.or-divider span{font-weight:800;text-transform:uppercase;font-size:.78rem;color:var(--muted);letter-spacing:.08em}.btn-full{width:100%;justify-content:center}.btn-danger:hover{background:#cf3f2e}.del-confirm{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.del-input{width:128px;padding:6px 10px;border:2px solid var(--line);border-radius:8px;font-family:var(--sans);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.del-input:focus{outline:2px solid #e8503d;outline-offset:1px}.game-actions{display:flex}.game-actions,.remind-wrap{gap:8px;align-items:center;flex-wrap:wrap}.remind-wrap{display:inline-flex}.remind-msg{font-size:.8rem;color:var(--muted)}.creature-footer-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}.creature-media{position:relative}.creature-zoom{position:absolute;top:14px;right:14px;z-index:6}.reactions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:18px 0}.react-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;background:#fff;border:3px solid var(--line);border-radius:999px;box-shadow:3px 3px 0 var(--line);cursor:pointer;font-weight:800;transition:transform .08s}.react-btn:hover{transform:translateY(-2px)}.react-btn:active{transform:translateY(0)}.react-btn.on{background:#fdf3d0;box-shadow:3px 3px 0 var(--line),inset 0 0 0 2px var(--yellow)}.react-emoji{font-size:1.35rem;line-height:1}.react-count{font-size:.95rem;min-width:10px;text-align:left}.legal{line-height:1.65}.legal h1{margin-bottom:2px}.legal h2{margin-top:26px;font-size:1.3rem}.legal p,.legal ul{margin:10px 0}.legal ul{padding-left:22px}.legal li{margin:6px 0}.legal a{color:var(--purple);font-weight:700}.legal code{background:#efe9dd;padding:1px 6px;border-radius:5px;font-size:.9em}.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:70;display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between;max-width:860px;margin:0 auto;background:#fff;border:3px solid var(--line);border-radius:16px;box-shadow:var(--hard);padding:14px 18px}.cookie-banner p{margin:0;font-size:.9rem;flex:1 1;min-width:200px}.cookie-banner a{color:var(--purple);font-weight:700}@media (max-width:720px){.cookie-banner{bottom:92px;left:10px;right:10px;padding:10px 14px;gap:8px}.cookie-banner p{font-size:.78rem;min-width:0;line-height:1.35}.cookie-banner .btn{padding:8px 16px;font-size:.82rem}}body.has-cookie .main{padding-bottom:140px}@media (max-width:720px){body.has-cookie .main{padding-bottom:260px}}.footer{display:flex;align-items:center;justify-content:center;gap:8px 18px;flex-wrap:wrap}.footer-links{display:inline-flex;gap:14px}.footer-links a{color:var(--faint);text-decoration:underline;font-weight:700}.footer-links a:hover{color:var(--ink)}.native-app .cookie-banner,.native-app .footer{display:none!important}.agree-check{display:flex;align-items:flex-start;gap:10px;margin:4px 0 14px;font-size:.9rem}.agree-check input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:#5b2ed0}.agree-check a{color:var(--purple);font-weight:700}.trophy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:16px;gap:16px}.trophy-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 14px;background:linear-gradient(180deg,#fff8e0,#fdefbf);border:3px solid var(--line);border-radius:16px;box-shadow:4px 4px 0 var(--line)}.trophy-medal{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#ffca3a;border:3px solid var(--line);border-radius:50%;box-shadow:3px 3px 0 var(--line)}.trophy-medal svg{width:34px;height:34px}.trophy-title{font-family:var(--display);font-size:1.4rem;line-height:1}.trophy-month{font-weight:800;font-size:.9rem}.trophy-stats{font-size:.72rem;color:var(--muted)}.profile-page{max-width:1040px;margin:8px auto 0}.profile-cover{position:relative;height:260px;border:3px solid var(--line);border-radius:20px;background-size:cover;background-position:50%;box-shadow:var(--hard);margin-bottom:12px}.profile-cover-empty{background:repeating-linear-gradient(45deg,#efe9dd,#efe9dd 16px,#e7e0d2 0,#e7e0d2 32px)}.profile-avatar{position:absolute;left:24px;bottom:-46px;width:128px;height:128px;border-radius:50%;border:4px solid var(--line);overflow:hidden;background:#fff;box-shadow:4px 4px 0 var(--line)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.profile-avatar-empty svg{width:46px;height:46px}.profile-id{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-left:24px;padding-top:58px;margin:0 0 20px}.profile-id-text h1{margin:0;line-height:1}.profile-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px;margin-bottom:20px;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:9px 15px;background:#fff;border:3px solid var(--line);border-radius:999px;box-shadow:3px 3px 0 var(--line);font-family:var(--sans);font-weight:800;font-size:.92rem;color:var(--ink);cursor:pointer;white-space:nowrap}.profile-tab svg{width:18px;height:18px}.profile-tab.active{background:var(--purple);color:#fff}.profile-tab-count{font-style:normal;background:var(--ink);color:#fff;border-radius:999px;padding:0 7px;font-size:.68rem;font-weight:800}.profile-tab.active .profile-tab-count{background:#fff;color:var(--purple)}.profile-panel>.me-section:first-child,.profile-panel>.stat-row:first-child{margin-top:0}@media (max-width:560px){.profile-avatar{width:88px;height:88px;bottom:-34px}.profile-id{padding-left:20px;padding-top:44px}.profile-id-text h1{font-size:1.9rem}}.cover-preview{height:130px;border:3px solid var(--line);border-radius:14px;background-size:cover;background-position:50%;background-color:#efe9dd;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.cover-preview-empty{background:repeating-linear-gradient(45deg,#efe9dd,#efe9dd 16px,#e7e0d2 0,#e7e0d2 32px)}.cover-preview span{font-weight:800;color:var(--muted)}.cover-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:6px}.cover-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));grid-gap:10px;gap:10px;margin-top:10px}.cover-choice{padding:0;border:3px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;background:#fff;aspect-ratio:3/2}.cover-choice img{width:100%;height:100%;object-fit:cover;display:block}.cover-choice:hover{box-shadow:3px 3px 0 var(--line)}.cover-draw{margin-top:10px}.cover-canvas{width:100%;aspect-ratio:3/1;border:3px solid var(--line);border-radius:12px;background:#fff;touch-action:none;cursor:crosshair;display:block}.cover-canvas-square{aspect-ratio:1/1;max-width:340px}.cover-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.cover-swatches{display:flex;gap:6px;flex-wrap:wrap}.cover-swatch{width:26px;height:26px;border:2px solid var(--line);border-radius:50%;cursor:pointer;padding:0}.cover-swatch.on{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--line)}.cover-sizes{display:flex;gap:6px}.cover-size{width:32px;height:32px;border:2px solid var(--line);border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.cover-size.on{background:var(--purple)}.cover-size span{background:var(--ink);border-radius:50%;display:block}.cover-size.on span{background:#fff}.cropper{margin-top:12px}.avatar-crop,.cover-crop{margin-top:10px}.cropper-frame{position:relative;width:100%;max-width:460px;margin:0 auto;overflow:hidden;border:3px solid var(--line);border-radius:12px;background:#efe9dd;touch-action:none;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-frame:active{cursor:-webkit-grabbing;cursor:grabbing}.cropper-frame img{position:absolute;top:0;left:0;max-width:none;pointer-events:none}.cropper-round{max-width:220px;border-radius:50%}.cropper-zoom{display:flex;align-items:center;gap:10px;font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);max-width:460px;margin:12px auto 0}.cropper-zoom input{flex:1 1}.cropper-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.bottom-nav{display:none}@media (max-width:720px){.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:3px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;gap:8px;padding:9px 10px calc(9px + env(safe-area-inset-bottom));align-items:stretch}.bn-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;color:#fff;font-family:var(--display);text-transform:uppercase;font-size:1.05rem;line-height:1.05;letter-spacing:.01em;text-align:center;padding:12px 6px;border:3px solid var(--line);border-radius:14px;box-shadow:3px 3px 0 var(--line);transition:transform .1s,box-shadow .1s}.bn-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--line)}.bn-btn .bn-ico{display:inline-flex;flex:none}.bn-btn svg{width:20px;height:20px}.bn-public{background:var(--green)}.bn-private{background:var(--purple)}.bn-auth{flex:0 0 auto;flex-direction:column;gap:2px;background:#fff;color:var(--ink);font-size:.6rem;letter-spacing:.03em;padding:8px 12px}.bn-auth svg{width:20px;height:20px}.footer{margin-bottom:92px}.main{padding-bottom:108px}}.brand-logo{max-width:40vw}.who-row{display:flex;gap:10px;align-items:stretch}.who-row input{flex:1 1 auto;min-width:0}.friend-picker{flex:0 0 auto;font:inherit;font-weight:700;font-size:.78rem;padding:8px 12px;background:var(--card);border:2px solid var(--line);border-radius:12px;box-shadow:var(--hard-sm);color:var(--ink);cursor:pointer;max-width:44%}.friend-picker:focus{outline:none;box-shadow:var(--hard)}@media (max-width:520px){.who-row{flex-direction:column}.friend-picker{max-width:100%}}:root{--paw:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3Cellipse%20cx='32'%20cy='43'%20rx='16'%20ry='13'/%3E%3Cellipse%20cx='13'%20cy='31'%20rx='6'%20ry='8'/%3E%3Cellipse%20cx='26'%20cy='19'%20rx='6'%20ry='9'/%3E%3Cellipse%20cx='40'%20cy='19'%20rx='6'%20ry='9'/%3E%3Cellipse%20cx='53'%20cy='31'%20rx='6'%20ry='8'/%3E%3C/svg%3E");--blob-radius:46% 54% 55% 45%/52% 48% 54% 46%}.hero:before{border:none;border-radius:0;box-shadow:none;width:62px;height:62px;-webkit-mask:var(--paw) center /contain no-repeat;mask:var(--paw) center /contain no-repeat}.hero:after{border-radius:var(--blob-radius)}.open-dot{border:none;border-radius:0;width:24px;height:24px;-webkit-mask:var(--paw) center /contain no-repeat;mask:var(--paw) center /contain no-repeat}.badge-medal,.refer-ico,.stat-ico,.trophy-medal{border-radius:var(--blob-radius)}.btn-sm{padding:6px 12px;font-size:.85rem}.btn-danger{background:#e8503d;color:#fff}.link-btn{background:none;border:none;padding:2px 4px;color:var(--faint);font-weight:700;font-size:.85rem;text-decoration:underline;cursor:pointer}.link-btn:hover{color:var(--ink)}.link-btn.danger{color:#c62f1c}.link-btn:disabled{opacity:.5;cursor:default}.friend-cta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.req-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;margin-left:6px;background:#e8503d;color:#fff;border-radius:11px;font-size:.8rem;font-weight:800;vertical-align:middle}.req-list{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:10px}.req-row{justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border:2px solid var(--line);border-radius:14px;box-shadow:3px 3px 0 var(--line);padding:10px 14px}.req-row,.req-who{display:flex;align-items:center}.req-who{gap:10px;min-width:0;text-decoration:none;color:var(--ink);font-weight:700}.req-who .hint{font-weight:400}.req-actions{flex-wrap:wrap}.friend-tile-main,.req-actions{display:flex;gap:8px;align-items:center}.friend-tile-main{flex-direction:column;text-decoration:none;color:var(--ink)}.friend-tile-tools{display:flex;gap:12px;margin-top:8px}.share-menagerie{max-width:540px;margin:22px auto;padding:18px 20px;text-align:center;background:#fff;border:3px solid var(--line);border-radius:18px;box-shadow:5px 5px 0 var(--line)}.share-menagerie.is-shared{background:#eafaf0}.share-menagerie-title{font-family:var(--display);text-transform:uppercase;font-size:1.5rem;margin:0 0 4px}.menagerie-banner{width:100vw;margin:0 0 12px calc(50% - 50vw);border:none;border-bottom:3px solid var(--line);border-radius:0;overflow:hidden;box-shadow:none}.menagerie-banner img{display:block;width:100%;height:auto}html{overflow-x:hidden}.topnav{position:relative;z-index:50}.hero-home{position:relative;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:66vh;padding:44px 24px 30px}.hero-home:after,.hero-home:before{display:none}.hero-home>:not(.hero-bg){position:relative;z-index:1}.hero-inner{display:flex;flex-direction:column;align-items:center;width:100%}.hero-card{max-width:460px;margin:0 auto 18px}.hero-card .sublabel{margin-bottom:8px}.hero-card .hero-logo img{width:clamp(120px,26vw,148px);filter:drop-shadow(0 2px 10px rgba(255,255,255,.9))}.hero-card .tagline{margin:10px auto 2px;font-size:.95rem;line-height:1.45;color:var(--ink);font-weight:600;text-shadow:0 0 4px #fff,0 0 9px rgba(255,255,255,.95)}.hero-home .btn-big{margin-top:8px}.hero-bg{top:0;left:50%;transform:translateX(-50%);width:100vw;z-index:0;overflow:hidden}.hero-bg,.hero-media{position:absolute;height:100%}.hero-media{inset:0;width:100%;object-fit:cover;display:block}@media (max-width:720px){.ticker{display:none}.hero-home{min-height:54vh;padding:34px 14px 22px;justify-content:flex-end}.hero-card{max-width:340px;margin-bottom:14px}.hero-card .hero-logo,.hero-card .tagline{display:none}.hero-inner{transform:none;margin-bottom:6vh}}.version-badge{position:fixed;right:12px;bottom:10px;z-index:40;font-family:var(--font-sans),system-ui,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.04em;color:var(--faint);background:rgba(255,255,255,.72);border:1.5px solid var(--line);border-radius:999px;padding:2px 8px;pointer-events:none}@media (max-width:720px){.version-badge{bottom:calc(98px + env(safe-area-inset-bottom));right:10px}}.login-prompt-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(17,17,17,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.login-prompt{position:relative;width:100%;max-width:420px;background:#fff;border:3px solid var(--line);border-radius:22px;box-shadow:8px 8px 0 var(--line);padding:30px 28px 26px;text-align:center}.login-prompt h2{font-family:var(--display);text-transform:uppercase;font-size:1.9rem;line-height:1.05;margin:10px 0 8px}.login-prompt p{color:var(--muted);margin-bottom:20px}.login-prompt-flask{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--yellow);border:3px solid var(--line);border-radius:46% 54% 55% 45%/52% 48% 54% 46%;box-shadow:3px 3px 0 var(--line)}.login-prompt-flask svg{width:30px;height:30px}.login-prompt-actions{display:flex;flex-direction:column;gap:12px}.login-prompt-actions .btn{width:100%;justify-content:center}.login-prompt-close{position:absolute;top:12px;right:14px;width:34px;height:34px;background:#fff;border:2px solid var(--line);border-radius:50%;font-size:1.3rem;line-height:1;cursor:pointer}@media (max-width:480px){.login-prompt h2{font-size:1.6rem}}.report-row{text-align:center;margin-top:18px}.report-btn{color:var(--faint);font-size:.82rem;padding:8px 16px}.report-btn:hover{color:#c62f1c;border-color:#c62f1c}.report-done{display:inline-flex;align-items:center;gap:6px;color:#c62f1c}.report-pop{display:inline-flex;flex-direction:column;gap:10px;max-width:340px;margin:0 auto;text-align:left;background:#fff;border:3px solid var(--line);border-radius:14px;box-shadow:4px 4px 0 var(--line);padding:16px 18px}.report-pop select{font:inherit;padding:8px 10px;border:2px solid var(--line);border-radius:10px}.report-pop-actions{display:flex;gap:8px;justify-content:flex-end}.reports-alert{background:#fff4f1;border:3px solid #e8503d;border-radius:20px;box-shadow:6px 6px 0 var(--line);padding:20px 22px;margin:0 0 26px}.reports-title{display:flex;align-items:center;gap:10px;font-family:var(--display);text-transform:uppercase;font-size:2rem;line-height:1;color:#c62f1c;margin:0 0 4px}.reports-title svg{width:28px;height:28px}.reports-sub{color:var(--muted);margin:0 0 14px}.reports-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.report-card{gap:14px;background:#fff;border:2px solid var(--line);border-radius:14px;box-shadow:3px 3px 0 var(--line);padding:10px 14px;flex-wrap:wrap}.report-card,.report-thumb{display:flex;align-items:center}.report-thumb{flex:none;width:72px;height:72px;border:2px solid var(--line);border-radius:12px;overflow:hidden;justify-content:center;background:var(--bg)}.report-thumb img{width:100%;height:100%;object-fit:cover;display:block}.report-info{flex:1 1 160px;min-width:0}.report-info strong{display:block;font-family:var(--display);font-size:1.35rem}.report-meta{color:var(--muted);font-size:.9rem}.report-by{display:block;margin-top:2px;font-size:.82rem;font-weight:700;color:var(--faint)}.report-card-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}@media (max-width:560px){.reports-title{font-size:1.5rem}.report-card-actions{width:100%}}.creature-tiles{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:14px;gap:14px;margin:12px 0 8px}.creature-tile{position:relative;background:#fff;border:3px solid var(--line);border-radius:14px;box-shadow:var(--hard-sm);padding:8px 8px 10px;display:flex;flex-direction:column;gap:3px;transition:transform .12s,box-shadow .12s}.creature-tile:hover{transform:translateY(-3px);box-shadow:5px 7px 0 #111}.creature-tile-img{display:block;aspect-ratio:1;border:2px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg)}.creature-tile-img img{width:100%;height:100%;object-fit:cover;display:block}.creature-tile-title{font-family:var(--display);font-size:1.15rem;line-height:1.05;text-transform:uppercase;color:var(--ink);text-decoration:none;margin-top:5px}.creature-tile-title:hover{color:var(--purple)}.creature-tile-meta{font-size:.72rem;color:var(--muted)}.creature-tile-admin{margin-top:5px}.creature-tile-admin .btn{width:100%;justify-content:center;font-size:.7rem;padding:5px 8px}@media (max-width:1100px){.creature-tiles{grid-template-columns:repeat(4,1fr)}}@media (max-width:720px){.creature-tiles{grid-template-columns:repeat(3,1fr)}}@media (max-width:460px){.creature-tiles{grid-template-columns:repeat(2,1fr);gap:10px}}.menagerie-scroll{width:100vw;margin:8px 0 0 calc(50% - 50vw);overflow:hidden;padding:16px 0;border-top:3px solid var(--line);border-bottom:3px solid var(--line);background:var(--card)}.menagerie-scroll-track{display:inline-flex;padding-left:16px;white-space:nowrap;animation:ms-scroll var(--ms-dur,60s) linear infinite;will-change:transform}.menagerie-scroll:hover .menagerie-scroll-track{animation-play-state:paused}.ms-card{flex:none;width:632px;margin-right:22px;text-decoration:none;color:var(--ink);background:#fff;border:3px solid var(--line);border-radius:14px;box-shadow:3px 3px 0 var(--line);overflow:hidden;display:flex;flex-direction:column;transition:transform .12s;white-space:normal}.ms-card:hover{transform:translateY(-3px)}.ms-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-bottom:2px solid var(--line)}.ms-card span{font-family:var(--display);font-size:1.7rem;text-transform:uppercase;padding:10px 12px;text-align:center;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes ms-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:720px){.menagerie-scroll{overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.menagerie-scroll::-webkit-scrollbar{display:none}.menagerie-scroll-track{animation:none}.menagerie-scroll .ms-card[aria-hidden=true]{display:none}.ms-card{width:84vw;scroll-snap-align:center}.ms-card span{font-size:1.4rem}}@media (prefers-reduced-motion:reduce){.menagerie-scroll{overflow-x:auto}.menagerie-scroll-track{animation:none}}