:root{--bg:#EEF3FA;--surface:#FFFFFF;--ink:#1E2A44;--muted:#5D6B86;--line:#D6DFEC;--guide:#CBD6E8;--go:#1FA45B;--c-crte:#E89A0C;--c-oblici:#2F6FDB;--c-brojke:#E0484D;--c-crtezi:#1E9E6A;--c-ploca:#8A5CF6;--c-prve:#D9468F;--c-tirkiz:#0E8F9C;--c-narancasta:#E2692A;--f-emoji:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;--splash:#1B2A4E;--splash-ink:#FFF4DA;--gold:#FFC83D;--dotgrid:rgba(47,111,219,.11);--shadow:0 2px 0 rgba(30,42,68,.08),0 8px 24px rgba(30,42,68,.07);--f-display:"Baloo 2","Comic Sans MS",system-ui,sans-serif;--f-body:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111A2E;--surface:#1A2640;--ink:#EEF2FA;--muted:#A5B2CA;--line:#2B3A5B;--guide:#34456A;--go:#34C477;--c-crte:#F6B540;--c-oblici:#6596F2;--c-brojke:#F26C70;--c-crtezi:#3EBF8A;--c-ploca:#A788FB;--c-prve:#EE78B0;--c-tirkiz:#2CB5C2;--c-narancasta:#F28A50;--dotgrid:rgba(170,190,240,.09);--shadow:0 2px 0 rgba(0,0,0,.25),0 8px 24px rgba(0,0,0,.25);color-scheme:dark}}:root[data-theme=dark]{--bg:#111A2E;--surface:#1A2640;--ink:#EEF2FA;--muted:#A5B2CA;--line:#2B3A5B;--guide:#34456A;--go:#34C477;--c-crte:#F6B540;--c-oblici:#6596F2;--c-brojke:#F26C70;--c-crtezi:#3EBF8A;--c-ploca:#A788FB;--c-prve:#EE78B0;--c-tirkiz:#2CB5C2;--c-narancasta:#F28A50;--dotgrid:rgba(170,190,240,.09);--shadow:0 2px 0 rgba(0,0,0,.25),0 8px 24px rgba(0,0,0,.25);color-scheme:dark}[hidden]{display:none!important}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-weight:700;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--c-oblici);outline-offset:3px}.screen{position:fixed;inset:0;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.bar{display:flex;align-items:center;gap:12px;padding-block:12px;min-height:64px}.screen>.bar,.screen>.board,.screen>.foot,.scroll>.grid{width:100%;max-width:1040px;margin-inline:auto;box-sizing:border-box}.screen>.board{max-width:900px}@media (min-width:900px){#cats{grid-template-columns:repeat(6,1fr)}}.bar h1,.bar h2{margin:0;font-family:var(--f-display);font-weight:800;line-height:1;flex:1;min-width:0;text-wrap:balance}.bar h1{font-size:1.9rem}.bar h2{font-size:1.6rem}.logo-p{color:var(--c-brojke)}.rb{width:56px;height:56px;flex:none;border-radius:50%;border:2px solid var(--line);background:var(--surface);display:grid;place-items:center;box-shadow:var(--shadow);position:relative;padding:0;touch-action:manipulation}.rb svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.rb:active{transform:scale(.94)}.gear{--p:0}.gear::before{content:"";position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(var(--go) calc(var(--p) * 360deg),transparent 0);-webkit-mask:radial-gradient(circle,transparent 31px,#000 32px);mask:radial-gradient(circle,transparent 31px,#000 32px)}.tip{position:absolute;right:0;top:64px;background:var(--ink);color:var(--bg);font-size:.85rem;padding:8px 12px;border-radius:12px;white-space:nowrap;z-index:5}#splash{background:var(--splash);color:var(--splash-ink);z-index:50;justify-content:center;align-items:center;text-align:center;gap:10px;padding-block:calc(env(safe-area-inset-top,0px) + 24px) calc(env(safe-area-inset-bottom,0px) + 24px);background-image:radial-gradient(rgba(255,244,218,.07) 1.5px,transparent 1.6px);background-size:22px 22px;transition:opacity .35s,transform .35s}#splash.out{opacity:0;transform:scale(1.04)}.eyebrow{font-size:.78rem;letter-spacing:.2em;color:var(--gold);font-weight:800}.splash-title{font-family:var(--f-display);font-weight:800;font-size:clamp(2.6rem,11vw,4.2rem);line-height:.95;margin:0}.splash-title span{color:var(--gold)}#splashCanvas{width:min(100%,520px);height:30vh;max-height:260px}.call{font-family:var(--f-display);font-size:1.6rem;font-weight:800;margin:0}.sub{margin:0;opacity:.8;font-weight:600;max-width:32ch}.spinst{margin-top:14px;display:flex;align-items:center;gap:12px;background:rgba(255,244,218,.1);border:1px solid rgba(255,244,218,.25);border-radius:16px;padding:10px 14px;max-width:26rem;text-align:left;font-size:.92rem;line-height:1.35}.spinst .btn{flex:none;color:var(--ink)}.tapgo{margin-top:18px;font-size:.95rem;opacity:.9;animation:1.6s ease-in-out infinite blink}@keyframes blink{50%{opacity:.35}}.scroll{flex:1;overflow:auto;padding-bottom:20px;overscroll-behavior:contain}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(150px,calc(50% - 7px)),1fr))}.card{--cc:var(--c-oblici);border:0;padding:0;border-radius:28px;background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;text-align:left;touch-action:manipulation;border-bottom:6px solid var(--cc)}.card:active{transform:translateY(2px)}.card canvas{width:100%;aspect-ratio:4/3;max-width:100%;display:block;background:color-mix(in srgb,var(--cc) 13%,var(--surface))}.card .lab{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px 12px}.card .nm{font-family:var(--f-display);font-size:1.35rem;font-weight:800;line-height:1}.card .st{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.items{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.items .card{border-radius:22px;border-bottom-width:5px}.items .card canvas{aspect-ratio:1}.items .card .lab{padding:6px 10px 8px}.items .card .nm{font-size:1.05rem}.done-badge{color:var(--gold);font-size:1.2rem;line-height:1}.board{flex:1;position:relative;border-radius:30px;background-color:var(--surface);overflow:hidden;box-shadow:var(--shadow);background-image:radial-gradient(var(--dotgrid) 1.6px,transparent 1.7px);background-size:24px 24px;min-height:0}.board canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block}.foot{display:flex;align-items:center;justify-content:center;gap:14px;padding-block:12px;min-height:80px;flex-wrap:wrap}.steps{display:flex;gap:10px}.sd{width:46px;height:46px;border-radius:50%;border:3px solid var(--line);background:var(--surface);display:grid;place-items:center;padding:0}.sd svg{width:30px;height:12px}.sd.now{border-color:var(--cc);box-shadow:0 0 0 4px color-mix(in srgb,var(--cc) 25%,transparent)}.sd.ok{background:var(--cc);border-color:var(--cc);color:#fff}.sd.ok svg *{stroke:#fff;fill:#fff}.endbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.bigstar{font-size:2.6rem;color:var(--gold);line-height:1;animation:.6s cubic-bezier(.2,1.6,.4,1) pop}@keyframes pop{from{transform:scale(.2) rotate(-40deg)}}.sw{width:48px;height:48px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 2px var(--line);padding:0}.sw.on{box-shadow:0 0 0 4px var(--ink)}.go{width:72px;height:72px;background:var(--cc);color:#fff;border-color:transparent}.go svg{width:34px;height:34px}.palette{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.modal{position:fixed;inset:0;z-index:60;background:rgba(10,16,30,.5);display:flex;align-items:center;justify-content:center}.dlg{background:var(--surface);color:var(--ink);width:100%;max-width:32rem;max-height:100%;overflow:auto;border-radius:24px;padding:4px 20px 24px;font-weight:600;box-shadow:0 20px 60px rgba(0,0,0,.3)}@media (max-width:760px){.dlg{max-width:none;height:100%;border-radius:0;padding-top:env(safe-area-inset-top,0);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px);padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}}.dlg .bar h2{font-size:1.5rem}.sec{font-size:.72rem;letter-spacing:.16em;color:var(--c-brojke);font-weight:800;margin:18px 0 8px}.row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.row>span{font-size:.95rem}.seg{display:flex;gap:4px;background:var(--bg);padding:4px;border-radius:14px}.seg button{flex:1;border:0;background:0 0;padding:10px 6px;border-radius:10px;color:var(--muted);font-weight:700}.seg button[aria-pressed=true]{background:var(--surface);color:var(--c-brojke);font-weight:800;box-shadow:0 1px 3px rgba(0,0,0,.12)}.btn{border:2px solid var(--line);background:var(--surface);border-radius:14px;padding:12px 14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.btn.danger{color:var(--c-brojke)}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.small{font-size:.82rem;color:var(--muted);margin:8px 0 0}.center{text-align:center}.dlg p{line-height:1.55;max-width:65ch}.dlg a{color:var(--c-oblici)}.dlg table{width:100%;border-collapse:collapse;font-size:.92rem}.dlg td{padding:7px 0;border-bottom:1px solid var(--line);vertical-align:top}.dlg td:first-child{color:var(--muted);width:38%}.box{border:2px solid var(--line);border-radius:14px;padding:12px 14px;font-weight:800;line-height:1.5;margin:12px 0}.note{background:color-mix(in srgb,var(--gold) 22%,var(--surface));border-radius:12px;padding:10px 12px;font-size:.88rem;line-height:1.45;margin-top:10px}@media (prefers-reduced-motion:reduce){.bigstar,.tapgo{animation:none}#splash{transition:none}}.parent-note{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:14px 16px;border-radius:20px;background:color-mix(in srgb,var(--gold) 20%,var(--surface));border:2px dashed color-mix(in srgb,var(--gold) 70%,var(--line));font-size:.92rem;line-height:1.45;color:var(--ink)}.parent-note svg{flex:none;width:30px;height:30px;margin-top:2px}.parent-note b{font-weight:800}.box.warm{background:color-mix(in srgb,var(--gold) 20%,var(--surface));border-color:color-mix(in srgb,var(--gold) 70%,var(--line))}.box ul{margin:6px 0 0;padding-left:1.2rem;font-weight:700}.dlg strong{font-weight:800}.scroll>.parent-note{max-width:1040px;margin-inline:auto;box-sizing:border-box}.pin{width:11rem;max-width:100%;height:68px;box-sizing:border-box;font:800 2rem/1 var(--f-display);letter-spacing:.45em;text-align:center;padding:0 8px 0 .45em;border:2px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink)}.pin:focus{outline:3px solid var(--c-oblici);outline-offset:2px}.pinrow{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}.pinrow .btn{min-height:68px}.lbl{display:block;font-size:.9rem;margin:12px 0 6px}.err{color:var(--c-brojke);font-weight:800;margin:8px 0 0}.who{font-size:.85rem;line-height:1.5;color:var(--muted);border-left:4px solid var(--gold);padding:4px 0 4px 12px;margin:14px 0 0}.who strong{color:var(--ink)}.go-btn{width:100%;margin-top:14px;background:var(--c-crtezi);border-color:transparent;color:#fff;position:relative;overflow:hidden}.go-btn::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.3);transform-origin:left;transform:scaleX(var(--p,0));pointer-events:none}.pin-dlg{max-width:24rem}.rest{position:fixed;inset:0;z-index:90;background:var(--splash);overflow:auto;overscroll-behavior:contain;background-image:radial-gradient(rgba(255,244,218,.07) 1.5px,transparent 1.6px);background-size:22px 22px;padding:calc(env(safe-area-inset-top,0px) + 20px) max(16px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 24px) max(16px,env(safe-area-inset-left,0px))}.rest-in{max-width:28rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.rest-art{width:min(150px,36vw);height:auto}.rest-h{margin:0;font-family:var(--f-display);font-weight:800;font-size:clamp(2rem,9vw,2.8rem);line-height:1;color:var(--gold);text-wrap:balance}.rest-p{margin:0;color:var(--splash-ink);font-size:1.05rem;line-height:1.45;max-width:30ch}.rest-parent{margin-top:14px;width:100%;box-sizing:border-box;background:var(--surface);color:var(--ink);border-radius:22px;padding:6px 18px 18px;text-align:left}.rest-parent .sec{margin-top:12px}.soon{position:fixed;z-index:70;top:calc(env(safe-area-inset-top,0px) + 10px);left:50%;transform:translateX(-50%);background:var(--gold);color:#1b2a4e;font-weight:800;font-size:.9rem;padding:8px 16px;border-radius:999px;box-shadow:var(--shadow);pointer-events:none}.shake{animation:.45s shake}@keyframes shake{20%{transform:translateX(-9px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(4px)}}.done-note{margin:6px 0 10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--go) 14%,var(--surface));color:var(--ink);font-size:.88rem;font-weight:700;line-height:1.4}