.tutorial-overlay{z-index:45;pointer-events:none;position:fixed;inset:0}.tutorial-hint{opacity:0;flex-direction:column;align-items:center;gap:6px;transition:opacity .5s;display:flex;position:absolute}.tutorial-hint.visible{opacity:1;--tap-cycle:2.4s}.tutorial-motion{width:0;height:0;position:relative}.tutorial-hand{-webkit-user-select:none;user-select:none;filter:brightness(0)invert()drop-shadow(2px 3px 6px #00000073);width:84px;height:84px;position:absolute;top:-25px;left:-33px}.tutorial-label{max-width:60vw;padding:calc(7px*var(--ui-scale))calc(14px*var(--ui-scale));border:calc(2px*var(--ui-scale))solid #e8c50299;color:#fc0;font-family:Semplicita,sans-serif;font-size:calc(15px*var(--ui-scale));white-space:nowrap;background:#0d1b2ae0;border-radius:999px;display:inline-block;box-shadow:2px 2px 10px #00000059}.hint-plate .tutorial-label,.hint-case .tutorial-label{position:absolute;top:52px;left:0;transform:translate(-50%)}.tutorial-arrow{width:calc(40px*var(--ui-scale));height:calc(40px*var(--ui-scale));stroke:#fc0;filter:drop-shadow(2px 3px 6px #00000073)}.tutorial-nudge{animation:1.4s ease-in-out infinite tutorial-nudge}@keyframes tutorial-nudge{0%,to{transform:translate(0)}50%{transform:translate(5px,5px)}}.tutorial-slide{animation:tutorial-slide var(--tap-cycle,2.4s)ease-in-out infinite}@keyframes tutorial-slide{0%,to{opacity:.2;transform:translate(-30px)}50%{opacity:1;transform:translate(4px)}}.hint-plate{top:50%;left:50%;transform:translate(-50%)}.hint-case{top:85%;left:50%;transform:translate(-50%)}.hint-back{top:80%;left:50%;transform:translate(-50%)}.hint-nav{right:calc(var(--ui-edge) + var(--ui-arrow-w) + clamp(24px,2.6vw,36px));flex-direction:row;align-items:center;gap:10px;top:50%;transform:translateY(-140%)}@media (max-width:600px){.tutorial-label{font-size:calc(13px*var(--ui-scale))}}.overlay-nav{width:100vw;height:100vh;z-index:40;pointer-events:none;height:100dvh;position:fixed;top:0;left:0}.overlay-nav,.overlay-nav button{font-family:Semplicita,sans-serif}.overlay-nav-arrow{box-sizing:border-box;width:var(--ui-arrow-w);height:var(--ui-arrow-h);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fc0;font-size:var(--ui-arrow-font);cursor:pointer;pointer-events:auto;background:#0d1b2ae0;border:2px solid #e8c50299;border-radius:10px;justify-content:center;align-items:center;padding:0;font-weight:700;line-height:1;transition:background .2s,color .2s,transform .2s;animation:.35s backwards overlay-nav-pop;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:2px 2px 10px #00000059}.overlay-nav-arrow:hover{color:#0f172a;background:#fc0}.overlay-nav-left{left:calc(var(--ui-tab-w) + var(--ui-edge))}.overlay-nav-right{right:var(--ui-edge)}@keyframes overlay-nav-pop{0%{opacity:0;transform:translateY(-50%)scale(0)}to{opacity:1;transform:translateY(-50%)scale(1)}}@font-face{font-family:Semplicita;src:url(/Semplicita%20Medium.otf)format("opentype");font-weight:500;font-style:normal}.chatbot{width:var(--ui-chatbot-w);z-index:50;pointer-events:none;height:100vh;position:fixed;top:0;left:0}.chatbot,.chatbot button,.chatbot input,.chatbot select{font-family:Semplicita,sans-serif}.chatbot-toggle{top:50%;right:calc(4px - var(--ui-tab-w));box-sizing:border-box;width:var(--ui-tab-w);height:var(--ui-tab-h);color:#0f172a;font-size:var(--ui-tab-font);cursor:pointer;pointer-events:auto;background:#ddb400e6;border:none;border-radius:0 10px 10px 0;justify-content:center;align-items:center;padding:0;font-weight:700;line-height:1;transition:background .2s;display:flex;position:absolute;transform:translateY(-50%);box-shadow:2px 2px 10px #00000059}.chatbot-toggle:hover{background:#f5ff3c}.chatbot-panel{width:var(--ui-chatbot-w);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#0d1b2ae0;border-right:2px solid #e8c50299;flex-direction:column;height:100%;transition:transform .35s;display:flex;transform:translate(-100%)}.chatbot.open .chatbot-panel{pointer-events:auto;transform:translate(0)}.chatbot.open .chatbot-toggle{pointer-events:auto}.chatbot-header{border-bottom:1px solid #ffffff26;padding:18px 16px 14px}.chatbot-header h1{font-size:calc(20px*var(--ui-scale));color:#fc0;letter-spacing:1px;margin:0}.chatbot-settings{background:#ffffff0a;border-bottom:1px solid #ffffff26;flex-direction:column;gap:10px;padding:12px 16px;display:flex}.chatbot-label{font-size:calc(12px*var(--ui-scale));color:#ffffffb3;flex-direction:column;gap:4px;display:flex}.chatbot-label input,.chatbot-label select{color:#fff;font-size:calc(14px*var(--ui-scale));background:#ffffff14;border:1px solid #ffffff40;border-radius:6px;outline:none;padding:8px 10px}.chatbot-label input:focus,.chatbot-label select:focus{border-color:#fc0}.chatbot-label select option{color:#0f172a}.chatbot-saved{font-size:calc(12px*var(--ui-scale));color:#fc0}.chatbot-row{align-items:flex-end;gap:10px;display:flex}.chatbot-row .chatbot-label{flex:1}.chatbot-reset{color:#fff;font-size:calc(12px*var(--ui-scale));cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff40;border-radius:6px;padding:8px 10px;transition:border-color .2s}.chatbot-reset:hover{border-color:#fc0}.chatbot-messages{flex-direction:column;flex:1;gap:10px;padding:12px 16px;display:flex;overflow-y:auto}.chatbot-msg{flex-direction:column;display:flex}.chatbot-msg.assistant{align-items:flex-start}.chatbot-msg.user{align-items:flex-end}.chatbot-bubble{max-width:85%;font-size:calc(14px*var(--ui-scale));white-space:pre-wrap;word-break:break-word;border-radius:12px;padding:10px 12px;line-height:1.5}.chatbot-msg.assistant .chatbot-bubble{color:#fff;background:#ffffff1f;border-top-left-radius:2px}.chatbot-msg.user .chatbot-bubble{color:#0f172a;background:#fc0;border-top-right-radius:2px}.chatbot-error{color:#ff8a8a;font-size:calc(13px*var(--ui-scale));word-break:break-word;background:#ff4d4d26;border:1px solid #ff4d4d;border-radius:6px;margin:0 16px 8px;padding:8px 10px}.chatbot-input-row{border-top:1px solid #ffffff26;gap:8px;padding:12px 16px;display:flex}.chatbot-input-row input{color:#fff;font-size:calc(14px*var(--ui-scale));background:#ffffff14;border:1px solid #ffffff40;border-radius:8px;outline:none;flex:1;padding:10px 12px}.chatbot-input-row input:focus{border-color:#fc0}.chatbot-input-row button{color:#0f172a;font-size:calc(14px*var(--ui-scale));cursor:pointer;background:#fc0;border:none;border-radius:8px;padding:10px 14px;font-weight:600;transition:background .2s}.chatbot-input-row button:hover:not(:disabled){background:#f5ff3c}.chatbot-input-row button:disabled{opacity:.5;cursor:not-allowed}:root{--ui-scale:1}@media (min-width:1600px){:root{--ui-scale:1.15}}@media (min-width:1920px){:root{--ui-scale:1.3}}@media (min-width:2560px){:root{--ui-scale:1.5}}@media (min-width:3200px){:root{--ui-scale:1.75}}:root{--ui-edge:calc(clamp(8px,1.2vw,16px)*var(--ui-scale));--ui-arrow-w:calc(clamp(30px,3.2vw,44px)*var(--ui-scale));--ui-arrow-h:calc(clamp(64px,9vh,96px)*var(--ui-scale));--ui-arrow-font:calc(clamp(22px,2.4vw,34px)*var(--ui-scale));--ui-tab-w:calc(clamp(24px,2.4vw,32px)*var(--ui-scale));--ui-tab-h:calc(clamp(56px,7.5vh,72px)*var(--ui-scale));--ui-tab-font:calc(clamp(20px,2vw,28px)*var(--ui-scale));--ui-chatbot-w:calc(min(360px,90vw)*var(--ui-scale))}