.game-tiny-trials{color:#26364b;font-synthesis:none;background:#f7f3e9;font-family:Arial,Helvetica,sans-serif}:where(.game-tiny-trials) *{box-sizing:border-box}.game-tiny-trials{margin:0}:where(.game-tiny-trials) button{font:inherit;cursor:pointer}:where(.game-tiny-trials) a{color:inherit;text-decoration:none}:where(.game-tiny-trials) .shell{background:radial-gradient(circle at 75% 0,#fef8df,#0000 30%),#f7f3e9;min-height:100vh;padding:22px clamp(16px,3vw,48px)}:where(.game-tiny-trials) .topbar,:where(.game-tiny-trials) footer{justify-content:space-between;align-items:center;max-width:1570px;margin:auto;display:flex}:where(.game-tiny-trials) .topbar{border-bottom:1px solid #dfdbd1;height:70px}:where(.game-tiny-trials) .brand{letter-spacing:1px;align-items:center;gap:8px;font:900 22px Courier New,monospace;display:flex}:where(.game-tiny-trials) .brand b{color:#ef8970}:where(.game-tiny-trials) .brand-icon{color:#f1b663;place-items:center;width:34px;font-size:28px;display:grid}:where(.game-tiny-trials) .header-tag,:where(.game-tiny-trials) footer,:where(.game-tiny-trials) .eyebrow,:where(.game-tiny-trials) .hero-badges,:where(.game-tiny-trials) .tiny,:where(.game-tiny-trials) .timer span,:where(.game-tiny-trials) .game-actions,:where(.game-tiny-trials) .section-head,:where(.game-tiny-trials) .stages,:where(.game-tiny-trials) .info-card span,:where(.game-tiny-trials) .info-card small,:where(.game-tiny-trials) .brushes,:where(.game-tiny-trials) .play-custom{letter-spacing:1.1px;font:800 11px Courier New,monospace}:where(.game-tiny-trials) .header-tag{color:#9a9a9c}:where(.game-tiny-trials) .layout{grid-template-columns:minmax(200px,.78fr) minmax(590px,2fr) minmax(185px,.58fr);align-items:start;gap:clamp(19px,2.5vw,40px);max-width:1570px;margin:38px auto 50px;display:grid}:where(.game-tiny-trials) .hero{padding-top:65px}:where(.game-tiny-trials) .eyebrow{color:#ef8d75}:where(.game-tiny-trials) .hero h1{letter-spacing:-3.5px;margin:24px 0 18px;font-size:clamp(43px,4.4vw,75px);font-weight:900;line-height:1.02}:where(.game-tiny-trials) .hero h1 em{color:#eb8c74;font-style:normal}:where(.game-tiny-trials) .hero p{color:#7e8892;max-width:330px;font-size:17px;line-height:1.55}:where(.game-tiny-trials) .hero-badges{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}:where(.game-tiny-trials) .hero-badges span{color:#6c7b82;background:#e9e7dc;padding:8px 9px}:where(.game-tiny-trials) .game-column{background:#1b2840;min-width:0;padding:14px 14px 22px;box-shadow:10px 10px #e4ddd4}:where(.game-tiny-trials) .game-top{color:#fff8e9;justify-content:space-between;align-items:start;height:83px;padding:8px 8px 14px;display:flex}:where(.game-tiny-trials) .tiny{color:#9bd1c1}:where(.game-tiny-trials) .game-top h2{letter-spacing:-.6px;margin:9px 0 0;font-size:25px}:where(.game-tiny-trials) .timer{text-align:right}:where(.game-tiny-trials) .timer span{color:#98a8b1;display:block}:where(.game-tiny-trials) .timer strong{font:900 28px Courier New,monospace}:where(.game-tiny-trials) .timer small{font-size:15px}:where(.game-tiny-trials) .canvas-wrap{aspect-ratio:16/9;background:#253c60;border:6px solid #111c30;position:relative;overflow:hidden;box-shadow:0 0 0 2px #3a506a}:where(.game-tiny-trials) .canvas-wrap canvas{width:100%;height:100%;image-rendering:pixelated;display:block}:where(.game-tiny-trials) .overlay{background:#121c30ac;place-items:center;padding:18px;display:grid;position:absolute;inset:0}:where(.game-tiny-trials) .overlay-card{text-align:center;background:#fff9ed;border:6px solid #23324b;width:min(100%,330px);padding:19px 19px 23px;box-shadow:7px 7px #101a2d}:where(.game-tiny-trials) .overlay-icon{color:#e9a95e;font-size:33px;display:block}:where(.game-tiny-trials) .overlay-kicker{letter-spacing:1.4px;color:#ee8d72;margin:10px 0;font:900 10px Courier New,monospace;display:block}:where(.game-tiny-trials) .overlay-card h3{letter-spacing:-1px;color:#26364c;margin:5px 0;font-size:27px}:where(.game-tiny-trials) .overlay-card p{color:#8b8d96;margin:9px 0 19px;font-size:12px;line-height:1.4}:where(.game-tiny-trials) .overlay-card .stars{letter-spacing:4px;color:#efb264;font-size:26px}:where(.game-tiny-trials) .overlay-card button{color:#26364b;background:#ec8c70;border:0;min-width:145px;padding:11px 15px;font:900 12px Courier New,monospace;box-shadow:0 5px #ad645c}:where(.game-tiny-trials) .overlay-card button.next{color:#fff3df;background:#26364d;margin-top:11px;box-shadow:0 5px #101a2d}:where(.game-tiny-trials) .progress{background:#344763;height:7px;margin:11px 0}:where(.game-tiny-trials) .progress span{background:#f5bd70;height:100%;display:block}:where(.game-tiny-trials) .game-actions{color:#afbfcb;justify-content:space-between;align-items:center;gap:13px;min-height:51px;line-height:1.4;display:flex}:where(.game-tiny-trials) .game-actions>span{max-width:62%}:where(.game-tiny-trials) .game-actions>div{gap:10px;display:flex}:where(.game-tiny-trials) .game-actions button,:where(.game-tiny-trials) .section-head button{color:#f7c67d;font:inherit;white-space:nowrap;background:0 0;border:0}:where(.game-tiny-trials) .stage-list{border-top:1px solid #43516a;margin-top:18px;padding-top:17px}:where(.game-tiny-trials) .section-head{color:#e7e8e7;justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}:where(.game-tiny-trials) .stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}:where(.game-tiny-trials) .stages button{color:#d8e4e4;text-align:left;background:#293950;border:1px solid #46556a;flex-direction:column;align-items:flex-start;gap:6px;min-height:75px;padding:10px;display:flex}:where(.game-tiny-trials) .stages button.active{background:#3a4a5e;border-color:#f0b36c;box-shadow:inset 0 0 0 1px #f0b36c}:where(.game-tiny-trials) .stages button span{color:#f4b875}:where(.game-tiny-trials) .stages button strong{letter-spacing:0;font-size:12px}:where(.game-tiny-trials) .stages button small{color:#96a6b1;font-size:9px}:where(.game-tiny-trials) .side{flex-direction:column;gap:16px;padding-top:80px;display:flex}:where(.game-tiny-trials) .info-card{background:#fffdf8;border:1px solid #e3ddd3;padding:19px;box-shadow:5px 5px #e7dfd6}:where(.game-tiny-trials) .info-card span{color:#8c96a0;display:block}:where(.game-tiny-trials) .info-card strong{margin:10px 0 6px;font:900 30px Courier New,monospace;display:block}:where(.game-tiny-trials) .info-card small{color:#b6b5b8;font-size:9px}:where(.game-tiny-trials) .info-card.controls p{color:#89949d;align-items:center;gap:5px;margin:19px 0 0;font:800 11px Courier New,monospace;display:flex}:where(.game-tiny-trials) .info-card.controls kbd{color:#44566a;min-width:26px;height:25px;font:inherit;background:#f1f0ec;border:1px solid #d9d9d8;place-items:center;padding:0 5px;display:grid;box-shadow:0 3px #d9d9d8}:where(.game-tiny-trials) .tip-card{background:#d9eadd;padding:19px;box-shadow:5px 5px #cbded1}:where(.game-tiny-trials) .tip-card>span{color:#79b79f;font-size:29px}:where(.game-tiny-trials) .tip-card h3{margin:11px 0;font-size:22px;line-height:1.08}:where(.game-tiny-trials) .tip-card p{color:#69857b;margin:0;font-size:12px;line-height:1.5}:where(.game-tiny-trials) .builder{background:#24364d;border:1px solid #4a5c71;margin-top:18px;padding:17px}:where(.game-tiny-trials) .builder p{color:#b4c0c8;margin:0 0 15px;font-size:12px;line-height:1.45}:where(.game-tiny-trials) .brushes{gap:8px;margin-bottom:13px;display:flex}:where(.game-tiny-trials) .brushes button{color:#b6c4cb;font:inherit;background:#364a61;border:1px solid #52657a;padding:9px}:where(.game-tiny-trials) .brushes button.active{color:#223249;background:#efb673}:where(.game-tiny-trials) .editor-grid{grid-template-columns:repeat(14,1fr);gap:4px;display:grid}:where(.game-tiny-trials) .editor-grid button{color:#fff7e5;background:#556174;border:0;height:32px;font-size:13px}:where(.game-tiny-trials) .editor-grid button.height-0{color:#657789;background:#17243a}:where(.game-tiny-trials) .editor-grid button.height-2{background:#7cb8a7}:where(.game-tiny-trials) .editor-grid button.height-3{background:#f0b477}:where(.game-tiny-trials) .editor-grid button.has-spike{color:#ed6c69}:where(.game-tiny-trials) .play-custom{color:#25354b;background:#ed9073;border:0;margin:17px 0 0 auto;padding:12px 17px;display:block;box-shadow:0 5px #a75d55}:where(.game-tiny-trials) .mobile-controls{display:none}:where(.game-tiny-trials) footer{color:#a9a5a3;border-top:1px solid #dfd8cf;padding-top:16px;font-size:10px}@media (width<=1200px){:where(.game-tiny-trials) .layout{grid-template-columns:minmax(170px,.55fr) minmax(540px,1.6fr)}:where(.game-tiny-trials) .side{grid-column:1/-1;grid-template-columns:repeat(3,1fr);padding-top:0;display:grid}:where(.game-tiny-trials) .hero{padding-top:30px}:where(.game-tiny-trials) .hero h1{font-size:50px}:where(.game-tiny-trials) .hero p{font-size:15px}}@media (width<=800px){:where(.game-tiny-trials) .layout{grid-template-columns:1fr;margin-top:27px}:where(.game-tiny-trials) .hero{padding:0}:where(.game-tiny-trials) .hero h1{margin:16px 0 8px}:where(.game-tiny-trials) .hero p{max-width:660px}:where(.game-tiny-trials) .game-column{width:100%;max-width:760px;margin:auto}:where(.game-tiny-trials) .side{grid-template-columns:repeat(3,1fr)}:where(.game-tiny-trials) .mobile-controls{justify-content:space-between;align-items:center;gap:10px;margin:18px 0 4px;display:flex}:where(.game-tiny-trials) .mobile-controls>div{gap:9px;display:flex}:where(.game-tiny-trials) .mobile-controls button{color:#243650;touch-action:none;background:#d9e8dc;border:0;min-height:48px;padding:13px 15px;font:900 12px Courier New,monospace}:where(.game-tiny-trials) .mobile-controls button.jump{background:#f3b77a}}@media (width<=560px){:where(.game-tiny-trials) .shell{padding:12px}:where(.game-tiny-trials) .topbar{height:58px}:where(.game-tiny-trials) .brand{font-size:18px}:where(.game-tiny-trials) .header-tag{display:none}:where(.game-tiny-trials) .layout{gap:20px}:where(.game-tiny-trials) .hero h1{font-size:42px}:where(.game-tiny-trials) .hero p{font-size:14px}:where(.game-tiny-trials) .hero-badges{margin-top:15px}:where(.game-tiny-trials) .game-column{padding:9px;box-shadow:5px 5px #e4ddd4}:where(.game-tiny-trials) .game-top{height:65px}:where(.game-tiny-trials) .game-top h2{font-size:20px}:where(.game-tiny-trials) .timer strong{font-size:21px}:where(.game-tiny-trials) .canvas-wrap{border-width:3px}:where(.game-tiny-trials) .overlay-card{border-width:4px;padding:11px}:where(.game-tiny-trials) .overlay-icon{font-size:23px}:where(.game-tiny-trials) .overlay-kicker{margin:5px 0;font-size:8px}:where(.game-tiny-trials) .overlay-card h3{font-size:20px}:where(.game-tiny-trials) .overlay-card p{margin:4px 0 9px;font-size:10px}:where(.game-tiny-trials) .overlay-card button{min-width:100px;padding:7px;font-size:10px}:where(.game-tiny-trials) .overlay-card button.next{margin-top:6px}:where(.game-tiny-trials) .game-actions{font-size:9px}:where(.game-tiny-trials) .game-actions>span{max-width:50%}:where(.game-tiny-trials) .game-actions>div{flex-direction:column;gap:5px}:where(.game-tiny-trials) .stages{grid-template-columns:repeat(2,1fr)}:where(.game-tiny-trials) .stages button{min-height:66px}:where(.game-tiny-trials) .side{grid-template-columns:1fr 1fr;gap:8px}:where(.game-tiny-trials) .tip-card{grid-column:1/-1}:where(.game-tiny-trials) .info-card{padding:12px}:where(.game-tiny-trials) .info-card strong{font-size:24px}:where(.game-tiny-trials) .editor-grid{grid-template-columns:repeat(7,1fr)}:where(.game-tiny-trials) .mobile-controls button{padding:10px;font-size:10px}:where(.game-tiny-trials) footer{gap:10px;font-size:8px}}