:root{--ink:#203e38;--muted:#73847b;--bg:#f5f6ef;--green:#1e5747;--lime:#c3ee7f;--line:#dce3d8;--white:#fffef9;--shadow:0 8px 28px #294b3810}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 'Trebuchet MS',Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #edac45}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:clamp(32px,4.8vw,64px);line-height:1.04;letter-spacing:-2.5px}h2{font-size:27px;letter-spacing:-.8px}h3{font-size:19px}small,.muted{color:var(--muted)}button{border:0;border-radius:12px;padding:12px 19px;background:var(--green);color:white;font-weight:700;transition:transform .15s,background .2s}button:hover{transform:translateY(-2px);filter:brightness(1.05)}button:active{transform:translateY(1px)}button.secondary{background:#e8eee2;color:var(--ink)}button.light{background:white;color:var(--ink);border:1px solid var(--line)}button.lime{background:var(--lime);color:var(--ink)}button.danger{background:#fce7df;color:#a64435}button.icon{padding:8px 12px;border-radius:9px}button.link{background:transparent;padding:6px;color:var(--green)}.shell{display:grid;grid-template-columns:218px 1fr;min-height:100vh}.sidebar{background:var(--white);border-right:1px solid var(--line);padding:30px 22px;display:flex;flex-direction:column;gap:30px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:900;letter-spacing:-1px;text-decoration:none}.brandmark{display:grid;place-items:center;width:40px;height:43px;background:var(--lime);border-radius:13px;color:var(--green);font-size:29px;transform:rotate(-7deg);box-shadow:0 3px 0 #8ebd57}.brand span b{display:block}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:-3px}.nav{display:grid;gap:9px}.nav button{display:flex;gap:12px;text-align:left;background:transparent;color:#758279;font-size:14px;font-weight:600;padding:13px}.nav button.active{background:#eaf3df;color:var(--green)}.side-bottom{margin-top:auto;background:#f2f5e9;border-radius:17px;padding:17px;font-size:12px}.side-bottom strong{display:block;font-size:14px;margin:8px 0}.topbar{padding:25px 38px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:12px;background:#f9faf4}.topbar small{display:block;font-size:11px;letter-spacing:1.5px}.top-right{display:flex;align-items:center;gap:12px}.status{font-size:11px;background:#e9f0e1;padding:6px 10px;border-radius:20px;white-space:nowrap}.status::before{content:'';width:6px;height:6px;border-radius:50%;display:inline-block;background:#7bb260;margin-right:7px}.content{max-width:1450px;margin:auto;padding:28px 38px 50px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:18px}.hero{position:relative;display:grid;grid-template-columns:1fr 1.05fr;background:#e8efdb;border:1px solid #dae4cc;border-radius:24px;overflow:hidden;min-height:340px}.hero-copy{padding:38px 0 35px 35px;position:relative;z-index:2}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:8px;margin-bottom:20px}.eyebrow:before{content:'';width:20px;height:2px;background:#648662}.hero h1 em{color:#678a43;font-style:normal}.hero p{max-width:350px;color:#6e7d65;margin:20px 0 25px;font-size:14px}.hero-art{position:relative;min-height:330px;overflow:hidden}.landscape{position:absolute;width:100%;height:100%;inset:0}.hero-art .landscape{width:160%;left:-28%}.hero-art .rider{position:absolute;width:235px;bottom:38px;left:22%;filter:drop-shadow(0 9px 0 #28483a15);transform:rotate(-9deg)}.hero-art .second{width:135px;left:63%;bottom:113px;transform:rotate(-5deg)}.floating{position:absolute;z-index:2;background:#fffef2;border-radius:13px;box-shadow:0 8px 0 #47634914;padding:9px 14px;font-size:12px;font-weight:800;transform:rotate(-5deg);top:40px;left:14%}.floating.right{top:auto;bottom:38px;left:auto;right:22px;transform:rotate(6deg)}.hero-tag{font-size:11px;color:#6f8064;margin-top:18px}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin:28px 0 17px;gap:15px}.sectionhead p{color:var(--muted);font-size:13px;margin-top:3px}.arena-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.arena-card{background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.arena-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.arena-card.selected{outline:3px solid #7aab50;outline-offset:2px}.arena-art{height:157px;position:relative;overflow:hidden}.arena-art .rider{position:absolute;width:133px;bottom:6px;left:38%;transform:rotate(-7deg)}.arena-art .badge{position:absolute;left:12px;top:12px;background:#ffffffe0;border-radius:7px;padding:4px 8px;font-size:9px;font-weight:800;letter-spacing:.8px}.arena-info{padding:16px 18px}.arena-info small{font-size:12px;display:block;margin-top:3px}.arena-info .row{justify-content:space-between}.arrow{width:28px;height:28px;display:grid;place-items:center;background:#f0f3e8;border-radius:50%}.bottom-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:26px}.card{background:var(--white);border:1px solid var(--line);border-radius:19px;padding:24px;box-shadow:var(--shadow)}.card.tint{background:#eaf0e0}.joinline{display:flex;gap:8px;margin-top:15px}.joinline input{min-width:0}.steps{display:flex;gap:10px;font-size:12px;margin-top:18px;color:#75816a}.steps b{border:1px solid #bac9a8;border-radius:50%;width:22px;height:22px;display:inline-grid;place-items:center;margin-right:5px}.list{display:grid;gap:12px}.quizrow{display:flex;gap:15px;align-items:center;background:white;border:1px solid var(--line);border-radius:14px;padding:16px}.quizrow .qicon{height:48px;width:48px;display:grid;place-items:center;background:#e8f0de;border-radius:11px;font-size:24px}.quizrow .grow{flex:1}.grow{flex:1}label{display:block;font-weight:700;font-size:12px;margin-bottom:6px}input,textarea,select{display:block;width:100%;border:1px solid #cdd9cd;background:white;color:var(--ink);border-radius:10px;padding:11px 13px}textarea{resize:vertical;min-height:95px}input[type=checkbox],input[type=radio]{width:20px;height:20px;flex-shrink:0;accent-color:var(--green)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}.editor{display:grid;grid-template-columns:190px 1fr;gap:22px}.question-nav{display:grid;gap:8px;align-content:start}.question-nav button{background:white;color:var(--ink);text-align:left;border:1px solid var(--line);font-size:12px}.question-nav button.active{background:#dcecc6;border-color:#9cbb76}.editor-main{padding:25px}.optionedit{display:flex;align-items:center;gap:8px;margin-bottom:9px}.optionedit .letter{font-size:12px;width:25px}.notice{background:#f0f4e7;border:1px solid #dce7d0;border-radius:12px;padding:13px 16px;font-size:13px;margin:16px 0}.notice.warn{background:#fff5dc;border-color:#efdeb6;color:#846226}.toolbar{display:flex;justify-content:space-between;gap:12px;margin:22px 0;flex-wrap:wrap}.center{text-align:center}.join-card{max-width:660px;margin:15px auto}.avatars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.avatar-option{background:#f0f3e8;color:var(--ink);padding:7px;border:2px solid transparent}.avatar-option .rider{width:90px;max-width:100%;display:block;margin:auto}.avatar-option small{font-size:11px}.avatar-option.selected{border-color:#558441;background:#e0efcc}.bigcode{font-size:54px;font-weight:900;letter-spacing:8px;font-variant-numeric:tabular-nums}.lobby-grid{display:grid;grid-template-columns:260px 1fr;gap:22px}.qr{background:white;padding:12px;width:180px;height:180px;margin:14px auto}.qr svg{width:100%;height:100%}.player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.player-tile{background:#f0f3e7;border-radius:15px;padding:12px;text-align:center;position:relative}.player-tile .rider{width:90px;height:90px}.player-tile strong{display:block;font-size:13px;overflow-wrap:anywhere}.player-tile .kick{position:absolute;right:3px;top:3px;padding:1px 6px;font-size:13px}.empty{padding:42px 20px;text-align:center;color:var(--muted)}.race-stage{height:355px;position:relative;overflow:hidden;border-radius:20px;background:#b4dfd4;border:1px solid #a3c3ac}.race-stage .landscape{opacity:.65}.race-hud{position:absolute;top:13px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;z-index:2}.race-hud span{background:#fffef0e8;border-radius:30px;padding:6px 12px;font-size:11px;font-weight:800}.lanes{position:absolute;left:22px;right:35px;top:65px;bottom:20px;display:flex;flex-direction:column;justify-content:space-around}.lane{height:42px;position:relative;border-bottom:1px dashed #ffffff85;background:#31574d16;border-radius:25px;margin:2px 0}.lane .racer{position:absolute;width:72px;height:80px;bottom:-7px;transition:left 1.1s ease-in-out;transform:translateX(-25%)}.lane .rider{width:72px;height:72px}.racer .nametag{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#fffef5;border-radius:8px;padding:1px 6px;white-space:nowrap;font-size:9px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.finish{position:absolute;right:2%;height:100%;top:0;width:15px;background:conic-gradient(#284d42 25%,#fff9dc 0 50%,#284d42 0 75%,#fff9dc 0) 0 0/14px 14px;opacity:.8}.race-stage.mountain .lanes{transform:rotate(-6deg);top:90px;bottom:40px}.race-stage.jungle .lane{background:#a9a04d50}.game-grid{display:grid;grid-template-columns:1fr 270px;gap:22px;margin-top:22px}.leader{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}.leader .rider{width:42px;height:42px}.leader .name{flex:1}.leader b{font-variant-numeric:tabular-nums}.leader.me{background:#edf4df;border-radius:9px}.timerbar{height:7px;border-radius:10px;background:#e5eadb;overflow:hidden;margin:15px 0 20px}.timerbar span{display:block;background:#8bb858;height:100%;transition:width .2s}.question-image{max-width:100%;max-height:250px;object-fit:contain;border-radius:12px;display:block;margin:15px auto}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.answer{min-height:70px;display:flex;align-items:center;gap:14px;text-align:left;background:#f2f4ed;border:2px solid #dfe7d6;color:var(--ink);font-size:16px}.answer:nth-child(2){background:#edf2fa;border-color:#d5e2f2}.answer:nth-child(3){background:#fcf1e6;border-color:#f1dfcb}.answer:nth-child(4){background:#f4edf8;border-color:#e6dbef}.answer.selected{border-color:var(--green);box-shadow:0 0 0 2px var(--green)}.answer b{display:grid;place-items:center;width:30px;height:30px;background:#ffffffa0;border-radius:7px;font-size:13px;flex-shrink:0}.feedback{text-align:center;padding:24px;background:#ecf4df;border-radius:15px;margin-top:20px}.feedback.wrong{background:#fff0da}.feedback .large{font-size:50px}.feedback h2{margin:10px}.feedback p{margin:12px auto;max-width:500px}.countdown{font-size:70px;font-weight:900;padding:40px;text-align:center}.podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin:30px auto}.podium-item{width:180px;text-align:center;position:relative}.podium-item .rider{width:120px;height:120px}.podium-block{background:#e3eacb;border-radius:16px 16px 0 0;padding:18px 6px;height:110px}.podium-item.first .podium-block{height:150px;background:#d9eea8}.podium-item.third .podium-block{height:90px;background:#f0dec9}.podium-block strong{display:block}.medal{font-size:26px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}th{font-size:11px;color:var(--muted)}.tablewrap{overflow-x:auto}.tag{font-size:10px;background:#eaf1dd;border-radius:20px;padding:4px 9px}.orderrow{display:flex;gap:12px;align-items:center;background:#f1f4e8;padding:12px;border-radius:10px;margin:9px 0}.orderrow span{flex:1}.matchrow{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;margin-top:10px}.page-title{margin-bottom:22px}.page-title p{color:var(--muted);margin-top:6px}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:13px 22px;border-radius:12px;box-shadow:0 8px 30px #0003;z-index:100;max-width:90%;display:none}dialog{border:0;border-radius:22px;padding:28px;max-width:500px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 80px #0004}dialog::backdrop{background:#102f2866;backdrop-filter:blur(4px)}dialog form{display:grid;gap:14px;margin-top:18px}.help p,.help li{margin-bottom:12px}.help h3{margin-top:22px;margin-bottom:10px}.confetti{position:fixed;top:-20px;width:9px;height:14px;z-index:20;pointer-events:none;animation:fall 3s ease-in forwards}.connection{font-size:11px;color:#a65a32}.body-bob{animation:bob 1.1s ease-in-out infinite alternate;transform-origin:80px 120px}.leg-a{animation:stride .5s ease-in-out infinite alternate;transform-origin:76px 100px}.leg-b{animation:stride .5s ease-in-out infinite alternate-reverse;transform-origin:76px 100px}@keyframes bob{to{transform:translateY(-3px) rotate(1deg)}}@keyframes stride{to{transform:rotate(14deg)}}@keyframes fall{to{transform:translateY(110vh) rotate(680deg);opacity:.3}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(min-width:1500px){.hero{min-height:410px}.hero-copy{padding:55px}.hero-art .rider{width:270px}.arena-art{height:185px}}@media(max-width:1050px){.shell{grid-template-columns:175px 1fr}.sidebar{padding:25px 12px}.content{padding:24px}.topbar{padding:20px 24px}.hero-copy{padding:27px}.hero h1{font-size:43px}.hero-art .rider{left:5%}.hero-art .second{left:57%}.bottom-grid{grid-template-columns:1fr}.game-grid{grid-template-columns:1fr}.game-grid aside{display:none}.arena-art{height:130px}.arena-art .rider{width:110px}.arena-info{padding:13px}.arena-info h3{font-size:16px}}@media(max-width:720px){.shell{display:block}.sidebar{height:auto;position:relative;padding:14px 18px;flex-direction:row;align-items:center;justify-content:space-between;border-right:0}.brand{font-size:18px}.brandmark{width:32px;height:35px;font-size:23px}.nav{display:flex;gap:2px}.nav button{padding:8px;font-size:0}.nav button span{font-size:19px}.side-bottom{display:none}.topbar{padding:13px 18px}.topbar .status{display:none}.content{padding:18px 15px 40px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:26px 24px 6px}.hero h1{font-size:43px}.hero p{margin:15px 0}.hero-art{min-height:220px}.hero-art .landscape{width:100%;left:0}.hero-art .rider{width:185px;left:29%;bottom:17px}.hero-art .second{width:100px;left:67%;bottom:58px}.floating{top:20px;left:8%}.floating.right{bottom:15px;right:10px}.hero-tag{display:none}.arena-grid{gap:10px;grid-template-columns:1fr}.arena-card{display:grid;grid-template-columns:130px 1fr}.arena-art{height:115px}.arena-art .rider{left:10%;width:105px}.arena-info{align-self:center;padding:15px}.arena-art .badge{font-size:7px;left:5px;top:5px}.sectionhead h2{font-size:23px}.bottom-grid{margin-top:18px}.card{padding:18px}.steps{flex-wrap:wrap}.editor{grid-template-columns:1fr}.question-nav{display:flex;overflow:auto}.question-nav button{min-width:100px;white-space:nowrap}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.lobby-grid{grid-template-columns:1fr}.lobby-grid .qr{width:150px;height:150px}.bigcode{font-size:43px}.answers{grid-template-columns:1fr}.answer{min-height:60px}.race-stage{height:300px}.race-hud span{font-size:9px;padding:5px 8px}.lanes{left:12px;right:26px}.racer .nametag{max-width:80px;font-size:8px}.podium-item{width:30%}.podium-item .rider{width:90px;height:90px}.podium-block strong{font-size:12px}.podium-block{padding:12px 3px}.quizrow{flex-wrap:wrap}.quizrow .grow{min-width:150px}.top-right{gap:5px}.top-right button{padding:8px 10px;font-size:12px}.avatars{gap:7px}.avatar-option{padding:3px}h1{letter-spacing:-1.5px}.row.mobile-stack{flex-direction:column;align-items:stretch}}
/* Pacu Pintar 2.0 — clay-like 3D worlds and character atelier */
.hero3d{min-height:430px;grid-template-columns:.92fr 1.08fr;background:#eee8f7;border-color:#e1d7ee}.hero3d .hero-copy{padding:39px 15px 36px 35px}.hero3d h1{font-size:clamp(32px,3.8vw,53px);letter-spacing:-2px}.hero3d h1 em{color:#7a5caa}.hero3d .hero-art{min-height:430px;background:#c9e8f1;position:relative}.hero3d p{color:#80728f}.scene-tag{position:absolute;top:18px;left:18px;z-index:3;font-size:10px;letter-spacing:1.5px;font-weight:800;background:#fffdf1e8;padding:7px 12px;border-radius:20px;pointer-events:none}.scene-tag span{color:#65ab83;margin-left:8px}#hero-stage canvas,#avatar-stage canvas,#race-stage3d canvas{width:100%;height:100%;display:block;touch-action:pan-y}.arena-art>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:1}.arena-art .badge{z-index:2}.portrait3d{display:inline-block;vertical-align:middle;position:relative;width:100px;height:100px}.portrait3d img{width:100%;height:100%;object-fit:contain;display:block}.portrait3d>.rider{width:100%;height:100%}.character-studio{display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;gap:24px}.character-preview{position:sticky;top:20px;height:600px;border-radius:24px;overflow:hidden;background:#f0e9dc;border:1px solid #e0d5c6;display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:21px;z-index:2}.preview-header>.tag{background:#fff8e6;color:#8c7255}#avatar-stage{flex:1;min-height:280px;position:relative}.preview-footer{text-align:center;padding:20px;z-index:2;background:linear-gradient(transparent,#f0e9dc)}.preview-footer>.row{justify-content:center;margin-bottom:13px}.customization{padding:28px;background:#fffefb}.look-field{margin-top:21px}.look-field label{font-size:12px;letter-spacing:.3px;margin-bottom:10px}.swatches{display:flex;flex-wrap:wrap;gap:9px}.swatch{background:var(--swatch)!important;width:36px;height:36px;padding:0;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #dedbd3;position:relative}.swatch.chosen{box-shadow:0 0 0 2px #6d568e}.swatch.chosen:after{content:'✓';position:absolute;right:-5px;bottom:-4px;background:#6d568e;border:2px solid white;color:white;border-radius:50%;font-size:10px;width:17px;height:17px}.look-pill{font-size:11px;padding:9px 12px;background:#f1eee6;color:#726857;border:1px solid #e4dfd5;border-radius:10px}.look-pill.chosen{background:#e9dcf8;color:#6e4d9c;border-color:#b69ace}.join-bottom{margin-top:22px}.real3d{height:470px;border-color:#c2d9db;background:#c9e8f1;isolation:isolate}#race-stage3d{position:absolute;inset:0}.real3d .race-hud{pointer-events:none;z-index:3}.scene-toolbar{position:absolute;left:16px;bottom:18px;display:flex;gap:6px;z-index:4;flex-wrap:wrap}.scene-toolbar button{background:#fffdf0e8;color:#41646c;border:1px solid #fff8;font-size:11px;padding:8px 11px;backdrop-filter:blur(10px)}.scene-toolbar button.chosen{background:#355c65;color:white}.scene-caption{position:absolute;right:18px;bottom:22px;font-size:10px;color:#335b62;background:#fff9d9bf;padding:6px 10px;border-radius:16px;pointer-events:none}.webgl-fallback{display:grid;place-content:center;text-align:center;padding:30px;height:100%;background:linear-gradient(140deg,#cce0e3,#e9e0d3);color:#46616a}.webgl-fallback p{font-size:13px;max-width:420px;margin-top:12px}.game-grid{margin-top:20px}.leader .portrait3d{width:42px;height:45px;flex-shrink:0}.podium-item>.portrait3d{width:145px;height:145px}.player-tile .portrait3d{width:100px;height:110px}@media(max-width:1050px){.hero3d{grid-template-columns:1fr 1fr}.hero3d h1{font-size:38px}.hero3d .hero-copy{padding:28px 8px 28px 24px}.scene-caption{display:none}.character-studio{gap:16px;grid-template-columns:1fr 1fr}.customization{padding:20px}.swatches{gap:8px}}@media(max-width:720px){.hero3d{grid-template-columns:1fr}.hero3d .hero-copy{padding:27px 24px}.hero3d h1{font-size:38px}.hero3d .hero-art{min-height:280px;height:280px}.character-studio{display:flex;flex-direction:column;gap:16px}.character-preview{position:relative;top:auto;height:390px}.preview-header{padding:13px 18px}#avatar-stage{min-height:250px}.preview-footer{padding:10px}.preview-footer small{font-size:11px}.customization{padding:20px}.real3d{height:330px}.scene-toolbar{bottom:12px;left:10px;right:10px;gap:5px}.scene-toolbar button{font-size:9px;padding:7px 8px}.real3d .race-hud{left:10px;right:10px;gap:4px}.real3d .race-hud span{font-size:8px;padding:6px 7px}.podium-item>.portrait3d{width:95px;height:105px}.join-bottom .row{flex-wrap:wrap}.swatch{width:38px;height:38px}}