:root{--color-primary: #1B2A4A;--color-secondary: #4A90D9;--color-accent: #E8734A;--color-warm: #F5E6D0;--color-text: #FFFFFF;--color-text-dark: #1B2A4A;--color-correct: #4CAF50;--color-wrong: #E53935;--color-partial: #FF9800;--color-surface: #223458;--color-surface-light: #FFFFFF;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--touch-min: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 40px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:linear-gradient(160deg,#174069,#2d7ecf);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}#app{height:100%;width:100%;max-width:430px;margin:0 auto;position:relative;overflow:hidden}button{font-family:inherit;font-size:inherit;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}input{font-family:inherit;font-size:inherit}.screen{height:100%;width:100%;position:relative}.app-container{height:100%;width:100%}.btn-primary{background:#e45125;color:#fff;font-weight:800;font-size:17px;font-family:var(--font-family);padding:0;border-radius:87px;width:100%;max-width:336px;height:64px;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),background-color .3s ease}.btn-primary:active:not(.btn-disabled){transform:scale(.97);opacity:.9}.btn-primary.btn-disabled{background:#7a8b99;color:#ffffffb3;cursor:not-allowed}.loading-screen{height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);opacity:.5}.penpot-global-title{color:#fff;font-family:var(--font-family);font-weight:600;font-size:23px;line-height:1.2;text-align:center;margin:0}:root{--cta-floating-height: calc(132px + env(safe-area-inset-bottom, 0px)) }.floating-cta{position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 16px calc(16px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));z-index:800;pointer-events:none;background:linear-gradient(to top,#174069f2,#174069bf 45%,#17406900)}.floating-cta>*{pointer-events:auto}.welcome-screen{display:flex;align-items:center;justify-content:center;text-align:center}.welcome-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-xl)}.welcome-logo-img{width:70vw;max-width:301px;height:auto;display:block}.welcome-title{font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.5px;margin:20px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-full);font-size:var(--font-size-lg);font-weight:700;transition:transform var(--transition-fast),opacity var(--transition-fast)}.btn:active{transform:scale(.96)}.btn-primary{background-color:var(--color-accent);color:var(--color-text)}.btn-secondary{background-color:transparent;color:var(--color-text);border:2px solid rgba(255,255,255,.3)}.debug-trigger{position:fixed;bottom:10px;right:10px;font-size:10px;opacity:.3;cursor:pointer}.debug-trigger:hover{opacity:1}.route-selector{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%}.route-selector-label{font-size:var(--font-size-base);opacity:.8;text-align:center}.route-options{display:flex;gap:var(--space-md);width:100%;max-width:320px;justify-content:center}.route-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast),background var(--transition-fast);min-height:80px}.route-option:hover{border-color:#fff6}.route-option.is-selected{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface));transform:translateY(-2px)}.route-option-label{font-size:var(--font-size-xl);font-weight:700}.route-option-sub{font-size:var(--font-size-sm);opacity:.7}.onboarding-screen{display:flex;align-items:center;justify-content:center}.onboarding-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-xl);width:100%}.onboarding-title{font-size:var(--font-size-2xl);font-weight:700}.name-input{width:100%;max-width:300px;padding:var(--space-md);border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-lg);text-align:center;outline:none;transition:border-color var(--transition-fast)}.name-input:focus{border-color:var(--color-accent)}.name-input::placeholder{color:#fff6}.btn:disabled{opacity:.4;pointer-events:none}.penpot-feedback-overlay{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;z-index:9999;pointer-events:none}.penpot-feedback-wrapper.is-perfect{--feedback-color: #1fc733;--feedback-color-strong: #15a428;--feedback-bg: #e8fbe8;--feedback-text: #134018}.penpot-feedback-wrapper.is-close{--feedback-color: #82c64f;--feedback-color-strong: #5d9531;--feedback-bg: #f3fadc;--feedback-text: #2e4f17}.penpot-feedback-wrapper.is-wrong{--feedback-color: #ff4b4b;--feedback-color-strong: #d62828;--feedback-bg: #ffeae8;--feedback-text: #5a0d0d}.penpot-feedback-wrapper{pointer-events:auto;position:relative;width:100%;max-width:480px;max-height:70vh;background:var(--feedback-bg, #ffffff);border-top-left-radius:28px;border-top-right-radius:28px;padding:28px 24px calc(22px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 32px #00000038;animation:penpotSheetUp .32s cubic-bezier(.22,1,.36,1) forwards;display:flex;flex-direction:column;align-items:stretch;text-align:left;overflow:hidden;font-family:inherit;--collapsed-peek: calc(96px + env(safe-area-inset-bottom, 0px)) ;will-change:transform}.penpot-feedback-handle{position:absolute;top:0;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;cursor:grab;touch-action:none;z-index:3;-webkit-tap-highlight-color:transparent}.penpot-feedback-handle:active{cursor:grabbing}.penpot-feedback-handle-bar{display:block;width:44px;height:5px;border-radius:3px;background:#00000038;transition:background .15s ease,width .15s ease}.penpot-feedback-handle:hover .penpot-feedback-handle-bar,.penpot-feedback-handle:active .penpot-feedback-handle-bar{background:#00000057;width:56px}.penpot-feedback-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.penpot-feedback-footer{display:flex;justify-content:flex-end;flex-shrink:0;margin-top:18px}.penpot-feedback-wrapper.is-collapsed{box-shadow:0 -6px 20px #0000002e}.penpot-feedback-wrapper.is-collapsed .penpot-feedback-body,.penpot-feedback-wrapper.is-collapsed .penpot-feedback-footer{pointer-events:none;opacity:.4}.penpot-feedback-header{display:flex;align-items:center;gap:14px;margin-bottom:12px;flex-shrink:0}.penpot-feedback-badge{width:48px;height:48px;border-radius:50%;background:var(--feedback-color, #1fc733);color:#fff;font-size:26px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 0 var(--feedback-color-strong, #15a428);animation:penpotBadgePop .42s cubic-bezier(.5,1.65,.4,1) both}.penpot-feedback-title{margin:0;font-size:22px;font-weight:800;color:var(--feedback-color-strong, #15a428);letter-spacing:-.01em;line-height:1.15}.penpot-feedback-desc{color:var(--feedback-text, #333333);margin:0 0 20px;font-size:15px;font-weight:500;line-height:1.45}.penpot-feedback-continue{background:var(--feedback-color, #1fc733);color:#fff;border:none;border-radius:14px;padding:13px 30px;font-size:14px;font-weight:800;font-family:inherit;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 0 var(--feedback-color-strong, #15a428);transition:transform .08s ease,box-shadow .08s ease,opacity .2s ease}.penpot-feedback-continue:hover{filter:brightness(1.04)}.penpot-feedback-continue:active{transform:translateY(3px);box-shadow:0 1px 0 var(--feedback-color-strong, #15a428)}.penpot-feedback-continue:disabled{opacity:.55;cursor:default;transform:none;box-shadow:0 4px 0 var(--feedback-color-strong, #15a428)}.penpot-feedback-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--feedback-color, #1fc733);transform-origin:left center;animation-name:penpotFeedbackCountdown;animation-timing-function:linear;animation-fill-mode:forwards;opacity:.55}.penpot-feedback-wrapper.mode-final .penpot-feedback-progress{opacity:.75;height:4px}@keyframes penpotFeedbackCountdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes penpotSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes penpotBadgePop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.has-feedback-sheet{padding-bottom:45vh}.game-header{width:100%;text-align:center;padding:0 20px;margin:0 0 24px;display:flex;flex-direction:column;align-items:center;gap:8px}.game-header-title{font-size:22px;font-weight:800;line-height:1.25;margin:0;color:#fff;letter-spacing:-.01em}.game-header-subtitle{font-size:15px;font-weight:500;line-height:1.4;margin:0;color:#fff;opacity:.85;max-width:90%}.fx-picked-up{cursor:grabbing!important;z-index:50}.fx-hover-target{outline:2px solid rgba(255,255,255,.55);outline-offset:-2px;background-color:#ffffff14;box-shadow:0 0 0 4px #ffffff1f inset,0 6px 18px #0000002e;transition:background-color .16s ease,box-shadow .16s ease,outline-color .16s ease}.fx-receiving{border-style:solid!important;border-color:#fff!important;background-color:#ffffff29!important;box-shadow:0 0 0 5px #ffffff38 inset,0 10px 28px #00000038!important;opacity:1!important}.fx-flash-correct{animation:fx-flash-green .7s ease-out}.fx-flash-wrong{animation:fx-flash-red .7s ease-out}@keyframes fx-flash-green{0%{box-shadow:0 0 #1fc73300;background-color:var(--fx-flash-bg-from, transparent)}20%{box-shadow:0 0 0 8px #1fc73373;background-color:#1fc73340}to{box-shadow:0 0 #1fc73300;background-color:var(--fx-flash-bg-from, transparent)}}@keyframes fx-flash-red{0%{box-shadow:0 0 #f100;background-color:var(--fx-flash-bg-from, transparent)}20%{box-shadow:0 0 0 8px #ff110073;background-color:#ff110038}to{box-shadow:0 0 #f100;background-color:var(--fx-flash-bg-from, transparent)}}.fx-ripple{position:absolute;border-radius:50%;pointer-events:none;transform:scale(0);will-change:transform,opacity}.fx-pop-in{animation:fx-pop-in .32s cubic-bezier(.34,1.56,.64,1) both}@keyframes fx-pop-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.fx-wiggle{animation:fx-wiggle .6s ease-in-out}@keyframes fx-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-3deg)}40%{transform:rotate(3deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}.multiple-choice-game{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;padding:var(--space-md);gap:var(--space-lg)}.mc-question{font-size:var(--font-size-xl);font-weight:800;text-align:center;line-height:1.25;color:#fff;letter-spacing:-.01em;max-width:360px}.mc-options{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px}.mc-option{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:12px 18px 12px 12px;background:#fff;color:#1b5992;border:2px solid #d3def0;border-bottom-width:4px;border-radius:18px;font-family:var(--font-family);font-size:16px;font-weight:700;line-height:1.3;text-align:left;cursor:pointer;transition:transform .08s ease,border-color .15s ease,background .15s ease,color .15s ease;--fx-flash-bg-from: #ffffff}.mc-option:active:not(:disabled){transform:translateY(2px);border-bottom-width:2px;margin-bottom:2px}.mc-option:disabled{opacity:1;cursor:default}.mc-letter{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#d3def0;color:#1b5992;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.mc-text{flex:1;word-break:break-word}.mc-option.mc-correct{border-color:#1fc733;background:#e8fbe8;color:#15a428}.mc-option.mc-correct .mc-letter{background:#1fc733;color:#fff}.mc-option.mc-wrong{border-color:#ff4b4b;background:#ffeae8;color:#c11a1a}.mc-option.mc-wrong .mc-letter{background:#ff4b4b;color:#fff}.tap-select-game{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;padding:var(--space-md);padding-bottom:var(--cta-floating-height);gap:var(--space-md)}.tap-instruction{font-size:var(--font-size-xl);font-weight:800;text-align:center;line-height:1.2;color:#fff;letter-spacing:-.01em}.tap-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:360px}.tap-item{position:relative;min-height:76px;padding:14px 16px;background:transparent;color:#fffffff2;border:2px dashed rgba(255,255,255,.45);border-radius:16px;font-family:var(--font-family);font-size:15px;font-weight:700;line-height:1.25;text-align:center;cursor:pointer;transition:transform .08s ease,border-color .15s ease,background .15s ease,color .15s ease,opacity .15s ease;--fx-flash-bg-from: transparent}.tap-item:active:not(:disabled){transform:translateY(1px) scale(.99)}.tap-item.tap-selected{background:#fff;color:#1b5992;border:2px solid #4A90D9;--fx-flash-bg-from: #ffffff}.tap-item.tap-selected:after{content:"✓";position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#4a90d9;color:#fff;font-size:13px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #1b599259;animation:tapBadgePop .22s cubic-bezier(.34,1.56,.64,1)}@keyframes tapBadgePop{0%{transform:scale(0)}to{transform:scale(1)}}.tap-item.tap-correct{border:2px solid #1fc733;background:#e8fbe8;color:#15a428;--fx-flash-bg-from: #ffffff}.tap-item.tap-wrong{border:2px solid #ff4b4b;background:#ffeae8;color:#c11a1a;--fx-flash-bg-from: #ffffff}.tap-item.tap-correct:after,.tap-item.tap-wrong:after{display:none}.tap-item:disabled{opacity:1;cursor:default}.tap-item-text{line-height:1.3}.penpot-sp-screen{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;padding:var(--space-md);padding-bottom:var(--cta-floating-height);gap:var(--space-md)}.penpot-sp-progress{font-size:14px;font-weight:700;color:#fff;background:#0000002e;padding:4px 14px;border-radius:20px;letter-spacing:.04em}.penpot-sp-title{width:100%;max-width:336px;margin:4px 0 0}.penpot-sp-men-wrap{position:relative;width:100%;max-width:333px;padding-top:78px}.penpot-sp-arrow{position:absolute!important;top:0;width:56px;height:52px;padding:0!important;margin:0!important;background:transparent!important;border:none!important;transform:translate(-50%);filter:drop-shadow(0 8px 12px rgba(0,0,0,.22));transition:left .18s cubic-bezier(.22,1,.36,1),transform .16s cubic-bezier(.34,1.56,.64,1),filter .16s ease;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;z-index:3}.penpot-sp-arrow:hover:not(:disabled){transform:translate(-50%) scale(1.06)}.penpot-sp-arrow:active:not(:disabled){cursor:grabbing;transform:translate(-50%) scale(1.04);filter:drop-shadow(0 3px 6px rgba(0,0,0,.2))}.penpot-sp-arrow:disabled{cursor:default;opacity:.5;filter:none}.penpot-sp-arrow-svg{display:block;width:100%;height:100%;pointer-events:none;overflow:visible}.penpot-sp-arrow-depth{fill:#0b2743;stroke:#0b2743;stroke-width:12;stroke-linejoin:round;stroke-linecap:round;transform:translateY(6px);transition:transform .16s cubic-bezier(.34,1.56,.64,1)}.penpot-sp-arrow-top{fill:#fff;stroke:#fff;stroke-width:12;stroke-linejoin:round;stroke-linecap:round;transition:transform .16s cubic-bezier(.34,1.56,.64,1)}.penpot-sp-arrow:active:not(:disabled) .penpot-sp-arrow-top{transform:translateY(5px)}.penpot-sp-arrow:active:not(:disabled) .penpot-sp-arrow-depth{transform:translateY(6px)}.penpot-sp-men-row{position:relative;width:100%;height:59px;display:flex;align-items:flex-start;justify-content:space-between;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.penpot-sp-men-row:focus{outline:none}.penpot-sp-man{position:relative;width:25px;height:59px;display:flex;align-items:flex-start;justify-content:center;color:#fff;transition:opacity .15s ease,transform .18s cubic-bezier(.22,1,.36,1);flex:0 0 auto}.penpot-sp-man.is-dim{opacity:.2;transform:translateY(6px) scale(.84);transform-origin:50% 100%}.penpot-sp-man.is-selected{opacity:1;transform:translateY(0) scale(1)}.penpot-sp-man-svg{display:block;width:100%;height:100%}.penpot-sp-man.is-correct{color:#4ade80;opacity:1;transform:translateY(0) scale(1.05)}.penpot-sp-man.is-wrong{color:#ef4444;opacity:1;transform:translateY(0) scale(1)}.penpot-sp-selector{position:relative;margin-top:26px;width:145px;height:62px;display:flex;align-items:center;gap:6px}.penpot-sp-selector-pill{width:61px;height:62px;border-radius:21px!important;background:#ffffff1f!important;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.penpot-sp-selector-num{color:#fff!important;font-family:var(--font-family);font-weight:600!important;font-size:42px!important;line-height:1!important;letter-spacing:0}.penpot-sp-selector-label{color:#fff!important;font-family:var(--font-family);font-weight:400!important;font-size:31px!important;line-height:1.2}.penpot-sp-reveal{margin-top:18px;max-width:320px;font-size:var(--font-size-base);text-align:center;line-height:1.5;color:#fff;opacity:.92}.penpot-sp-confirm{height:74px!important}.idc-game{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 0 178px;position:relative;min-height:100%}.idc-game .idc-stage{position:relative;width:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.idc-game .idc-card-stack{position:relative;width:326px;height:254px;margin:0 auto}.idc-game .idc-card-behind,.idc-game .idc-card-front{position:absolute;top:0;left:50%;transform:translate(-50%);width:306px;height:220px}.idc-game .idc-card-behind{transform:translate(-50%) rotate(-6.56deg);filter:drop-shadow(5px 5px 20px rgba(0,0,0,.18));opacity:.95;z-index:1}.idc-game .idc-card-front{z-index:2}.idc-game .idc-card{position:relative;width:100%;height:100%;background:#fffff4!important;border-radius:34px;box-shadow:5px 5px 41px #0003;padding:24px 19px;display:grid;grid-template-columns:93px 1fr;grid-template-rows:1fr;gap:16px;color:#000!important}.idc-game .idc-card-photo{width:93px;height:103px;background-color:#b1b2b5;background-size:cover;background-position:center;border-radius:5px;align-self:start}.idc-game .idc-card-fields{display:flex;flex-direction:column;gap:6px;padding-top:0;font-family:Montserrat,sans-serif;position:relative;z-index:2}.idc-game .idc-field{display:flex;flex-direction:column;gap:0;line-height:1.2}.idc-game .idc-field-label{font-size:8px;font-weight:600;color:#adadad!important;text-transform:uppercase;letter-spacing:.02em}.idc-game .idc-field-value{font-size:10px;font-weight:700;color:#000!important;line-height:1.2}.idc-game .idc-stamp-slot{position:absolute;right:14px;bottom:16px;width:94px;height:88px;border-radius:59px;border:4px dashed #c2c2c2;display:flex;align-items:center;justify-content:center;font-family:Montserrat,sans-serif;z-index:0}.idc-game .idc-stamp-placeholder{font-size:10px;font-weight:600;color:#adadad!important;text-transform:uppercase;letter-spacing:.02em}.idc-game .idc-stamp-slot-filled{border-style:solid;border-width:4px;background:#fff9}.idc-game .idc-stamp-slot-filled.idc-stamp-moderate{border-color:#4a93c4;box-shadow:inset 0 0 0 3px #4a93c4}.idc-game .idc-stamp-slot-filled.idc-stamp-high{border-color:#e16000;box-shadow:inset 0 0 0 3px #e16000}.idc-game .idc-stamp-mark{font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;text-align:center;line-height:1.1;letter-spacing:.04em;white-space:pre-line;transform:rotate(-8deg);opacity:.9;padding:0 4px}.idc-game .idc-stamp-slot-filled.idc-stamp-moderate .idc-stamp-mark{color:#4a93c4}.idc-game .idc-stamp-slot-filled.idc-stamp-high .idc-stamp-mark{color:#e16000}.idc-game .idc-inkpad-wrap{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;padding-top:24px;z-index:5;min-height:166px;display:flex;align-items:flex-end;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:none}.idc-game .idc-base{position:absolute;bottom:0;left:0;right:0;height:88px;z-index:0;pointer-events:none}.idc-game .idc-base-svg{display:block;width:100%;height:100%}.idc-game .idc-base-svg svg{display:block;width:100%;height:100%}.idc-game .idc-stamps-row{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:90px;padding:0 30px;z-index:2}.idc-game .idc-stamp{position:relative;width:78px;height:122px;cursor:grab;touch-action:none;font-family:Montserrat,sans-serif;will-change:transform}.idc-game .idc-stamp:active{cursor:grabbing}.idc-game .idc-stamp-disabled{pointer-events:none;opacity:.6}.idc-game .idc-stamp-svg{display:block;width:78px;height:122px;pointer-events:none}.idc-game .idc-stamp-svg svg{display:block;width:78px;height:122px;overflow:visible}.penpot-confirm-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:336px}.penpot-confirm-warning{background:#ff1100e6;color:#fff;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;text-align:center;white-space:nowrap;animation:slideFadeDown .3s cubic-bezier(.175,.885,.32,1.275) forwards;pointer-events:none}@keyframes slideFadeDown{0%{opacity:0;transform:translateY(5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.btn-shake{animation:shakeWarning .4s ease-in-out}@keyframes shakeWarning{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.penpot-bodymap-game>.game-header{flex-shrink:0}.penpot-bodymap-game{display:flex;flex-direction:column;align-items:center;width:100%;padding-top:30px;padding-left:0;padding-right:0;padding-bottom:calc(var(--cta-real-height, 136px) + 20px);box-sizing:border-box}.penpot-bodymap-counter{font-size:20px;font-weight:700;color:#fff;background:#00000026;padding:4px 16px;border-radius:20px;margin-top:4px;flex-shrink:0}.penpot-bodymap-wrapper{display:flex;align-items:center;justify-content:center;width:100%}.penpot-bodymap-area{position:relative;width:100%;max-width:189px;margin:0 auto}.penpot-bodymap-silhouette{width:100%;height:auto;display:block;pointer-events:none}.penpot-bodymap-zone{position:absolute;transform:translate(-50%,-50%);min-width:60px;max-width:120px;padding:5px 10px;background:transparent;color:#fff;border:2px dashed rgba(255,255,255,.55);border-radius:999px;font-family:var(--font-family);font-size:12px;font-weight:700;line-height:1.15;text-align:center;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;text-shadow:0 1px 2px rgba(0,0,0,.35);--fx-flash-bg-from: transparent}.penpot-bodymap-zone-label{display:inline-block;white-space:nowrap;pointer-events:none}.penpot-bodymap-zone:not(.penpot-zone-selected):hover:not(:disabled){background:#ffffff1f;border-color:#ffffffd9}.penpot-zone-selected{background:#fff;color:#1b5992;border:2px solid #4a90d9;text-shadow:none;--fx-flash-bg-from: #ffffff;padding-right:24px}.penpot-zone-selected:after{content:"✓";position:absolute;top:50%;right:6px;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#4a90d9;color:#fff;font-size:11px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #1b599259;animation:bmBadgePop .22s cubic-bezier(.34,1.56,.64,1)}@keyframes bmBadgePop{0%{transform:translateY(-50%) scale(0)}to{transform:translateY(-50%) scale(1)}}.penpot-zone-correct{background:#1fc733!important;color:#fff!important;border:2px solid #ffffff!important;text-shadow:none;padding-right:12px;--fx-flash-bg-from: #ffffff}.penpot-zone-wrong{background:#ff4b4b!important;color:#fff!important;border:2px solid #ffffff!important;text-shadow:none;padding-right:12px;--fx-flash-bg-from: #ffffff}.penpot-zone-correct:after,.penpot-zone-wrong:after{display:none}.penpot-bodymap-zone:disabled{opacity:1;cursor:default}.penpot-bodymap-footer{margin-top:20px;min-height:80px;width:100%;display:flex;justify-content:center}.penpot-swipe-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:350px;overflow-x:clip;overflow-y:visible}.penpot-swipe-card{width:245px;height:318px;background:#fff!important;border-radius:27px;box-shadow:4px 4px 54px #0003;display:flex;align-items:center;justify-content:center;padding:30px;box-sizing:border-box;text-align:center;cursor:grab;z-index:10;position:relative}.penpot-swipe-card:active{cursor:grabbing}.penpot-drop-zone{position:absolute;top:18px;bottom:18px;width:65px;border:6px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;box-sizing:border-box;z-index:1;transition:opacity .2s ease}.penpot-drop-zone img{width:32px;height:auto;opacity:.5}.penpot-drop-zone-left{left:0;border-radius:0 20px 20px 0;border-left:none}.penpot-drop-zone-right{right:0;border-radius:20px 0 0 20px;border-right:none}.penpot-swipe-indicator{position:absolute;top:20px;font-size:24px;font-weight:800;text-transform:uppercase;border:4px solid currentColor;border-radius:12px;padding:5px 10px;opacity:0;pointer-events:none;transform:rotate(-15deg)}.penpot-swipe-indicator-left{right:20px;transform:rotate(15deg)}.penpot-swipe-indicator-right{left:20px}.penpot-matchcard-game{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;padding:30px 0}.penpot-mc-area{flex:1;width:100%;position:relative;display:flex;align-items:center;justify-content:center}.penpot-mc-text{font-size:22px!important;font-weight:700!important;line-height:1.4!important;color:#1b5992!important;text-align:center}.penpot-mc-next-card{position:absolute;width:245px;height:318px;background:#fff!important;border-radius:27px;box-shadow:4px 4px 54px #0003;display:flex;align-items:center;justify-content:center;padding:30px;box-sizing:border-box;text-align:center;z-index:1;transform:scale(.95) translateY(10px);opacity:.8}.penpot-swipe-v-container{position:relative;width:335px;height:381px;margin:0 auto}.penpot-swipe-v-zone{position:absolute;left:0;width:335px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:6px dashed rgba(255,255,255,.2);border-radius:27px;pointer-events:none;font-size:var(--font-size-md);font-weight:700;color:#fff;opacity:.5;transition:opacity .3s,border-color .2s,background-color .2s,box-shadow .2s;will-change:transform}.penpot-swipe-v-zone-up{top:0;height:111px}.penpot-swipe-v-zone-down{bottom:0;height:122px}.penpot-swipe-v-icon{margin-bottom:8px;width:auto;height:40px}.penpot-swipe-v-card{position:absolute;top:50%;left:0;margin-top:-42.5px;width:335px;height:85px;background:#fff;border-radius:27px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:pan-x;will-change:transform;box-shadow:0 4px 15px #0000001a;z-index:10}.penpot-swipe-v-card:active{cursor:grabbing}.penpot-swipe-v-card-content{text-align:center;width:100%}.penpot-binorbag-game{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;padding-bottom:var(--space-xl)}.bob-counter{font-size:18px;font-weight:700;color:#fff;background:#00000026;padding:4px 16px;border-radius:20px;margin-bottom:12px}.bob-card-area{flex:1;width:100%;position:relative;display:flex;justify-content:center;align-items:center}.bob-item-text{font-size:var(--font-size-xl);font-weight:800;line-height:1.22;color:#13264b;margin:0;padding:0 24px;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.drag-drop-game{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;padding:var(--space-md);padding-bottom:var(--cta-floating-height);gap:16px;overflow-y:auto}.dd-instruction{font-size:var(--font-size-xl);font-weight:800;text-align:center;line-height:1.2;color:#fff;letter-spacing:-.01em}.dd-zones{display:flex;gap:10px;width:100%;box-sizing:border-box}.dd-zone{flex:1;min-width:0;min-height:200px;padding:12px 8px;background:#ffffff0f;border:2.5px dashed rgba(255,255,255,.32);border-radius:22px;display:flex;flex-direction:column;align-items:center;gap:10px;box-sizing:border-box}.dd-zone-label{font-size:13px;font-weight:800;text-align:center;color:#fff;text-transform:uppercase;letter-spacing:1.2px;padding-bottom:6px;border-bottom:1.5px solid rgba(255,255,255,.22);width:78%;pointer-events:none}.dd-zone.fx-hover-target{border-color:#e45125;background:#e451252e}.dd-pool{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:10px;width:100%;padding:12px;background:#ffffff0d;border:2px solid rgba(255,255,255,.14);border-radius:22px;min-height:196px;box-sizing:border-box}.dd-drag-item{position:relative;width:80px;height:80px;padding:8px;background:#fff;color:#1b5992;border:2px solid #d3def0;border-bottom-width:4px;border-radius:16px;font-family:var(--font-family);font-size:11px;font-weight:700;line-height:1.2;text-align:center;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;overflow:hidden;flex-shrink:0;box-sizing:border-box;transition:border-color .15s ease,background .15s ease;--fx-flash-bg-from: #ffffff}.dd-drag-item:active:not(.dd-drag){cursor:grabbing}.dd-item-img{width:100%;height:100%;object-fit:contain;pointer-events:none;display:block}.dd-item-text{display:block;word-break:break-word}.dd-ghost{opacity:0!important}.dd-drag{opacity:.96!important;border-color:#e45125!important;border-bottom-width:4px!important;box-shadow:0 0 0 3px #e451252e,0 18px 36px #00000073!important;cursor:grabbing!important;z-index:10;transition:none!important;will-change:transform}.dd-item-correct{border-color:#1fc733!important;background:#e8fbe8!important;color:#15a428!important}.dd-item-wrong{border-color:#ff4b4b!important;background:#ffeae8!important;color:#c11a1a!important}.reorder-game{display:flex;flex-direction:column;align-items:center;width:100%;gap:18px;padding-bottom:var(--cta-floating-height)}.reorder-instruction{font-size:23px;font-weight:800;text-align:center;line-height:1.2;width:100%;max-width:362px;color:#fff;letter-spacing:-.01em}.reorder-list{display:flex;width:100%;max-width:336px}.reorder-numbers{display:flex;flex-direction:column;gap:16px;flex-shrink:0}.reorder-number{width:45px;height:45px;min-width:45px;background:#ffffff14;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#ffffff8c;font-feature-settings:"tnum";box-sizing:border-box;user-select:none;-webkit-user-select:none}.reorder-cards{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0;margin-left:12px}.reorder-card{position:relative;height:49px;background:#fff;color:#1b5992;border:2px solid #d3def0;border-bottom-width:4px;border-radius:22px;display:flex;align-items:center;cursor:grab;touch-action:none;box-sizing:border-box;transition:border-color .15s ease,background .15s ease;--fx-flash-bg-from: #ffffff}.reorder-card:active{cursor:grabbing}.reorder-card.reorder-revealing{transition:transform .85s cubic-bezier(.4,0,.2,1),border-color .35s ease,background .35s ease,color .35s ease}.reorder-text{flex:1;font-size:13px;font-weight:700;line-height:1.2;padding-left:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reorder-grip{display:flex;flex-direction:column;gap:5px;flex-shrink:0;margin-right:18px}.reorder-grip-line{width:17px;height:2px;border-radius:1px;background:#1b599273}.reorder-correct-pos{font-size:12px;font-weight:800;color:#c11a1a;flex-shrink:0;margin-right:12px}.reorder-card.reorder-correct{border-color:#1fc733;background:#e8fbe8;color:#15a428}.reorder-card.reorder-correct .reorder-grip-line{background:#1fc7338c}.reorder-card.reorder-wrong{border-color:#ff4b4b;background:#ffeae8;color:#c11a1a}.reorder-card.reorder-wrong .reorder-grip-line{background:#ff4b4b8c}.reorder-ghost{opacity:0!important}.reorder-drag{background:#fff!important;color:#1b5992!important;transform:scale(1.04) rotate(-1.5deg);border-color:#e45125!important;box-shadow:0 12px 28px #00000059!important;cursor:grabbing!important;z-index:10}.match-pairs-game{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;padding:var(--space-md);padding-bottom:var(--cta-floating-height);gap:var(--space-md);overflow-y:auto}.mp-instruction{font-size:var(--font-size-xl);font-weight:800;text-align:center;line-height:1.2;color:#fff;letter-spacing:-.01em}.mp-area{position:relative;width:calc(100% + 2 * var(--space-md));margin-left:calc(-1 * var(--space-md));margin-right:calc(-1 * var(--space-md));max-width:none;touch-action:none;overflow:visible}.mp-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.mp-columns{display:flex;gap:56px;width:100%;position:relative}.mp-column{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.mp-item{position:relative;z-index:2;padding:12px 14px;background:transparent;color:#ffffffc7;border:2px dashed rgba(255,255,255,.45);border-radius:14px;font-family:var(--font-family);font-size:13px;font-weight:700;line-height:1.3;text-align:center;min-height:56px;display:flex;align-items:center;justify-content:center;transition:transform .1s ease,border-color .15s ease,background .15s ease,opacity .15s ease,color .15s ease;user-select:none;-webkit-user-select:none;--fx-flash-bg-from: #ffffff}.mp-item.mp-revealing{transition:transform .85s cubic-bezier(.4,0,.2,1),border-color .35s ease,background .35s ease,color .35s ease}.mp-item:after{content:"";position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:transparent;border:2px solid currentColor;transform:translateY(-50%);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;z-index:3;display:none}.mp-item.mp-left-item:after{right:-7px}.mp-item.mp-right-item:after{left:-7px}.mp-left-item,.mp-right-item{cursor:grab;touch-action:none}.mp-item.mp-left-item{border-radius:0 14px 14px 0;text-align:left;justify-content:flex-start;padding-left:20px;border-left:none}.mp-item.mp-right-item{border-radius:14px 0 0 14px;text-align:right;justify-content:flex-end;padding-right:20px;border-right:none}.mp-item.mp-dragging{cursor:grabbing;transform:scale(1.06) rotate(-1.5deg);border-color:#e45125;box-shadow:0 8px 22px #00000047;z-index:5}.mp-item.mp-connected{background:#fff;color:#1b5992;border-style:solid;opacity:1}.mp-item.mp-connected:after{display:block;background:currentColor;border-color:currentColor;color:#4a90d9;box-shadow:0 0 0 2px #fff,0 0 0 3px #4a90d92e}.mp-item.mp-dragging{background:#fff;border-style:solid;opacity:1;color:#1b5992}.mp-item.mp-correct{border-color:#1fc733!important;border-style:solid;background:#e8fbe8;color:#15a428;opacity:1}.mp-item.mp-wrong{border-color:#ff4b4b!important;border-style:solid;background:#ffeae8;color:#c11a1a;opacity:1}.mp-item.mp-correct:after,.mp-item.mp-wrong:after{display:block;background:currentColor;border-color:currentColor;box-shadow:0 0 0 2px #fff}.mp-item.fx-hover-target{background:#fff1eb;border-color:#e45125;border-style:solid;color:#1b5992;opacity:1}.scratch-reveal-game{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;padding:var(--space-md);padding-bottom:var(--cta-floating-height);gap:var(--space-lg);justify-content:center}.scratch-container{position:relative;width:100%;max-width:360px;border-radius:var(--radius-lg);box-shadow:0 6px 20px #0000001f}.scratch-content{position:relative;background:var(--color-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px 26px;min-height:240px;border-radius:var(--radius-lg);overflow:hidden}.scratch-reveal-title{font-size:var(--font-size-xl);font-weight:800;line-height:1.2;text-align:center;color:var(--color-accent);margin:0;letter-spacing:-.01em}.scratch-reveal-text{font-size:var(--font-size-base);font-weight:400;text-align:center;line-height:1.5;color:var(--color-text);margin:0}.scratch-canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:var(--radius-lg);touch-action:none;cursor:crosshair;transition:opacity .5s ease}.scratch-canvas.scratch-done{opacity:0;pointer-events:none}.quiz-screen{display:flex;flex-direction:column;height:100%;position:relative}.quiz-header-box{background:#fff;margin:-18px 29px 0;padding:30px 18px 14px;border-radius:0 0 22px 22px;flex-shrink:0;display:flex;align-items:center;gap:14px}.quiz-header-logo{display:block;flex:0 0 auto;width:38px;height:38px;-webkit-user-select:none;user-select:none;pointer-events:none}.quiz-progress{flex:1 1 auto;min-width:0}.quiz-progress-track{width:100%;height:14px;background:#1b59922b;border-radius:22px;overflow:hidden}.quiz-progress-fill{height:100%;background:#1b5992;border-radius:22px;transition:width .3s ease}.quiz-game-area{flex:1;display:flex;flex-direction:column;align-items:center;padding:18px 0;overflow-y:auto;overflow-x:hidden;min-height:0;padding-bottom:var(--space-lg)}.dev-test-game{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-xl)}.cz-name-input{width:100%;max-width:336px;padding:14px var(--space-md);border:2px solid rgba(255,255,255,.25);border-radius:var(--radius-md);background:#ffffff14;color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:600;text-align:center;outline:none;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.cz-name-input:focus{border-color:var(--color-accent);background:#ffffff1f}.cz-name-input::placeholder{color:#ffffff73;font-weight:400}.cz-name-input:disabled{opacity:.5}.result-screen{display:flex;align-items:center;justify-content:center}.result-screen--with-form{align-items:flex-start;overflow-y:auto}.result-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg) calc(var(--space-xl) + env(safe-area-inset-bottom,0px));text-align:center;width:100%;max-width:380px;margin:0 auto}.result-reveal{font-size:var(--font-size-base);opacity:.6;font-style:italic}.result-archetype-name{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-accent)}.result-claim{font-size:var(--font-size-lg);font-weight:600;opacity:.9}.result-description{font-size:var(--font-size-base);opacity:.75;max-width:320px;line-height:1.5}.result-score{font-size:var(--font-size-sm);opacity:.4;padding:var(--space-xs) var(--space-md);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full)}.result-already-note{font-size:var(--font-size-sm);opacity:.7;max-width:320px;line-height:1.5;margin-top:var(--space-sm)}.result-form{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.12)}.result-form-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-xs)}.result-form-error{font-size:var(--font-size-sm);color:var(--color-warm);text-align:center;margin:0;max-width:320px}.lb-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;color:#fff;font-family:var(--font-family);font-weight:700;letter-spacing:.5px;-webkit-user-select:none;user-select:none;box-shadow:0 2px 6px #0000002e}.lb-avatar--archetype{background:#1c5084}.lb-avatar--archetype img{width:100%;height:100%;object-fit:cover;display:block}.lb-chip{display:inline-flex;align-items:baseline;gap:4px;padding:2px 6px;font-family:var(--font-family);color:var(--color-text);white-space:nowrap;line-height:1}.lb-chip-score{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.lb-chip-unit{font-size:.85rem;font-weight:600;opacity:.6;text-transform:lowercase}.lb-chip--compact .lb-chip-score{font-size:1.4rem}.lb-chip--compact .lb-chip-unit{font-size:.78rem}.lb-banner{position:sticky;top:0;z-index:5;padding:14px 16px;background:linear-gradient(180deg,#174069fa,#174069d9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px}.lb-banner--anon{flex-direction:row;align-items:baseline;justify-content:space-between}.lb-banner-title{font-family:var(--font-family);font-size:var(--font-size-xl);font-weight:800;color:var(--color-text)}.lb-banner-total{font-size:var(--font-size-sm);opacity:.7}.lb-banner-text{text-align:left}.lb-banner-position{font-family:var(--font-family);font-size:var(--font-size-lg);color:var(--color-text);opacity:.9}.lb-banner-position strong{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-accent);margin:0 4px}.lb-banner-me{display:flex;align-items:center;gap:12px}.lb-banner-me-info{display:flex;flex-direction:column;gap:4px;min-width:0}.lb-banner-me-name{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.lb-row{display:flex;align-items:center;gap:var(--space-sm);padding:10px 12px;border-radius:var(--radius-md);background:#ffffff0a;transition:background-color var(--transition-fast)}.lb-row+.lb-row{margin-top:6px}.lb-row--me{background:#e8734a2e;outline:1px solid rgba(232,115,74,.45)}.lb-row-pos{width:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lb-row-pos-num{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:700;opacity:.7}.lb-row-name-wrap{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.lb-row-name{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-row-me-chip{font-family:var(--font-family);font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;background:var(--color-accent);color:#fff;padding:2px 8px;border-radius:var(--radius-full);flex-shrink:0}.lb-list{list-style:none;margin:0;padding:12px 12px var(--cta-floating-height) 12px}.lb-list-item{list-style:none;scroll-margin-top:140px;scroll-margin-bottom:130px}.lb-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-2xl) var(--space-lg);gap:var(--space-md)}.lb-empty-emoji{font-size:48px;opacity:.85}.lb-empty-title{font-size:var(--font-size-xl);font-weight:800;color:var(--color-accent)}.lb-empty-text{font-size:var(--font-size-base);opacity:.75;max-width:320px;line-height:1.5}.leaderboard-screen{display:flex;flex-direction:column;height:100%}.lb-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.lb-loading,.lb-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl);gap:var(--space-md);opacity:.85}.lb-error-text{max-width:320px;line-height:1.5;color:var(--color-warm)}.share-preview-card{position:relative;width:260px;height:468px;overflow:hidden;border-radius:30px;background:#223458;box-shadow:0 16px 34px #1b2a4a40}.share-preview-blue-shape{position:absolute;left:-40.5px;top:-25px;width:326px;height:550px;background:#23609e}.share-preview-photo{position:absolute;left:-40.5px;top:-25px;width:326px;height:550px}.share-preview-logo{position:absolute;left:91px;top:27px;width:78px;height:53px;object-fit:contain}.share-preview-title{position:absolute;left:26.5px;top:346px;width:208px;color:#fff;font-family:var(--font-family);font-size:14px;font-weight:400;line-height:1.25;text-align:center}.share-preview-badges{position:absolute;left:20.5px;top:392px;width:223px;height:37px}.share-preview-badge{position:absolute;top:0;height:37px}.share-preview-badge--route{left:0;width:95px}.share-preview-badge--score{left:113px;width:110px}.share-preview-badge-label{position:absolute;left:0;top:8px;width:64px;color:#fff;font-family:var(--font-family);font-size:10px;font-weight:600;line-height:1;text-align:left;white-space:pre-line}.share-preview-badge--score .share-preview-badge-label{top:3px}.share-preview-badge-chip{position:absolute;top:0;width:40px;height:37px;border-radius:10px;background:#1c5084;color:#e8734a;display:flex;align-items:center;justify-content:center;font-family:var(--font-family);font-size:11px;font-weight:900;line-height:1}.share-preview-badge--route .share-preview-badge-chip{left:55px}.share-preview-badge--score .share-preview-badge-chip{left:69px;width:41px}.share-screen{overflow-y:auto;background:linear-gradient(180deg,#8fbfe8,#e6f0f8)}.share-screen--capture{display:flex;align-items:center;justify-content:center}.share-content{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:100%;padding:12px 12px calc(14px + env(safe-area-inset-bottom,0px));text-align:center}.share-content--capture{justify-content:center;gap:24px;padding:28px 29px calc(28px + env(safe-area-inset-bottom,0px))}.share-copy{display:flex;flex-direction:column;gap:6px;max-width:336px}.share-title{font-size:var(--font-size-xl);font-weight:800;color:#1b2a4a}.share-subtitle{color:#1b2a4ac7;font-size:var(--font-size-base);line-height:1.35}.share-artboard{display:flex;justify-content:center;width:100%;flex-shrink:0}.share-artboard .share-preview-card{transform:scale(var(--share-card-scale, 1));transform-origin:top center}.share-error{max-width:320px;color:#1b2a4a;font-size:13px;font-weight:700;line-height:1.35}.share-buttons{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:336px}.share-cta-photo{display:inline-flex;align-items:center;justify-content:center;gap:10px}.share-cta-icon{display:block}.share-secondary-button,.share-link-button{width:100%;min-height:44px;border-radius:999px;font-family:var(--font-family);font-weight:800}.share-secondary-button{background:#1b2a4a1f;color:#1b2a4a}.share-secondary-button:disabled{opacity:.45;cursor:not-allowed}.share-link-button{background:transparent;color:#1b2a4ac2;min-height:32px;font-size:14px}.share-hidden-input{display:none}.share-route-wrapper{width:100%;max-width:336px}.share-route-wrapper .route-selector{gap:12px}.share-route-wrapper .route-option{background:#fff;color:#1b2a4a;border-color:#1b2a4a29}.share-route-wrapper .route-option:hover{border-color:#1b2a4a5c}.share-route-wrapper .route-option.is-selected{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 14%,#ffffff)}.share-route-wrapper .route-option-sub{opacity:.7}.debug-menu-screen{background:#f0f2f5;color:#1a1a1a;overflow-y:auto;padding:20px}.debug-content{max-width:500px;margin:0 auto}.debug-title{font-size:24px;margin-bottom:8px;text-align:center}.debug-subtitle{text-align:center;opacity:.7;margin-bottom:24px}.debug-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.debug-item{display:flex;align-items:center;background:#fff;border:1px solid #ddd;border-radius:12px;padding:16px;text-align:left;cursor:pointer;transition:all .2s}.debug-item:hover{background:#f8f9fa;transform:translateY(-2px);border-color:var(--color-primary)}.debug-index{font-size:20px;font-weight:800;color:var(--color-primary);margin-right:16px;min-width:30px}.debug-info{display:flex;flex-direction:column}.debug-game-type{font-weight:700}.debug-game-id{font-size:12px;opacity:.6}.debug-back{width:100%}