@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/olimpiadesains/assets/baloo-2-latin-700-normal-CqTg7A15.woff2) format("woff2"),url(/olimpiadesains/assets/baloo-2-latin-700-normal-Ld3Zm3l2.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/olimpiadesains/assets/baloo-2-latin-800-normal-BbF3Etk1.woff2) format("woff2"),url(/olimpiadesains/assets/baloo-2-latin-800-normal-B8BXfZF7.woff) format("woff")}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/olimpiadesains/assets/andika-latin-400-normal-BTFTIZb-.woff2) format("woff2"),url(/olimpiadesains/assets/andika-latin-400-normal-BK42By1L.woff) format("woff")}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/olimpiadesains/assets/andika-latin-700-normal-Dk95f5lc.woff2) format("woff2"),url(/olimpiadesains/assets/andika-latin-700-normal-CAUSQC6x.woff) format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/olimpiadesains/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2) format("woff2"),url(/olimpiadesains/assets/dm-mono-latin-500-normal-CN8Miw6E.woff) format("woff")}:root{--blue: #0058a3;--blue-deep: #003e74;--blue-soft: #e6f0fa;--blue-mid: #bfd9f2;--yellow: #ffdb00;--yellow-soft: #fff7c7;--ink: #16202e;--muted: #596476;--good: #187a4a;--good-soft: #e3f4ea;--bad: #c3354c;--bad-soft: #fbe9ec;--bg: #ffffff;--line: #d5dde8;--paper: #f6f9fc;--r: 16px;--font-head: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;--font-body: "Andika", "Segoe UI", system-ui, sans-serif;--font-mono: "DM Mono", ui-monospace, monospace;--safe-b: env(safe-area-inset-bottom, 0px);--vh-avail: calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink)}body{font-family:var(--font-body);font-size:18px;line-height:1.45;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}#app{max-width:480px;margin:0 auto;min-height:var(--vh-avail);background:var(--bg);position:relative;box-shadow:0 0 0 1px #e8eef5;overflow-x:clip}.screen{min-height:var(--vh-avail);display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-head);margin:0;line-height:1.15}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 24px;border:0;border-radius:var(--r);font-family:var(--font-head);font-weight:800;font-size:22px;letter-spacing:.2px;background:var(--blue);color:#fff;box-shadow:0 4px 0 var(--blue-deep);transition:transform .08s ease-out,box-shadow .08s ease-out,background .15s;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--blue-deep)}.btn:disabled{background:#c7d0db;box-shadow:0 4px #a9b4c2;color:#fff;cursor:default}.btn.yellow{background:var(--yellow);color:var(--blue-deep);box-shadow:0 4px #c9a900}.btn.yellow:active{box-shadow:0 2px #c9a900}.btn.good{background:var(--good);box-shadow:0 4px #0f5232}.btn.ghost{background:#fff;color:var(--blue);box-shadow:0 4px 0 var(--line),inset 0 0 0 2px var(--line)}.btn.ghost:active{box-shadow:0 2px 0 var(--line),inset 0 0 0 2px var(--line)}.btn.wide{width:100%}.btn.big{min-height:64px;font-size:26px}.btn.small{min-height:44px;font-size:17px;padding:0 14px;border-radius:12px}.icon-btn{min-width:48px;min-height:48px;border-radius:14px;border:2px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:22px;padding:0 10px;gap:6px;font-family:var(--font-head);font-weight:700;color:var(--blue-deep);box-shadow:0 3px 0 var(--line)}.icon-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.icon-btn.on{background:var(--yellow-soft);border-color:var(--yellow);box-shadow:0 3px #e2c300}.icon-btn .lbl{font-size:15px}.icon-btn:disabled{opacity:.45}.link{background:none;border:0;color:var(--blue);font-weight:700;text-decoration:underline;padding:8px;min-height:44px}.splash{align-items:center;justify-content:center;text-align:center;padding:32px 24px calc(32px + var(--safe-b));gap:18px;background:radial-gradient(120% 70% at 50% 0%,#e6f0fa,#fff 60%)}.logo{font-family:var(--font-head);font-weight:800;font-size:46px;color:var(--blue);letter-spacing:-.5px;line-height:1}.logo span{color:var(--blue-deep);background:var(--yellow);padding:0 10px;border-radius:12px;margin-left:4px;display:inline-block;transform:rotate(-2deg)}.tagline{color:var(--muted);font-size:18px;margin-top:-6px}.onboard{padding:24px 20px calc(24px + var(--safe-b));justify-content:space-between}.onboard .card{background:var(--blue-soft);border-radius:24px;padding:24px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.onboard h2{font-size:30px;color:var(--blue-deep)}.onboard p{margin:0;font-size:20px}.dots{display:flex;gap:8px;justify-content:center;margin:16px 0}.dots i{width:10px;height:10px;border-radius:50%;background:var(--line)}.dots i.on{background:var(--blue);width:26px;border-radius:6px}.demo-row{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap}.map-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:#fffffff5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);padding:10px 12px;display:flex;align-items:center;gap:8px}.week{display:flex;gap:5px;align-items:center;flex:1;min-width:0}.week .d{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;font-family:var(--font-head);background:#eef2f7;color:var(--muted);border:2px solid transparent}.week .d.played{background:var(--yellow);color:var(--blue-deep)}.week .d.rest{background:transparent;border:2px dashed #cfd7e2;color:#a9b4c2}.week .d.rest.played{background:var(--yellow);border-style:solid;border-color:var(--yellow)}.week .d.today{border-color:var(--blue)}.week-label{font-family:var(--font-head);font-weight:700;color:var(--blue-deep);font-size:15px;white-space:nowrap;margin-left:4px}.map-scroll{flex:1;padding:8px 0 calc(150px + var(--safe-b));position:relative}.phase-band{margin:18px 16px 6px;padding:8px 14px;border-radius:14px;font-family:var(--font-head);font-weight:800;font-size:17px;display:flex;align-items:center;gap:8px}.phase-band small{font-family:var(--font-body);font-weight:400;font-size:14px;color:var(--muted);margin-left:auto;text-align:right}.path{position:relative;height:var(--h)}.path svg.trail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.node{position:absolute;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;border:0;display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:24px;background:#dfe5ee;color:#8b97a8;box-shadow:0 5px #c3ccd8;transition:transform .12s ease-out}.node:active{transform:translate(-50%,-46%)}.node.done{background:var(--blue);color:#fff;box-shadow:0 5px 0 var(--blue-deep)}.node.open{background:var(--yellow);color:var(--blue-deep);box-shadow:0 5px #c9a900,0 0 0 6px #ffdb0059;animation:pulse 1.8s ease-in-out infinite}.node.sim{border-radius:18px}.node.optional:not(.done):not(.open){background:#efe7ff;color:#8e6cef;box-shadow:0 5px #d6c8f8}.node.optional.done{background:#8e6cef;box-shadow:0 5px #5f45b3}.node .crowns{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:13px;letter-spacing:-2px;white-space:nowrap}.node .lock{font-size:20px}.node-kris{position:absolute;transform:translate(-50%,-100%);pointer-events:none;z-index:2}@keyframes pulse{0%,to{box-shadow:0 5px #c9a900,0 0 0 4px #ffdb0073}50%{box-shadow:0 5px #c9a900,0 0 0 12px #ffdb001f}}.map-dock{position:fixed;bottom:0;left:0;right:0;margin-inline:auto;width:100%;max-width:480px;z-index:6;padding:12px 16px calc(14px + var(--safe-b));background:linear-gradient(180deg,#fff0,#fff 26%)}.dock-info{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:16px}.dock-info .title{font-family:var(--font-head);font-weight:800;font-size:19px;color:var(--blue-deep);line-height:1.1}.dock-info .sub{color:var(--muted);font-size:15px}.monster-pill{display:inline-flex;align-items:center;gap:4px;background:var(--bad-soft);color:var(--bad);border-radius:999px;padding:2px 10px 2px 4px;font-weight:700;font-size:15px}.tower-entry{margin:10px 16px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#efe7ff,#e6f0fa);border:2px solid #d6c8f8;width:calc(100% - 32px);text-align:left}.tower-entry b{font-family:var(--font-head);font-size:19px;color:#5f45b3;display:block}.tower-entry span{color:var(--muted);font-size:15px}.play-top{display:flex;align-items:center;gap:10px;padding:10px 12px 6px;position:sticky;top:env(safe-area-inset-top,0px);background:#fff;z-index:4}.progress{flex:1;height:16px;background:#e8edf3;border-radius:999px;overflow:hidden;display:flex;gap:2px;padding:0}.progress i{flex:1;background:#e8edf3;transition:background .25s ease-out}.progress i.done{background:var(--blue)}.progress i.done.mon{background:var(--bad)}.progress i.cur{background:var(--yellow)}.counter{font-family:var(--font-head);font-weight:700;color:var(--muted);font-size:16px;min-width:44px;text-align:right}.close-btn{width:44px;height:44px;border:0;background:transparent;font-size:26px;color:var(--muted);border-radius:12px}.q-wrap{flex:1;display:flex;flex-direction:column;padding:4px 16px 0}.q-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:32px;margin-bottom:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:14px;font-weight:700;font-family:var(--font-head);background:var(--blue-soft);color:var(--blue-deep)}.chip.move{background:var(--yellow-soft);color:var(--blue-deep);border:1.5px solid var(--yellow)}.chip.mon{background:var(--bad-soft);color:var(--bad)}.chip.lvl{background:#f0f2f5;color:var(--muted)}.chip.olymp{background:#efe7ff;color:#5f45b3}.stem{font-size:22px;line-height:1.45;margin:4px 0 2px;word-wrap:break-word}.stem .w{border-radius:8px;padding:0 1px;transition:background .15s}.stem.circling .w{cursor:pointer;box-shadow:inset 0 -2px #e3e8ef}.stem .w.circled{box-shadow:0 0 0 2.5px var(--blue);background:var(--blue-soft)}.stem .w.circled.key{box-shadow:0 0 0 2.5px #c9a900;background:var(--yellow)}.stem-en{color:var(--muted);font-size:17px;line-height:1.45;margin:4px 0}.stem-en:before{content:"EN";font-family:var(--font-head);font-weight:800;font-size:11px;background:#eef2f7;color:var(--muted);border-radius:6px;padding:1px 5px;margin-right:6px;vertical-align:2px}.tools{display:flex;gap:6px;margin:10px 0 8px}.tools .icon-btn{flex:1 1 0;min-width:0;padding:0 4px;gap:3px;font-size:19px}.tools .icon-btn .lbl{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hint-card{background:var(--blue-soft);border-radius:14px;padding:10px 12px;margin:6px 0;animation:rise .22s ease-out}.hint-card .h-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-head);font-weight:800;font-size:15px;color:var(--blue);margin-bottom:2px}.hint-card p{margin:0;font-size:18px}.id-btn{min-width:44px;min-height:36px;border-radius:10px;border:2px solid var(--blue);background:#fff;color:var(--blue);font-family:var(--font-head);font-weight:800;font-size:14px;padding:0 8px}.id-btn.on{background:var(--blue);color:#fff}.options{display:flex;flex-direction:column;gap:12px;margin:12px 0;padding-bottom:calc(96px + var(--safe-b))}.opt{position:relative;display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 14px;border-radius:var(--r);background:#fff;text-align:left;border:2px solid var(--line);border-bottom-width:5px;font-size:20px;transition:transform .12s ease-out,border-color .15s,background .15s}.opt:active:not(:disabled){transform:translateY(2px)}.opt .letter{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:17px;background:#eef2f7;color:var(--muted)}.opt .otext{flex:1;min-width:0}.opt .osub{display:block;color:var(--muted);font-size:16px}.opt.sel{border-color:var(--blue);background:var(--blue-soft)}.opt.sel .letter{background:var(--blue);color:#fff}.opt.right{border-color:var(--good);background:var(--good-soft)}.opt.right .letter{background:var(--good);color:#fff}.opt.wrong{border-color:var(--bad);background:var(--bad-soft)}.opt.wrong .letter{background:var(--bad);color:#fff}.opt.crossed .otext{text-decoration:line-through;text-decoration-thickness:3px;color:#a3adbb}.opt.crossed{background:#fafbfc}.opt .mark{font-size:24px;font-weight:800}.opt.right .mark{color:var(--good)}.opt.wrong .mark{color:var(--bad)}.cross-btn{flex:none;width:40px;height:40px;border-radius:10px;border:2px dashed #cdd5df;background:#fff;color:#9aa5b1;font-size:18px;font-weight:800}.cross-btn.on{border-style:solid;border-color:var(--bad);color:var(--bad)}.check-dock{position:fixed;bottom:0;left:0;right:0;margin-inline:auto;width:100%;max-width:480px;padding:12px 16px calc(14px + var(--safe-b));background:#fff;border-top:1px solid var(--line);z-index:7}.bounce{animation:bounce .28s ease-out}.shake{animation:shake .3s ease-out}@keyframes bounce{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}@keyframes rise{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.sheet{position:fixed;left:0;right:0;margin-inline:auto;bottom:0;width:100%;max-width:480px;z-index:8;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -8px 30px #16202e29;padding:16px 16px calc(16px + var(--safe-b));animation:rise .22s ease-out;max-height:78dvh;overflow-y:auto}.sheet.good{border-top:6px solid var(--good)}.sheet.bad{border-top:6px solid var(--bad)}.sheet .verdict{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:800;font-size:clamp(20px,5.8vw,26px);line-height:1.15}.sheet.good .verdict{color:var(--good)}.sheet.bad .verdict{color:var(--bad)}.verdict .vi{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:24px}.sheet.good .vi{background:var(--good)}.sheet.bad .vi{background:var(--bad)}.explain{margin:8px 0;font-size:18px}.explain-row{display:flex;gap:8px;align-items:flex-start}.explain-row p{margin:0;flex:1}.key-concept{background:var(--yellow-soft);border-radius:12px;padding:8px 12px;margin:8px 0;font-size:17px;border-left:5px solid var(--yellow)}.key-concept b{font-family:var(--font-head);color:var(--blue-deep)}.answer-was{font-size:17px;margin:6px 0}.answer-was b{color:var(--good)}.caught{display:flex;align-items:center;gap:12px;background:var(--bad-soft);border-radius:16px;padding:8px 12px;margin:10px 0;animation:rise .3s ease-out .15s both}.caught b{font-family:var(--font-head);font-size:19px;color:var(--bad);display:block;line-height:1.1}.caught span{font-size:15px;color:var(--muted)}.kris-tip{display:flex;align-items:center;gap:8px;background:var(--blue-soft);border-radius:14px;padding:6px 10px;margin:8px 0;font-weight:700;color:var(--blue-deep)}.fight{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,var(--bad-soft),#fff);border-radius:18px;padding:8px 12px;margin-bottom:8px}.fight .name{font-family:var(--font-head);font-weight:800;font-size:18px;color:var(--bad);line-height:1.1}.hearts{display:flex;gap:4px;margin-top:2px}.hearts i{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--bad)}.hearts i.full{background:var(--bad)}.hearts i.gone{border-style:dashed;border-color:#d9a3ad}.fight small{color:var(--muted);font-size:14px;display:block}.intro{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 20px calc(24px + var(--safe-b));gap:14px}.intro h2{font-size:32px;color:var(--blue-deep)}.intro p{font-size:20px;margin:0;max-width:30ch}.monster-line{display:flex;gap:6px;justify-content:center;align-items:flex-end}.monster-line .monster{animation:float 2.4s ease-in-out infinite}.monster-line .monster:nth-child(2){animation-delay:.4s}.monster-line .monster:nth-child(3){animation-delay:.8s}.move-demo{background:var(--blue-soft);border-radius:20px;padding:16px;width:100%;text-align:left}.move-demo .stem{font-size:20px}.draw-layer{position:fixed;inset:0;z-index:9;display:flex;flex-direction:column;background:#fff0}.draw-bar{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;margin-inline:auto;width:100%;max-width:480px;z-index:10;display:flex;gap:8px;padding:8px 12px;background:var(--yellow-soft);border-bottom:2px solid var(--yellow);align-items:center}.draw-bar .t{font-family:var(--font-head);font-weight:800;color:var(--blue-deep);flex:1}canvas.pad{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;margin-inline:auto;width:100%;max-width:480px;height:100dvh;z-index:9;touch-action:none}.done-screen{align-items:center;text-align:center;padding:24px 20px calc(24px + var(--safe-b));gap:12px;background:radial-gradient(120% 60% at 50% 0%,var(--yellow-soft),#fff 70%)}.done-screen h1{font-size:38px;color:var(--blue-deep)}.big-score{font-family:var(--font-head);font-weight:800;font-size:28px;color:var(--ink)}.stars-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;max-width:320px}.stars-row .st{font-size:28px;animation:pop .35s ease-out both}.crowns-big{font-size:40px;letter-spacing:2px}.crowns-big .dim{filter:grayscale(1);opacity:.25}.summary-cards{display:flex;gap:10px;width:100%}.summary-cards .sc{flex:1;background:#fff;border:2px solid var(--line);border-radius:16px;padding:10px 8px}.sc b{display:block;font-family:var(--font-head);font-size:26px}.sc span{font-size:14px;color:var(--muted)}.grew{background:var(--yellow);color:var(--blue-deep);font-family:var(--font-head);font-weight:800;border-radius:14px;padding:6px 14px;animation:pop .4s ease-out .4s both}.done-actions{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:auto}.page-top{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);position:sticky;top:env(safe-area-inset-top,0px);background:#fff;z-index:3}.page-top h2{font-size:24px;color:var(--blue-deep);flex:1}.tabs{display:flex;gap:6px;padding:10px 12px 0}.tab{flex:1;min-height:44px;border-radius:12px;border:2px solid var(--line);background:#fff;font-family:var(--font-head);font-weight:800;font-size:16px;color:var(--muted)}.tab.on{background:var(--blue);border-color:var(--blue);color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:12px}.mcard{background:#fff;border:2px solid var(--line);border-radius:16px;padding:8px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.mcard b{font-family:var(--font-head);font-size:14px;line-height:1.1}.mcard small{color:var(--muted);font-size:13px}.mcard.locked{background:#f4f6f9;border-style:dashed}.mcard.locked svg{filter:brightness(0) opacity(.12)}.words{padding:8px 12px 24px;display:flex;flex-direction:column;gap:8px}.word{display:flex;align-items:center;gap:10px;padding:10px 12px;border:2px solid var(--line);border-radius:14px}.word b{font-family:var(--font-head);font-size:19px}.word span{color:var(--muted);flex:1}.empty{color:var(--muted);text-align:center;padding:30px 20px}.timer{font-family:var(--font-mono);font-weight:500;font-size:17px;padding:4px 10px;border-radius:10px;background:var(--blue-soft);color:var(--blue-deep)}.timer.low{background:var(--bad-soft);color:var(--bad)}.qgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;padding:6px 16px}.qgrid button{aspect-ratio:1;border-radius:8px;border:2px solid var(--line);background:#fff;font-size:13px;font-family:var(--font-head);font-weight:700;color:var(--muted);padding:0;min-height:28px;position:relative}.qgrid button.ans{background:var(--blue);border-color:var(--blue);color:#fff}.qgrid button.cur{border-color:var(--yellow);box-shadow:0 0 0 2px var(--yellow)}.qgrid button.star:after{content:"★";position:absolute;top:-9px;right:-5px;color:#e0b000;font-size:14px}.sim-nav{display:flex;gap:8px}.sim-nav .btn{flex:1}.result-table{width:100%;border-collapse:collapse;margin:6px 0;font-size:18px}.result-table td{padding:10px;border-bottom:1px solid var(--line)}.result-table td:last-child{text-align:right;font-family:var(--font-head);font-weight:800}.parent{background:var(--paper)}.parent .sec{background:#fff;margin:12px;border-radius:16px;padding:14px;border:1px solid var(--line)}.parent h3{font-size:19px;color:var(--blue-deep);margin-bottom:8px}.parent p{margin:4px 0;font-size:16px}.parent .muted{color:var(--muted);font-size:14px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kpi{background:var(--paper);border-radius:12px;padding:8px;text-align:center}.kpi b{display:block;font-family:var(--font-mono);font-size:20px}.kpi span{font-size:13px;color:var(--muted)}.skill-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #eef2f6;font-size:15px}.skill-row:last-child{border-bottom:0}.skill-row .sl{flex:1;min-width:0}.skill-row .sn{font-family:var(--font-mono);font-size:14px;color:var(--muted);white-space:nowrap}.status{font-size:12px;font-weight:800;font-family:var(--font-head);border-radius:8px;padding:2px 8px;white-space:nowrap}.status.belum{background:#f0f2f5;color:#7a8698}.status.berkembang{background:#e6f0fa;color:var(--blue)}.status.hampir{background:var(--yellow-soft);color:#8a6d00}.status.kuasai{background:var(--good-soft);color:var(--good)}.status.turun{background:var(--bad-soft);color:var(--bad)}.swot{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:700}.swot.S{background:var(--good-soft);color:var(--good)}.swot.W{background:var(--bad-soft);color:var(--bad)}.swot.O{background:var(--yellow-soft);color:#8a6d00}.swot.T{background:#efe7ff;color:#5f45b3}.group-row{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #eef2f6}.group-row:last-child{border-bottom:0}.check{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:15px;min-height:44px}.check input{width:24px;height:24px}.setting{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;min-height:52px;border-bottom:1px solid #eef2f6;font-size:16px}.setting:last-child{border-bottom:0}.setting select,.setting input[type=number]{font:inherit;font-size:16px;min-height:44px;border-radius:10px;border:2px solid var(--line);padding:0 8px;background:#fff}.toggle{width:56px;height:32px;border-radius:999px;border:0;background:#cfd7e2;position:relative;flex:none}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 3px #00000040}.toggle.on{background:var(--blue)}.toggle.on:after{left:27px}.pin-pad{display:grid;grid-template-columns:repeat(3,76px);gap:12px;justify-content:center;margin-top:12px}.pin-pad button{height:64px;border-radius:16px;border:2px solid var(--line);background:#fff;font-family:var(--font-head);font-weight:800;font-size:26px;box-shadow:0 3px 0 var(--line)}.pin-dots{display:flex;gap:14px;justify-content:center;margin:14px 0 4px}.pin-dots i{width:18px;height:18px;border-radius:50%;border:3px solid var(--blue)}.pin-dots i.on{background:var(--blue)}.word-chips{display:flex;flex-wrap:wrap;gap:6px}.word-chips span{background:var(--blue-soft);border-radius:999px;padding:3px 10px;font-size:15px}.pic{margin:8px 0 4px;display:flex;gap:8px;justify-content:center;align-items:flex-end;flex-wrap:wrap;background:var(--paper);border-radius:16px;padding:10px;border:1px solid #e6ecf3}.pic-panel{display:flex;flex-direction:column;align-items:center;min-width:0;flex:1 1 0;max-width:100%}.pic-n1 .pic-panel{flex-basis:100%}.pic-svgel{width:100%;height:auto;max-height:220px;display:block}.pic-n2 .pic-svgel,.pic-n3 .pic-svgel{max-height:150px}.pic-family .pic-svgel{max-height:300px}.pic-svg{width:100%;display:flex;justify-content:center}.pic-svg svg{width:100%;height:auto;max-height:220px}.pic-n2 .pic-svg svg,.pic-n3 .pic-svg svg{max-height:140px}.pic-cap{font-family:var(--font-head);font-weight:800;color:var(--blue-deep);font-size:17px;margin-top:4px}.pic-emoji{display:flex;flex-direction:column;gap:6px;align-items:center;padding:4px}.emo-row{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:calc(6px * var(--emo-scale, 1));--emo-scale: 1;max-width:100%}.emo{font-size:calc(34px * var(--emo-scale, 1));line-height:1.1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.emo.big{font-size:calc(68px * var(--emo-scale, 1))}.pic-n2 .emo.big,.pic-n3 .emo.big{font-size:calc(50px * var(--emo-scale, 1))}.emo-rep{display:inline-flex;flex-wrap:nowrap;justify-content:center;gap:2px}.emo-rep.small .emo{font-size:24px}.emo-op{font-family:var(--font-head);font-weight:800;font-size:calc(40px*max(var(--emo-scale, 1),.6));color:var(--blue-deep);padding:0 4px}.emo-text{font-family:var(--font-head);font-weight:700;font-size:18px;color:var(--ink)}.emo-group{display:inline-flex;flex-wrap:wrap;gap:2px;padding:6px 10px;justify-content:center}.emo-group.frame-plate{background:#fff7e6;border-radius:50%;border:3px solid #e8d3a8;padding:10px 14px}.emo-group.frame-bag{background:#fdecd2;border-radius:12px 12px 20px 20px;border:3px solid #d9b38c}.emo-group.frame-box{background:#f3e2c4;border-radius:6px;border:3px solid #8b5a2b}.emo-say{display:inline-flex;flex-direction:column;align-items:center}.bubble{background:#fff;border:2px solid var(--ink);border-radius:14px;padding:2px 10px;font-family:var(--font-head);font-weight:800;font-size:17px;position:relative;margin-bottom:6px}.bubble:after{content:"";position:absolute;bottom:-8px;left:50%;border:7px solid transparent;border-top-color:var(--ink);border-bottom:0;transform:translate(-50%)}.pic-cards{display:flex;gap:10px;justify-content:center;padding:6px}.num-card{width:62px;height:80px;border-radius:12px;border:4px solid var(--blue);background:#fff;display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:40px;color:var(--ink);box-shadow:0 3px 0 var(--blue-deep)}.pic-table{width:100%;overflow-x:auto}.pic-table table{border-collapse:collapse;margin:0 auto;background:#fff;font-size:16px}.pic-table th,.pic-table td{border:2px solid var(--line);padding:5px 9px;text-align:center}.pic-table th{background:var(--blue-soft);font-family:var(--font-head)}.pic-table-title{font-family:var(--font-head);font-weight:800;text-align:center;color:var(--blue-deep);margin-bottom:4px}.cell-yes{color:var(--good);font-weight:800;font-size:20px}.cell-no{color:var(--bad);font-weight:800;font-size:20px}.pic-legend{font-size:14px;color:var(--muted);text-align:center;margin-top:4px}.pic-reading{background:#fffdf3;border:2px solid #eadfb5;border-radius:12px;padding:10px 14px;font-size:18px;line-height:1.5;text-align:left;width:100%}.pic-reading p{margin:0}.pic-note{font-size:13px;color:var(--muted);font-family:var(--font-body);line-height:1.25}.pic-numbered{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.numbered-item{position:relative}.nbadge{position:absolute;top:-4px;right:-10px;width:26px;height:26px;border-radius:50%;background:var(--yellow);border:2px solid var(--ink);display:grid;place-items:center;font-weight:800;font-size:14px}.toast{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));left:0;right:0;margin-inline:auto;width:max-content;z-index:20;background:var(--ink);color:#fff;padding:10px 18px;border-radius:14px;font-weight:700;animation:rise .2s ease-out;max-width:90vw;text-align:center}.confirm-back{position:fixed;inset:0;background:#16202e73;z-index:30;display:grid;place-items:center;padding:20px}.confirm{background:#fff;border-radius:22px;padding:20px;max-width:360px;width:100%;text-align:center;display:flex;flex-direction:column;gap:12px;animation:pop .2s ease-out}.confirm h3{font-size:24px;color:var(--blue-deep)}.kris-say{position:relative;background:#fff;border:2px solid var(--blue);border-radius:16px;padding:8px 12px;font-weight:700;color:var(--blue-deep);font-size:18px}.kris-row{display:flex;align-items:center;gap:6px;justify-content:center}.kris .kris-body{transform-origin:60px 128px}.kris-wave .arm-r,.kris-cheer .kris-body{animation:bob 1.2s ease-in-out infinite;transform-origin:104px 60px}@keyframes bob{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)}}.kris-happy .kris-body,.kris-calm .kris-body{animation:float 3s ease-in-out infinite}.zz{animation:float 1.6s ease-in-out infinite}.zz2{animation-delay:.5s}.monster-hit{animation:shake .3s ease-out}.monster-defeated{animation:pop .45s ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:background-color .15s,border-color .15s,color .15s!important}}@media(min-width:520px){body{padding:0}}.opt{overflow:visible}.burst{position:absolute;right:22px;top:50%;width:0;height:0;pointer-events:none}.burst i{position:absolute;left:-8px;top:-10px;font-style:normal;color:#ffc400;font-size:18px;animation:burst .6s ease-out forwards;transform:rotate(var(--a)) translateY(0);opacity:0}@keyframes burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.6)}to{opacity:0;transform:rotate(var(--a)) translateY(-44px) scale(1.1)}}.combo{display:inline-block;background:#fff1e0;color:#b45309;font-family:var(--font-head);font-weight:800;border-radius:12px;padding:3px 12px;margin-top:6px;animation:pop .35s ease-out}.sticker-reveal{display:flex;align-items:center;gap:12px;background:var(--yellow-soft);border:2px solid var(--yellow);border-radius:18px;padding:8px 12px;margin:10px 0;animation:pop .45s ease-out}.sticker-reveal b{font-family:var(--font-head);font-size:20px;color:var(--blue-deep);display:block}.sticker-reveal span{color:var(--muted);font-size:15px}.sheet .verdict .kris{flex:none}.chips-row{display:flex;flex-wrap:wrap;gap:6px}.chips-row:empty{display:none}.combo.smart{background:var(--yellow-soft);color:var(--blue-deep)}.summary-cards .sc{min-width:0}.emo-group.frame-board{background:#fff;border-radius:6px;border:4px solid #9AA5B1;padding:8px 16px}.node.just-opened{animation:unlock .7s ease-out .35s both,pulse 1.8s ease-in-out 1.1s infinite}@keyframes unlock{0%{transform:translate(-50%,-50%) scale(.4);filter:grayscale(1)}60%{transform:translate(-50%,-50%) scale(1.18)}to{transform:translate(-50%,-50%) scale(1);filter:none}}.who-chip{background:none;border:0;color:var(--muted);font-size:16px;min-height:44px;display:inline-flex;align-items:center;gap:6px}.who-chip span{font-size:22px}.picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:340px}.pick-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border-radius:20px;border:2px solid var(--line);border-bottom-width:5px;background:#fff;min-height:120px;justify-content:center}.pick-card:active{transform:translateY(2px)}.pick-card .pa{font-size:52px;line-height:1.1}.pick-card b{font-family:var(--font-head);font-size:20px;color:var(--blue-deep);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.pick-card.last{border-color:var(--yellow);background:var(--yellow-soft)}.pick-card.add{border-style:dashed;color:var(--muted)}.pick-card.add .pa{font-size:40px;color:var(--blue)}.name-input{font:inherit;font-size:24px;text-align:center;width:100%;max-width:280px;min-height:56px;border-radius:16px;border:3px solid var(--blue);padding:0 12px;background:#fff;color:var(--ink)}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;width:100%;max-width:320px}.avatar-grid button{aspect-ratio:1;font-size:26px;border-radius:12px;border:2px solid var(--line);background:#fff;padding:0;min-height:44px}.avatar-grid button.on{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 0 0 2px var(--blue)}.me-chip{flex:none;width:48px;height:48px;border-radius:50%;border:2px solid var(--line);background:#fff;font-size:28px;padding:0;box-shadow:0 3px 0 var(--line)}.player-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.player-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:999px;border:2px solid var(--line);background:#fff;font-weight:700}.player-chip .pa{font-size:22px}.player-chip.on{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-deep)}.player-edit{display:flex;flex-direction:column;gap:8px;margin-top:6px}.player-edit input{font:inherit;min-height:44px;border-radius:10px;border:2px solid var(--line);padding:0 10px}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:12;background:#fff;pointer-events:none}.goal{display:flex;align-items:center;gap:8px;background:var(--blue-soft);border-radius:14px;padding:6px 10px;margin-bottom:8px;font-size:15px;min-height:40px;flex-wrap:wrap}.goal.met{background:var(--good-soft);color:var(--good);font-weight:700}.goal-count{font-family:var(--font-head);font-weight:800;color:var(--blue-deep);white-space:nowrap}.goal-count b{font-size:18px}.goal-text{color:var(--blue-deep);font-weight:700}.goal.met .goal-text{color:var(--good)}.goal-dots{display:inline-flex;gap:5px;flex-wrap:wrap}.goal-dots i{font-style:normal;min-width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:13px;background:#fff;color:var(--blue-deep);border:2px dashed var(--blue);padding:0 4px}.goal-dots i.on{background:var(--blue);color:#fff;border-style:solid}.map-scroll{padding-bottom:calc(200px + var(--safe-b))}.plan-list{display:grid;grid-template-columns:1fr;gap:2px;margin:6px 0;font-size:15px}.plan-day{display:flex;gap:10px;padding:4px 8px;border-radius:8px}.plan-day .pd{font-family:var(--font-mono);font-size:13px;color:var(--muted);min-width:72px}.plan-day.today{background:var(--yellow-soft);font-weight:700}.plan-day.rest{color:#9aa5b1}.setting input[type=date]{font:inherit;font-size:16px;min-height:44px;border-radius:10px;border:2px solid var(--line);padding:0 8px;background:#fff}.technique{display:inline-flex;align-items:center;gap:4px;background:#fff1e0;color:#92400e;border-radius:10px;padding:3px 10px;margin-top:8px;font-size:15px;font-family:var(--font-head)}.technique b{font-weight:800}.walk{display:flex;flex-direction:column;gap:8px;margin-top:6px}.walk-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.walk-step{font-family:var(--font-head);font-weight:800;color:var(--blue-deep);font-size:16px}.walk-dots{display:flex;gap:5px}.walk-dots i{flex:1;height:6px;border-radius:3px;background:#e3e8ef}.walk-dots i.done{background:var(--blue)}.walk-dots i.on{background:var(--yellow)}.walk-visual{border:0;padding:8px;background:var(--paper);border-radius:16px;min-height:150px;display:flex;align-items:center;justify-content:center;width:100%;cursor:pointer}.walk-say{margin:0;font-size:19px;line-height:1.45;min-height:3em}.walk-nav{display:flex;gap:8px}.walk-nav .btn.small{min-width:56px}.walk-skip{align-self:center;font-size:14px;color:var(--muted)}.walk-again{margin-top:8px}.lk-wrap{width:100%;display:flex;justify-content:center}.lk-svg{width:100%;max-height:190px;height:auto}.lk-small{max-height:170px}.ap{animation:apIn .38s cubic-bezier(.2,.9,.3,1.3) both;animation-delay:var(--d, 0s);transform-box:fill-box;transform-origin:center}@keyframes apIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}.ap.drop{animation-name:dropIn}@keyframes dropIn{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:none}}.lk-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:drawIn .6s ease-out forwards;animation-delay:var(--d, 0s)}@keyframes drawIn{to{stroke-dashoffset:0}}.lk-grow{transform-box:fill-box;transform-origin:left center;animation:growX .5s ease-out both;animation-delay:var(--d, 0s)}@keyframes growX{0%{transform:scaleX(0)}to{transform:none}}.lk-turn{transform-box:view-box;transform-origin:100px 100px;animation:turn 1.6s ease-in-out .3s both}@keyframes turn{0%{transform:rotate(var(--a0))}to{transform:rotate(var(--a1))}}.lk-focus{font-size:20px;line-height:1.6;margin:0;text-align:left}.lk-circle{background:transparent;border-radius:10px;padding:0 3px;animation:circleIn .5s ease-out both;animation-delay:var(--d, 0s)}@keyframes circleIn{0%{box-shadow:0 0 0 0 transparent;background:transparent}to{box-shadow:0 0 0 3px var(--bad);background:var(--yellow-soft)}}.lk-eq{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;font-family:var(--font-head);font-weight:800;font-size:34px;color:var(--ink)}.lk-eq .op{color:var(--blue)}.lk-eq .hi{color:var(--bad)}.lk-eq .q{background:var(--yellow);color:var(--bad);border-radius:10px;padding:0 12px}.lk-groups{display:grid;gap:8px;width:100%}.lk-group{border:2.5px dashed var(--blue);border-radius:16px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.lk-group.plate{border-style:solid;border-color:#e8d3a8;background:#fff7e6}.lk-group.take{border-color:var(--bad);box-shadow:0 0 0 2px var(--bad-soft)}.lk-items{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.lk-dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--bad);border:1.5px solid var(--ink)}.lk-emo{font-size:20px;line-height:1}.lk-run{font-family:var(--font-head);font-weight:800;color:var(--blue);font-size:17px}.lk-left{text-align:center;margin:6px 0 0;font-family:var(--font-head);font-weight:800;color:var(--bad)}.lk-array{display:inline-grid;gap:4px 6px;align-items:center;justify-items:center}.lk-pv{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;max-width:300px}.lk-pvcol{display:flex;flex-direction:column;align-items:center;border:2px solid var(--line);border-radius:12px;padding:6px 2px;background:#fff}.lk-pvcol.hi{border-color:var(--bad);background:var(--yellow-soft)}.lk-pvh{font-size:13px;color:var(--muted);font-family:var(--font-head);font-weight:700}.lk-pvd{font-family:var(--font-head);font-size:40px;color:var(--ink);line-height:1.1}.lk-pvv{font-family:var(--font-head);font-weight:800;color:var(--blue)}@media(prefers-reduced-motion:reduce){.lk-draw{stroke-dashoffset:0}.lk-turn{transform:rotate(var(--a1))}}@media(prefers-reduced-motion:reduce){.lk-circle{box-shadow:0 0 0 3px var(--bad);background:var(--yellow-soft)}}.cloud-chip{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:10px;border:2px solid var(--blue-mid);background:#fff;color:var(--blue-deep);border-radius:999px;padding:6px 12px;font-family:var(--font-head);font-weight:700;font-size:14px;min-height:40px}.login-form{display:flex;flex-direction:column;gap:8px}.login-form input{font:inherit;font-size:18px;min-height:52px;border-radius:12px;border:2px solid var(--line);padding:0 12px;background:#fff;color:var(--ink)}.login-form input:focus{outline:3px solid var(--blue-mid);border-color:var(--blue)}.login-form label{font-weight:700;font-size:15px}