:root{--ng-paper:#fbf8ef;--ng-paper2:#efeee5;--ng-ink:#203d43;--ng-muted:#657771;--ng-line:#24434b21;--ng-accent:#28595b;--ng-gold:#bd945e;--ng-shadow:0 20px 60px #172f3230;--ng-safe-top:0px;--ng-safe-right:0px;--ng-safe-bottom:0px;--ng-safe-left:0px}
:root[data-kit-motyw=ciemny]{--ng-paper:#1a333b;--ng-paper2:#243e46;--ng-ink:#f1f0df;--ng-muted:#b4c3c0;--ng-line:#dcf1e624;--ng-accent:#9dc5bd;--ng-shadow:0 20px 60px #07151970}
html,body{height:100%;width:100%;margin:0;overflow:hidden;overscroll-behavior:none!important;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body{background:#243c40;color:var(--ng-ink)}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none!important}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.ng-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.ng-icon{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
body .kit-warstwa{background:#102d3378;backdrop-filter:blur(4px);padding:calc(18px + var(--ng-safe-top)) calc(18px + var(--ng-safe-right)) calc(18px + var(--ng-safe-bottom)) calc(18px + var(--ng-safe-left));color:var(--ng-ink)}
body .kit-warstwa .kit-karta{clip-path:none;background:var(--ng-paper);color:var(--ng-ink);border:1px solid var(--ng-line);border-radius:26px;padding:26px;box-shadow:var(--ng-shadow);inline-size:min(100%,500px);backdrop-filter:none;max-height:100%;overflow:auto;scrollbar-width:thin}
body .kit-karta::before{display:none}body .kit-tytul{font-size:30px;font-weight:760;line-height:1.12;letter-spacing:-.045em;color:var(--ng-ink)}body .kit-pod{color:var(--ng-muted);font-size:14px;line-height:1.6}
body .kit-btn{clip-path:none;background:var(--ng-paper2)!important;color:var(--ng-ink)!important;min-width:44px;min-height:44px;border:1px solid var(--ng-line);border-radius:12px;box-shadow:0 2px 0 #243c4008;padding:11px 14px;font-size:13px;font-weight:650;line-height:1.25;gap:8px;transition:transform .16s,background .16s,border-color .16s}
body .kit-btn--glowny{background:var(--ng-accent)!important;color:var(--ng-paper)!important;border-color:transparent;box-shadow:0 5px 13px #142a2920}body .kit-btn:focus-visible{outline:3px solid var(--ng-gold);outline-offset:3px}body .kit-btn:hover:not(:disabled){border-color:var(--ng-accent)}body .kit-btn:active:not(:disabled){transform:translateY(1px)}body .kit-btn:disabled{opacity:.4;cursor:default;transform:none}body .kit-btn small{font-size:11px;color:inherit;opacity:1}body .kit-stopka{color:var(--ng-muted)}body .kit-toast{background:var(--ng-paper);border-color:var(--ng-line);color:var(--ng-ink);font-size:13px;z-index:90;max-width:calc(100% - 28px)}
body .kit-wynik div{border-color:var(--ng-line);border-radius:14px;background:var(--ng-paper2)}body .kit-wynik span{color:var(--ng-muted)}body .kit-wynik b{font-size:30px}
body .kit-hud{left:calc(30px + var(--ng-safe-left));right:calc(30px + var(--ng-safe-right));top:calc(18px + var(--ng-safe-top));height:46px}body .kit-hud .kit-btn{min-height:44px;min-width:44px;border-radius:50%;background:var(--ng-paper)!important;color:var(--ng-ink)!important;border-color:var(--ng-line);backdrop-filter:none}
.ng-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:740;letter-spacing:-.035em;color:#fff7e7;text-shadow:0 2px 12px #102c3840}.ng-brand img{width:42px;height:42px;border-radius:12px;box-shadow:0 3px 12px #1c373340}.ng-brand small{display:block;margin-top:2px;font-size:10px;letter-spacing:.14em;font-weight:550;text-transform:uppercase;opacity:.85}
/* The Kit provides the menu, pause and result lifecycle. */
body .ng-menu-layer{background:#16313524;backdrop-filter:none}body .ng-menu-layer .kit-karta{inline-size:min(1110px,100%);display:grid;grid-template-columns:1.05fr 1fr;padding:0;overflow:hidden;border-radius:30px;border-color:#faf6e838}
.ng-menu-main{padding:29px 32px;min-width:0;overflow:auto;max-height:calc(100dvh - 36px - var(--ng-safe-top) - var(--ng-safe-bottom));scrollbar-width:thin}
.ng-menu-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.ng-small-brand{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--ng-muted)}.ng-small-brand img{width:34px;height:34px}.ng-menu-tools{display:flex;gap:6px}.ng-menu-tools .kit-btn{padding:10px;background:transparent!important;border-radius:50%}.ng-menu-tools .ng-language{border-radius:12px;font-size:11px;gap:5px}.ng-menu-tools .ng-icon{width:19px;height:19px}
.ng-eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:var(--ng-accent);margin:0 0 9px}body .ng-menu-layer h1{font-size:47px;letter-spacing:-.055em;margin:0 0 10px}.ng-menu-intro{font-size:14px;line-height:1.6;color:var(--ng-muted);margin:0 0 20px;max-width:40ch}.ng-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:750;color:var(--ng-muted);display:flex;justify-content:space-between;gap:10px;margin:0 0 9px}
.ng-sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:19px}.ng-sizes .kit-btn{display:flex;flex-direction:column;gap:6px;padding:10px 6px;font-size:11px;text-align:center;min-height:64px;background:transparent!important}.ng-sizes b{font-size:19px;letter-spacing:-.035em}.ng-sizes .kit-btn[aria-pressed=true]{border-color:var(--ng-accent);background:var(--ng-paper2)!important;box-shadow:inset 0 0 0 1px var(--ng-accent)}
.ng-collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:20px}.ng-collections .kit-btn{display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:10px 9px;min-width:0;font-size:11px;text-align:left;background:transparent!important;min-height:45px}.ng-collections .ng-icon{width:19px;height:19px;color:var(--ng-muted)}.ng-collections .kit-btn[aria-pressed=true]{background:var(--ng-paper2)!important;border-color:var(--ng-accent)}.ng-collections .kit-btn[aria-pressed=true] .ng-icon{color:var(--ng-accent)}
.ng-menu-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:8px}.ng-menu-actions .kit-btn{justify-content:center;font-size:13px;min-height:53px;text-align:center}.ng-menu-subactions{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.ng-menu-subactions .kit-btn{font-size:11px;background:transparent!important;border-color:transparent;padding:6px 0;justify-content:flex-start}.ng-menu-subactions .ng-icon{width:18px;height:18px}
.ng-menu-foot{border-top:1px solid var(--ng-line);margin-top:9px;padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:var(--ng-muted)}.ng-menu-foot span{display:flex;align-items:center;gap:5px}.ng-menu-foot .ng-icon{width:16px;height:16px;color:var(--ng-gold)}
.ng-menu-art{position:relative;min-width:0;background:#294b4d;display:flex;flex-direction:column;justify-content:center;align-items:center;isolation:isolate;overflow:hidden;padding:45px;color:#faf4e5}.ng-menu-art::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,#ffffff04 0,#ffffff04 1px,transparent 1px,transparent 5px),repeating-linear-gradient(90deg,#00000004 0,#00000004 1px,transparent 1px,transparent 7px)}.ng-art-overline{position:absolute;left:32px;top:29px;font-size:10px;letter-spacing:.18em;display:flex;gap:8px;align-items:center;text-transform:uppercase;color:#e5eadc}.ng-art-overline .ng-icon{width:17px;height:17px}.ng-art-line{position:absolute;width:370px;height:370px;border:1px solid #e2d9b72e;border-radius:50%;z-index:-1;transform:translate(130px,-110px)}.ng-art-line::after{content:"";position:absolute;inset:25px;border:1px solid #e2d9b722;border-radius:50%}
.ng-demo-tray{position:relative;width:min(320px,100%);background:#f5f0df;border-radius:20px;padding:24px 21px 22px;box-shadow:0 21px 35px #0b242b80,0 4px 0 #a99b7d,0 5px 0 #e0d4b9;transform:rotate(-7deg)}.ng-demo-head{display:flex;align-items:center;justify-content:space-between;color:#67776e;font-size:11px;font-weight:650;margin-bottom:15px}.ng-demo-head span{width:7px;height:7px;background:#bd945e;border-radius:50%}.ng-demo-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.ng-demo-grid i{aspect-ratio:1;background:#e8e6dc;border-radius:5px;box-shadow:inset 0 1px 1px #aab2a421,0 1px 0 #fff9ec;font-style:normal;display:grid;place-items:center;color:#8b9990;font-size:12px}.ng-demo-grid i.filled{background:#315c59;box-shadow:inset 0 1px 0 #6f8b78,0 2px 0 #1d423e}.ng-demo-grid i.gold{background:#c3995e;box-shadow:inset 0 1px 0 #efd6a4,0 2px 0 #937144}.ng-art-chip{padding:11px 15px;border-radius:11px;background:#fcf7e9;color:#38534e;box-shadow:0 7px 20px #0e292944;position:absolute;right:24px;bottom:22%;transform:rotate(4deg);display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650}.ng-art-chip .ng-icon{color:#a8783b;width:20px;height:20px}.ng-art-caption{margin:45px 0 0;font-size:18px;text-align:center;line-height:1.5;max-width:25ch;font-weight:500;letter-spacing:-.02em}.ng-art-dots{display:flex;gap:6px;margin-top:20px}.ng-art-dots i{width:5px;height:5px;border-radius:50%;background:#faf5e443}.ng-art-dots i:first-child{width:21px;border-radius:4px;background:#d4b277}
/* Game layout. The board lives on the Kit's full-size recording canvas. */
#ng-app{position:fixed;inset:0;z-index:5;pointer-events:none;color:var(--ng-ink)}.ng-play-tools{position:absolute;right:calc(88px + var(--ng-safe-right));top:calc(18px + var(--ng-safe-top));display:flex;gap:7px;pointer-events:auto}.ng-play-tools .kit-btn{padding:10px;border-radius:50%;background:var(--ng-paper)!important}.ng-play-tools .ng-icon{width:21px;height:21px}
.ng-layout{position:absolute;inset:calc(86px + var(--ng-safe-top)) calc(45px + var(--ng-safe-right)) calc(25px + var(--ng-safe-bottom)) calc(45px + var(--ng-safe-left));max-width:1380px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:35px}.ng-board-column{min-width:0;min-height:0;display:flex;flex-direction:column}.ng-context{display:flex;justify-content:space-between;align-items:center;min-height:58px;gap:10px;color:#fff7e8;padding:0 8px}.ng-context h2{font-size:25px;letter-spacing:-.04em;line-height:1.15;margin:0 0 5px}.ng-context p{margin:0;color:#e3e9df;font-size:11px;font-weight:500}.ng-context .ng-number{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.ng-number small{display:block;font-size:10px;letter-spacing:.02em;font-weight:500;color:#e3e9df;margin-top:2px}.ng-board-region{position:relative;flex:1;min-height:0;touch-action:none}.ng-board-region:focus-visible{outline:2px solid var(--ng-gold);outline-offset:-3px;border-radius:20px}.ng-inspector{color:#f9f3e5;min-height:32px;display:flex;justify-content:center;align-items:center;gap:13px;font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;padding:0 6px;text-align:center}.ng-inspector b{color:#f1d8a8;margin-left:4px;letter-spacing:.13em}.ng-zoom-row{display:flex;align-items:center;justify-content:center;gap:6px;pointer-events:auto;min-height:48px;margin-top:3px}.ng-zoom-row .kit-btn{min-height:44px;padding:9px 11px;font-size:11px;background:#f9f5e8ed!important;color:#294b4d!important;border:1px solid #ffffff38}.ng-zoom-row .ng-icon{width:19px;height:19px}.ng-zoom-row .kit-btn[aria-pressed=true]{background:#d3b580!important;color:#203d43!important}.ng-zoom-value{font-size:11px;min-width:43px;text-align:center;color:#f9f3e5}
.ng-side{pointer-events:auto;align-self:center;background:var(--ng-paper);border:1px solid #ffffff26;border-radius:24px;box-shadow:var(--ng-shadow);padding:23px;min-width:0}.ng-side-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:13px}.ng-side-title h3{font-size:17px;font-weight:700;letter-spacing:-.025em;margin:0}.ng-side-title>span{font-size:11px;color:var(--ng-muted)}.ng-progress-track{height:4px;border-radius:5px;background:var(--ng-line);overflow:hidden;margin-bottom:17px}.ng-progress-track i{display:block;height:100%;width:0;background:var(--ng-accent);border-radius:5px;transition:width .18s}.ng-tool-help{font-size:12px;color:var(--ng-muted);line-height:1.6;margin:0 0 16px}.ng-brushes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ng-brushes .kit-btn{display:flex;flex-direction:column;padding:12px 4px;gap:7px;font-size:11px;min-width:0;text-align:center;justify-content:center;min-height:75px}.ng-brushes .kit-btn[aria-pressed=true]{background:var(--ng-accent)!important;color:var(--ng-paper)!important;border-color:transparent;box-shadow:0 4px 9px #243c4020}.ng-brushes .ng-icon{width:24px;height:24px}
.ng-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.ng-secondary .kit-btn{min-width:0;justify-content:center;font-size:12px;padding:10px 7px}.ng-secondary .ng-icon{width:19px;height:19px}.ng-hint-action{margin-top:10px;display:flex;gap:7px}.ng-hint-action .kit-btn{justify-content:center;flex:1;min-width:0;min-height:46px;font-size:12px;padding:10px 8px}.ng-hint-action .kit-btn small{display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;background:var(--ng-paper);border:1px solid var(--ng-line);border-radius:7px;font-weight:700;color:var(--ng-ink)}.ng-hint-action .ng-help-btn{flex:0 0 44px;padding:10px}.ng-hint-action .ng-icon{width:20px;height:20px}.ng-stats{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:17px;padding-top:15px;border-top:1px solid var(--ng-line);font-size:10px;color:var(--ng-muted)}.ng-stats strong{display:block;font-size:19px;line-height:1.2;margin-top:3px;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--ng-ink)}.ng-wallet{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ng-ink)}.ng-wallet .ng-icon{width:20px;height:20px;color:var(--ng-gold)}
.ng-guidance{margin:0 0 16px;padding:12px;border-radius:13px;background:var(--ng-paper2);font-size:12px;line-height:1.6;color:var(--ng-ink);border-left:3px solid var(--ng-gold)}.ng-guidance small{display:block;font-size:10px;color:var(--ng-muted);margin-bottom:4px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.ng-guidance p{margin:0}.ng-guidance .ng-icon{display:none}.ng-note{color:var(--ng-muted);font-size:11px;line-height:1.5;margin:15px 0 0}.ng-note:empty{display:none}
/* Kit dialogs, settings and collections. */
.ng-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:15px}.ng-sheet-head h2{margin:0}.ng-sheet-head .kit-btn{padding:10px;flex:none}.ng-sheet-copy{font-size:13px;line-height:1.6;color:var(--ng-muted);margin:10px 0 16px}.ng-choice-row{display:flex;gap:8px;margin-top:12px}.ng-choice-row .kit-btn{flex:1;min-width:0;justify-content:center;text-align:center;font-size:12px}.ng-hint-wallet{display:flex;align-items:center;gap:14px;padding:15px;background:var(--ng-paper2);border-radius:15px;margin:12px 0}.ng-hint-wallet>.ng-icon{width:37px;height:37px;color:var(--ng-gold)}.ng-hint-wallet strong{display:block;font-size:30px;letter-spacing:-.04em;line-height:1.1}.ng-hint-wallet span{font-size:11px;color:var(--ng-muted)}.ng-earn-note{font-size:12px;line-height:1.6;color:var(--ng-muted);padding:12px;background:var(--ng-paper2);border-radius:12px;margin:12px 0}
.ng-help-list{list-style:none;padding:0;margin:18px 0;display:grid;gap:15px}.ng-help-list li{display:flex;gap:10px;font-size:13px;color:var(--ng-muted);line-height:1.6}.ng-help-list b{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:var(--ng-paper2);color:var(--ng-ink);flex:none}.ng-rule-demo{display:flex;justify-content:center;align-items:center;gap:7px;margin:17px 0;padding:14px;border-radius:14px;background:var(--ng-paper2);color:var(--ng-accent)}.ng-rule-demo strong{margin-right:8px;font-size:19px;letter-spacing:.13em}.ng-rule-demo i{width:29px;height:29px;border-radius:5px;border:1px solid var(--ng-line);display:grid;place-items:center;font-size:17px;font-style:normal}.ng-rule-demo i.fill{background:var(--ng-accent)}
.ng-looks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ng-looks .kit-btn{display:block;padding:0;overflow:hidden;text-align:left}.ng-look-preview{height:115px;padding:20px;display:flex;align-items:center;justify-content:center;background:var(--swatch-desk)}.ng-look-preview .ng-pixel-art{background:var(--swatch-paper);padding:9px;border-radius:9px;transform:rotate(-5deg);box-shadow:0 5px 12px #081b3738;width:80px;height:80px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.ng-pixel-art i{border-radius:1px;background:transparent}.ng-look-preview .ng-pixel-art i.filled{background:var(--swatch-fill)}.ng-look-label{display:block;padding:11px 12px;font-size:12px}.ng-looks .kit-btn[aria-pressed=true]{border-color:var(--ng-gold);box-shadow:0 0 0 2px var(--ng-gold)}
body .ng-gallery-layer .kit-karta{inline-size:min(760px,100%)}.ng-gallery-head{display:flex;justify-content:space-between;align-items:center;gap:9px;font-size:12px;color:var(--ng-muted);margin:13px 0}.ng-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ng-gallery-grid .kit-btn{display:flex;flex-direction:column;justify-content:center;gap:9px;min-width:0;min-height:100px;padding:13px 7px;font-size:11px;position:relative}.ng-gallery-grid .kit-btn strong{font-size:20px;color:var(--ng-muted);font-weight:650}.ng-gallery-grid .ng-pixel-art{width:70px;height:70px;display:grid;gap:1px;padding:2px}.ng-gallery-grid .ng-pixel-art i.filled{background:var(--ng-accent)}.ng-gallery-grid .kit-btn>span{display:block;text-align:center;overflow-wrap:anywhere}.ng-gallery-grid .ng-solved-tag{position:absolute;right:7px;top:7px;color:var(--ng-accent)}.ng-gallery-grid .ng-solved-tag .ng-icon{width:14px;height:14px}.ng-gallery-grid .kit-btn.is-current{border-color:var(--ng-gold)}
.ng-result-art{margin:0 auto 18px;padding:17px;background:var(--ng-paper2);width:145px;height:145px;border-radius:20px;box-shadow:0 6px 16px #203d4314;animation:ng-reveal .25s ease-out}.ng-result-art .ng-pixel-art{width:100%;height:100%;display:grid;gap:2px}.ng-result-art .filled{background:var(--ng-accent);box-shadow:inset 0 1px 0 #ffffff44;border-radius:2px}.ng-results-layer .kit-tytul,.ng-results-layer .kit-pod{text-align:center}.ng-earned{font-size:12px;line-height:1.5;text-align:center;padding:11px;background:var(--ng-paper2);border:1px solid var(--ng-line);border-radius:12px;margin-bottom:13px}
@keyframes ng-reveal{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}.ng-layout{animation:ng-reveal .2s ease-out}
@media(min-width:1500px){.ng-layout{grid-template-columns:minmax(0,1fr) 310px;gap:48px}.ng-side{padding:26px}.ng-context h2{font-size:28px}.ng-brushes .kit-btn{min-height:81px}}
@media(max-width:1050px){.ng-layout{left:24px;right:24px;gap:22px;grid-template-columns:minmax(0,1fr) 270px}.ng-side{padding:18px}.ng-menu-main{padding:25px}.ng-menu-art{padding:30px}.ng-menu-layer h1{font-size:40px!important}.ng-collections .kit-btn{padding:9px 6px;gap:5px}}
@media(max-width:700px) and (min-height:521px), (max-width:700px) and (max-height:520px) and (orientation:portrait){
body .kit-hud{left:calc(14px + var(--ng-safe-left));right:calc(14px + var(--ng-safe-right));top:calc(12px + var(--ng-safe-top));height:44px}.ng-brand{font-size:18px;gap:8px}.ng-brand img{width:37px;height:37px}.ng-brand small{font-size:10px;letter-spacing:.1em}.ng-play-tools{right:calc(66px + var(--ng-safe-right));top:calc(12px + var(--ng-safe-top));gap:5px}.ng-play-tools [data-ng=language]{display:none}
.ng-layout{inset:calc(66px + var(--ng-safe-top)) calc(11px + var(--ng-safe-right)) calc(11px + var(--ng-safe-bottom)) calc(11px + var(--ng-safe-left));display:flex;flex-direction:column;gap:8px}.ng-board-column{flex:1}.ng-context{min-height:45px;padding:0 5px}.ng-context h2{font-size:20px;margin-bottom:3px}.ng-context p{font-size:10px}.ng-context .ng-number{font-size:18px}.ng-number small{font-size:10px}.ng-inspector{min-height:28px;font-size:11px;gap:10px}.ng-zoom-row{min-height:44px;margin-top:2px;gap:5px}.ng-zoom-row .kit-btn{padding:8px 10px;min-height:44px;font-size:10px}.ng-zoom-row .ng-icon{width:18px;height:18px}.ng-zoom-value{font-size:10px;min-width:34px}
.ng-side{align-self:stretch;padding:12px;border-radius:20px;flex:none;display:grid;grid-template-columns:1fr 1fr;column-gap:9px;row-gap:8px}.ng-side-title,.ng-tool-help,.ng-progress-track{display:none}.ng-brushes{grid-column:1/-1;gap:6px}.ng-brushes .kit-btn{min-height:49px;padding:8px 4px;flex-direction:row;gap:7px;font-size:11px}.ng-brushes .ng-icon{width:20px;height:20px}.ng-secondary{margin:0;gap:6px}.ng-secondary .kit-btn{font-size:11px;padding:8px 5px;gap:5px;min-height:44px}.ng-secondary .ng-icon{width:17px;height:17px}.ng-hint-action{margin:0;gap:5px}.ng-hint-action .kit-btn{font-size:11px;padding:8px 6px;min-height:44px;gap:5px}.ng-hint-action .ng-icon{width:18px;height:18px}.ng-hint-action .ng-help-btn{flex-basis:44px}.ng-hint-action .kit-btn small{font-size:10px;min-width:21px;min-height:21px}.ng-stats{grid-column:1/-1;margin:0;padding:7px 2px 0;font-size:10px;min-height:30px}.ng-stats strong{display:inline;font-size:14px;margin-left:6px}.ng-wallet{font-size:12px}.ng-wallet .ng-icon{width:17px;height:17px}.ng-guidance{grid-column:1/-1;margin:0;padding:9px 11px;font-size:11px;line-height:1.5}.ng-guidance small{font-size:10px;letter-spacing:.05em;display:inline;margin-right:6px}.ng-guidance p{display:inline}.ng-note{grid-column:1/-1;font-size:11px;margin:0;line-height:1.4}.ng-note:empty{display:none}
body .kit-warstwa{padding:calc(12px + var(--ng-safe-top)) calc(12px + var(--ng-safe-right)) calc(12px + var(--ng-safe-bottom)) calc(12px + var(--ng-safe-left))}body .ng-menu-layer .kit-karta{display:block;inline-size:min(490px,100%);border-radius:25px}.ng-menu-art{display:none}.ng-menu-main{padding:25px;max-height:calc(100dvh - 24px - var(--ng-safe-top) - var(--ng-safe-bottom))}.ng-menu-top{margin-bottom:25px}body .ng-menu-layer h1{font-size:42px!important}.ng-menu-intro{font-size:14px;margin-bottom:23px}.ng-sizes{margin-bottom:21px;gap:8px}.ng-sizes .kit-btn{min-height:71px}.ng-collections{margin-bottom:23px;gap:7px}.ng-collections .kit-btn{flex-direction:column;gap:7px;text-align:center;justify-content:center;min-height:66px;padding:10px 6px;font-size:11px}.ng-collections .ng-icon{width:22px;height:22px}.ng-menu-actions{grid-template-columns:1fr}.ng-menu-actions .kit-btn{min-height:49px}.ng-menu-foot{margin-top:7px}.ng-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ng-gallery-grid .kit-btn{min-height:105px;font-size:10px;padding:10px 5px}.ng-gallery-grid .ng-pixel-art{width:62px;height:62px}
}
@media(max-width:700px) and (min-height:521px) and (max-height:730px), (max-width:700px) and (max-height:730px) and (max-height:520px) and (orientation:portrait){.ng-menu-main{padding:18px 22px}.ng-menu-top{margin-bottom:13px}body .ng-menu-layer h1{font-size:35px!important}.ng-menu-intro{font-size:12px;line-height:1.5;margin-bottom:15px}.ng-eyebrow{margin-bottom:5px}.ng-sizes{margin-bottom:14px}.ng-sizes .kit-btn{min-height:60px;padding:8px 5px}.ng-sizes b{font-size:17px}.ng-collections{margin-bottom:15px;gap:6px}.ng-collections .kit-btn{min-height:51px;flex-direction:row;padding:7px 5px;gap:4px;font-size:10px}.ng-collections .ng-icon{width:18px;height:18px}.ng-menu-actions{grid-template-columns:1.4fr 1fr;gap:7px}.ng-menu-actions .kit-btn{font-size:12px;padding:10px 7px}.ng-menu-subactions{margin-top:4px}.ng-menu-foot{margin-top:2px;padding-top:8px}.ng-section-label{margin-bottom:7px}.ng-context{min-height:37px}.ng-context h2{font-size:18px}.ng-context .ng-number{font-size:16px}.ng-layout{gap:5px}.ng-side{padding:9px;row-gap:6px}.ng-brushes .kit-btn{min-height:44px}.ng-stats{padding-top:5px;min-height:24px}.ng-inspector{min-height:25px;font-size:10px}.ng-zoom-row{margin-top:0}.ng-guidance{font-size:10px;padding:7px 9px}.ng-brand{font-size:16px}.ng-brand img{width:34px;height:34px}}
@media(max-height:520px) and (orientation:landscape){
body .kit-hud{left:calc(19px + var(--ng-safe-left));right:calc(19px + var(--ng-safe-right));top:calc(7px + var(--ng-safe-top));height:44px}.ng-brand{font-size:16px;gap:8px}.ng-brand img{width:34px;height:34px}.ng-brand small{display:none}.ng-play-tools{right:calc(71px + var(--ng-safe-right));top:calc(7px + var(--ng-safe-top));gap:5px}.ng-play-tools [data-ng=language]{display:none}.ng-layout{inset:calc(55px + var(--ng-safe-top)) calc(17px + var(--ng-safe-right)) calc(8px + var(--ng-safe-bottom)) calc(17px + var(--ng-safe-left));grid-template-columns:minmax(0,1fr) 270px;gap:15px}.ng-context{min-height:29px;padding:0 4px}.ng-context h2{font-size:16px;margin-bottom:1px}.ng-context p{font-size:10px}.ng-context .ng-number{font-size:15px}.ng-number small{display:none}.ng-inspector{min-height:23px;font-size:10px}.ng-zoom-row{min-height:44px;margin-top:0}.ng-zoom-row .kit-btn{padding:8px 10px;font-size:10px;min-height:44px}.ng-zoom-row .ng-icon{width:17px;height:17px}.ng-zoom-value{font-size:10px;min-width:35px}.ng-side{padding:13px;border-radius:18px;align-self:center}.ng-side-title,.ng-tool-help,.ng-progress-track{display:none}.ng-brushes .kit-btn{min-height:51px;padding:7px 4px;gap:4px;font-size:10px}.ng-brushes .ng-icon{width:20px;height:20px}.ng-secondary{margin-top:7px;gap:7px}.ng-secondary .kit-btn{font-size:11px;padding:8px;min-height:44px}.ng-hint-action{margin-top:7px}.ng-hint-action .kit-btn{min-height:44px;font-size:11px;padding:8px}.ng-stats{margin-top:9px;padding-top:9px;font-size:10px}.ng-stats strong{display:inline;font-size:14px;margin-left:4px}.ng-wallet{font-size:11px}.ng-guidance{font-size:10px;padding:9px;margin-bottom:9px;line-height:1.45}.ng-guidance small{font-size:10px;margin-bottom:3px;letter-spacing:.04em}.ng-note{font-size:10px;margin-top:9px}
body .kit-warstwa{padding:calc(10px + var(--ng-safe-top)) calc(16px + var(--ng-safe-right)) calc(10px + var(--ng-safe-bottom)) calc(16px + var(--ng-safe-left))}body .kit-warstwa .kit-karta{padding:18px;border-radius:20px;inline-size:min(650px,100%)}body .ng-menu-layer .kit-karta{padding:0;display:block;inline-size:min(980px,100%)}.ng-menu-art{display:none}.ng-menu-main{padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;column-gap:26px;grid-template-areas:'top top' 'hero collections' 'sizes collections' 'actions subactions' 'foot foot';max-height:calc(100dvh - 20px - var(--ng-safe-top) - var(--ng-safe-bottom));align-items:start}.ng-menu-top{grid-area:top;margin-bottom:8px}.ng-menu-hero{grid-area:hero}.ng-menu-sizes{grid-area:sizes}.ng-menu-collections{grid-area:collections}.ng-menu-actions{grid-area:actions;grid-template-columns:1.35fr 1fr;gap:6px}.ng-menu-subactions{grid-area:subactions;margin:0;justify-content:space-around;gap:7px}.ng-menu-foot{grid-area:foot;margin-top:7px;padding-top:7px;font-size:10px}.ng-small-brand img{width:28px;height:28px}.ng-eyebrow{display:none}body .ng-menu-layer h1{font-size:28px!important;margin-bottom:5px}.ng-menu-intro{font-size:11px;line-height:1.45;margin-bottom:9px}.ng-section-label{font-size:10px;margin-bottom:6px}.ng-sizes{margin-bottom:9px;gap:5px}.ng-sizes .kit-btn{min-height:47px;padding:5px;font-size:10px;gap:3px;flex-direction:row}.ng-sizes b{font-size:15px}.ng-collections{margin:0;gap:7px}.ng-collections .kit-btn{min-height:57px;font-size:11px;flex-direction:column;gap:5px;justify-content:center;text-align:center;padding:8px 5px}.ng-collections .ng-icon{width:20px;height:20px}.ng-menu-actions .kit-btn{min-height:44px;font-size:12px;padding:9px 6px}.ng-menu-subactions .kit-btn{font-size:10px;min-height:44px}.ng-sheet-head{margin-bottom:10px}.ng-sheet-head h2{font-size:25px}.ng-sheet-copy{font-size:12px;line-height:1.5;margin:6px 0 11px}.ng-looks{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ng-look-preview{height:80px;padding:10px}.ng-look-preview .ng-pixel-art{height:60px;width:60px;padding:7px}.ng-look-label{padding:9px;font-size:11px}.ng-help-list{gap:10px;margin:12px 0}.ng-help-list li{font-size:12px}.ng-rule-demo{margin:10px 0;padding:10px}.ng-result-art{width:80px;height:80px;padding:10px;margin-bottom:7px}.ng-results-layer .kit-tytul{font-size:24px}.ng-results-layer .kit-pod{font-size:12px;margin-bottom:7px}.ng-results-layer .kit-wynik{margin:8px 0}.ng-results-layer .kit-wynik div{padding:8px}.ng-results-layer .kit-wynik b{font-size:23px}.ng-earned{padding:8px;margin-bottom:9px;font-size:11px}.ng-results-layer .kit-przyciski{grid-template-columns:1fr 1fr}.ng-hint-wallet{padding:10px;margin:8px 0}.ng-hint-wallet strong{font-size:24px}.ng-earn-note{font-size:11px;padding:9px;margin:9px 0}.ng-gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.ng-gallery-grid .kit-btn{min-height:100px;padding:9px 5px;font-size:10px}.ng-gallery-grid .ng-pixel-art{width:60px;height:60px}
}
@media(max-width:360px) and (min-height:521px), (max-width:360px) and (max-height:520px) and (orientation:portrait){.ng-menu-main{padding-left:16px;padding-right:16px}.ng-small-brand{letter-spacing:.09em}.ng-small-brand img{width:29px;height:29px}.ng-menu-tools{gap:4px}.ng-menu-tools .kit-btn{padding:9px}.ng-menu-tools [data-kit=ustawienia]{display:none}.ng-layout{left:7px;right:7px}.ng-brand{font-size:15px}.ng-brand img{width:31px;height:31px}.ng-brand small{font-size:10px;letter-spacing:0}.ng-play-tools .kit-btn{padding:10px}.ng-brushes .kit-btn{font-size:10px;gap:5px}.ng-side{column-gap:6px}.ng-hint-action .ng-help-btn{display:none}.ng-hint-action .kit-btn{font-size:11px}.ng-secondary .kit-btn{font-size:10px;gap:4px}.ng-inspector{gap:7px;font-size:10px}.ng-context h2{font-size:17px}.ng-gallery-grid .ng-pixel-art{width:58px;height:58px}}
#ng-app[data-size="5"] .ng-zoom-row{display:none}
.ng-art-chip{bottom:28%}.ng-art-caption{margin-top:62px}
body .kit-toast{border-radius:14px;padding:12px 16px;line-height:1.5;max-width:min(540px,calc(100% - 28px))}
@media(max-width:700px) and (min-height:521px), (max-width:700px) and (max-height:520px) and (orientation:portrait){.ng-secondary .ng-icon{display:none}.ng-secondary .kit-btn{padding-left:2px;padding-right:2px;font-size:clamp(10px,2.7vw,11px)}}
@media(max-width:700px) and (min-height:521px), (max-width:700px) and (max-height:520px) and (orientation:portrait){body .ng-gallery-layer .kit-karta{padding:18px}.ng-gallery-layer .ng-sheet-head{margin-bottom:12px}.ng-gallery-layer .ng-sheet-head h2{font-size:25px;line-height:1.15}.ng-gallery-layer .ng-sizes{margin-bottom:12px;gap:5px}.ng-gallery-layer .ng-sizes .kit-btn{min-height:55px;padding:7px 2px;gap:4px}.ng-gallery-layer .ng-sizes b{font-size:17px;white-space:nowrap}.ng-gallery-layer .ng-collections{margin-bottom:12px;gap:5px}.ng-gallery-layer .ng-collections .kit-btn{min-height:52px;flex-direction:column;gap:4px;font-size:10px;padding:6px 3px;line-height:1.1}.ng-gallery-layer .ng-collections .ng-icon{width:17px;height:17px}.ng-gallery-layer .ng-gallery-head{margin:9px 0;font-size:10px}.ng-gallery-layer .ng-gallery-grid .kit-btn{min-height:85px;font-size:10px;padding:8px 5px}.ng-gallery-layer .ng-gallery-grid .ng-pixel-art{width:53px;height:53px}.ng-gallery-layer .ng-sheet-copy{font-size:11px;line-height:1.5;margin:10px 0}.ng-gallery-layer .ng-choice-row{margin-top:10px}.ng-gallery-layer .ng-choice-row .kit-btn{font-size:11px;padding:9px 6px}}
@media(max-width:360px) and (min-height:521px), (max-width:360px) and (max-height:520px) and (orientation:portrait){body .ng-gallery-layer .kit-karta{padding:15px}.ng-gallery-layer .ng-sheet-head h2{font-size:23px}.ng-gallery-layer .ng-gallery-grid .kit-btn{min-height:78px}}
@media(max-width:700px) and (min-height:521px) and (max-height:630px), (max-width:700px) and (max-height:630px) and (max-height:520px) and (orientation:portrait){.ng-menu-main{padding-top:12px;padding-bottom:12px}.ng-menu-top{margin-bottom:9px}.ng-menu-intro{margin-bottom:11px}.ng-sizes{margin-bottom:10px}.ng-sizes .kit-btn{min-height:53px}.ng-collections{margin-bottom:11px}.ng-collections .kit-btn{min-height:48px}.ng-menu-subactions .kit-btn{min-height:44px}.ng-menu-foot{padding-top:6px;font-size:10px}}
@media(max-width:360px) and (min-height:521px), (max-width:360px) and (max-height:520px) and (orientation:portrait){.ng-brand small{display:none}}
@media(max-width:700px) and (min-height:521px), (max-width:700px) and (max-height:520px) and (orientation:portrait){.ng-brand small{display:none}.ng-brand{max-width:calc(100vw - 175px);pointer-events:none}.ng-brushes .kit-btn{gap:4px;padding-left:2px;padding-right:2px}.ng-brushes .ng-icon{width:18px;height:18px}:root[lang=fr] body .ng-menu-layer h1{font-size:clamp(29px,9.25vw,38px)!important}}
@media(max-height:520px) and (orientation:landscape){.ng-brushes .kit-btn{padding-left:2px;padding-right:2px}:root[lang=uk] .ng-brushes{grid-template-columns:1.2fr .9fr .9fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}