#onb{z-index:1200;color:var(--text);background:linear-gradient(180deg, var(--sky-1) 0%, var(--sky-2) 55%, var(--bg) 100%);padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));--unit:min(1.25vw, 1.25dvh);-webkit-user-select:none;user-select:none;touch-action:manipulation;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);animation:.32s ease-out onb-in;display:grid;position:fixed;inset:0;overflow:hidden}#onb.leaving{animation:.42s ease-in forwards onb-out}@keyframes onb-in{0%{opacity:0}}@keyframes onb-out{to{opacity:0;transform:scale(1.06)}}body.onb-open{overflow:hidden}.onb-clouds{pointer-events:none;position:absolute;inset:0}.onb-clouds i{background:color-mix(in srgb, var(--panel) 70%, transparent);filter:blur(1px);pointer-events:none;border-radius:999px;position:absolute}.onb-clouds i:first-child{width:180px;height:54px;top:14%;left:-40px}.onb-clouds i:nth-child(2){width:130px;height:40px;top:30%;right:-24px}.onb-clouds i:nth-child(3){opacity:.6;width:220px;height:64px;bottom:16%;left:62%}:root[data-theme=dark] .onb-clouds i{opacity:.18}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .onb-clouds i{opacity:.18}}.onb-top{justify-content:center;align-items:center;min-height:56px;display:flex;position:relative}.onb-dots{gap:10px;margin:0;padding:0;list-style:none;display:flex}.onb-dots li{background:color-mix(in srgb, var(--panel) 80%, transparent);border:var(--bw) solid var(--line-strong);border-radius:999px;width:14px;height:14px;transition:width .26s ease-out,background .2s}.onb-dots li.done{background:var(--act);border-color:var(--act-deep)}.onb-dots li.now{background:var(--act);border-color:var(--act-deep);width:40px}.onb-say{position:absolute;top:0;right:0}.onb-back{position:absolute;top:0;left:0}.onb-stage{grid-template-columns:minmax(0,1fr);min-height:0;display:grid;position:relative}.onb-scene{flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,2.2dvh,24px);min-height:0;animation:.34s cubic-bezier(.23,1,.32,1) backwards onb-scene;display:flex}@keyframes onb-scene{0%{opacity:0;transform:translate(28px)}}.onb-words{text-align:center;max-width:620px}.onb-title{font-size:clamp(28px, calc(var(--unit) * 5.2), 44px);letter-spacing:-.02em;margin:0;font-weight:900;line-height:1.08}.onb-sub{font-size:clamp(17px, calc(var(--unit) * 2.6), 22px);color:var(--muted);margin:6px 0 0;font-weight:800}.onb-foot{justify-content:center;align-items:flex-end;gap:14px;min-height:82px;display:flex}.onb-go{width:min(440px,100%)}.hop{animation:.46s cubic-bezier(.2,1.3,.5,1) onb-hop}@keyframes onb-hop{30%{transform:translateY(-14px)scale(1.04)}60%{transform:translateY(0)scale(.98)}}.onb-bip-wrap{position:relative}.onb-bip{--size:clamp(200px, calc(var(--unit) * 44), 360px);width:var(--size);height:var(--size);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.onb-bip-img{object-fit:contain;transform-origin:50% 90%;width:100%;height:100%;animation:3.2s ease-in-out infinite onb-breathe;position:relative}@keyframes onb-breathe{50%{transform:scale(1.035,.975)}}.onb-ring{background:color-mix(in srgb, var(--panel) 75%, transparent);box-shadow:0 0 0 0 color-mix(in srgb, var(--act) 45%, transparent);border-radius:999px;animation:1.8s ease-out infinite onb-ring;position:absolute;inset:10%}@keyframes onb-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--act) 45%, transparent)}to{box-shadow:0 0 0 calc(var(--size) * .12) color-mix(in srgb, var(--act) 0%, transparent)}}.onb-hand{z-index:1;width:calc(var(--unit) * 13);transform-origin:42% 97%;pointer-events:none;filter:drop-shadow(0 8px 12px #0f25402e);min-width:72px;max-width:120px;animation:1.8s ease-in-out infinite onb-tap;position:absolute;top:74%;left:82%;transform:rotate(8deg)scaleX(-1)}@keyframes onb-tap{0%,to{transform:translate(0)rotate(8deg)scaleX(-1)}40%{transform:translate(8px,-18px)rotate(8deg)scaleX(-1)}55%{transform:translate(0)rotate(8deg)scale(-.94,.94)}}.is-wake.awake .onb-hand{opacity:0;transition:opacity .2s;animation:none}.is-wake.awake .onb-ring{box-shadow:none;animation:none}.is-wake.awake .onb-bip-img{animation:none}.is-wake.awake .onb-title{animation:.34s cubic-bezier(.23,1,.32,1) backwards onb-scene}.onb-pick{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(12px,3vw,40px);width:min(1000px,100%);min-height:0;display:grid}.onb-robot{place-items:center;height:min(100%,640px);min-height:200px;display:grid;position:relative}.onb-robot-canvas{cursor:grab;width:100%;height:100%;display:block}.onb-robot-flat{object-fit:contain;width:min(100%,340px);height:100%}.onb-panel{flex-direction:column;align-items:center;gap:clamp(12px,2.4dvh,24px);min-width:0;display:flex}.onb-choices{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.onb-choices:not(:has(.onb-row)){flex-flow:wrap;justify-content:center}.onb-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.onb-tile{--tile-line:var(--line);min-width:76px;min-height:76px;color:var(--text);border-radius:var(--r-tile);border:4px solid var(--tile-line);background:var(--panel-2);box-shadow:0 6px 0 var(--tile-line);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 10px;transition:transform 80ms,box-shadow 80ms,border-color .15s,background .15s;display:flex}.onb-tile:active{box-shadow:none;transform:translateY(6px)}.onb-tile.on{--tile-line:var(--act);background:var(--act-soft)}.onb-tile.big{min-width:124px;min-height:124px}.onb-tile-name{font-size:var(--fs-md);font-weight:900}.onb-sw{border:3px solid #0f254038;border-radius:999px;flex-shrink:0;width:44px;height:44px}.onb-ico{width:56px;height:56px}.onb-tile.big .onb-ico{width:72px;height:72px}.onb-ask{align-items:center;gap:8px;display:flex}.onb-ask img{object-fit:contain;width:72px;height:72px}.onb-bubble{border-radius:var(--r-card);background:var(--panel);border:var(--bw) solid var(--line);box-shadow:var(--shadow);font-size:clamp(19px, calc(var(--unit) * 3), 26px);letter-spacing:-.01em;margin:0;padding:12px 20px;font-weight:900;position:relative}.onb-bubble:before{content:"";background:var(--panel);border-left:var(--bw) solid var(--line);border-bottom:var(--bw) solid var(--line);width:16px;height:16px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)rotate(45deg)}.onb-finale{--hs:clamp(160px, calc(var(--unit) * 40), 320px);width:calc(var(--hs) * 2);height:calc(var(--hs) * 1.42);position:relative}.onb-finale:before{content:"";width:calc(var(--hs) * 1.8);height:calc(var(--hs) * 1.2);background:radial-gradient(closest-side, color-mix(in srgb, var(--star) 40%, transparent), transparent);border-radius:50%;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.onb-finale .onb-podium{width:calc(var(--hs) * 1.05);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.onb-finale-hero{left:50%;bottom:calc(var(--hs) * .3);width:var(--hs);height:var(--hs);position:absolute;transform:translate(-50%)}.onb-finale-hero .avatar{object-fit:contain;width:100%;height:100%;animation:.6s cubic-bezier(.2,1.3,.5,1) .15s backwards onb-hop}.onb-finale-bip{width:calc(var(--hs) * .5);animation:.4s cubic-bezier(.23,1,.32,1) .35s backwards onb-scene;position:absolute;bottom:2%;right:0}.onb-confetti{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (height<=520px) and (orientation:landscape){#onb{--unit:1.35dvh}.is-wake,.is-ready{flex-direction:row;gap:28px}.is-ready .onb-words{text-align:left;order:2;max-width:280px}.is-wake .onb-words{text-align:left}.onb-ask img{width:48px;height:48px}.onb-bubble{padding:8px 14px;font-size:17px}.onb-tile.big{min-width:96px;min-height:96px}.onb-foot{min-height:64px}.onb-go{min-height:60px}}@media (orientation:portrait),(width<=640px){.onb-pick{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:8px}.onb-robot{height:100%;min-height:0}.onb-ask img{width:44px;height:44px}.onb-bubble{padding:8px 14px;font-size:18px}.onb-panel,.onb-choices,.onb-row{gap:8px}.onb-tile{min-width:60px;min-height:60px;box-shadow:0 4px 0 var(--tile-line);border-width:3px;gap:4px;padding:6px}.onb-tile.big{min-width:104px;min-height:104px}.onb-sw{width:34px;height:34px}.onb-ico{width:40px;height:40px}.onb-tile.big .onb-ico{width:60px;height:60px}.onb-tile-name{font-size:14px}}@media (width<=420px){.onb-dots li.now{width:30px}}@media (prefers-reduced-motion:reduce){#onb,#onb *,#onb :before,#onb :after{transition:none!important;animation:none!important}}