#syncDialog.syncTest[open]{display:flex;flex-direction:column;gap:10px;width:min(100%,480px);height:100dvh;max-height:100dvh;max-width:100%;inset:0;border:0;box-shadow:none;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 20px max(16px,env(safe-area-inset-bottom));box-sizing:border-box;overflow:auto;background:#f7faff;color:#304263;border-radius:0}#syncDialog.syncTest [hidden]{display:none!important}#syncDialog.syncTest .modalHead{flex:none;display:flex;align-items:center;gap:12px;margin:0;min-height:46px;padding:0;border:0;background:none}#syncDialog.syncTest h2{margin:0;font:700 23px/1.4 var(--font-text,"Noto Sans KR",sans-serif)!important;color:#304263;letter-spacing:0}#syncDialog.syncTest .syncBack{order:-1;display:grid;place-items:center;width:44px;height:44px;min-height:44px;flex:none;margin:0;padding:10px;border:1px solid #cbd9eb;border-radius:12px;background:#fff;color:#466086;box-shadow:none}#syncDialog.syncTest .syncBack svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:none}#syncDialog.syncTest .syncInstructions{flex:none;margin:0;font:400 16px/1.6 var(--font-text);color:#405574;word-break:keep-all}#syncDialog.syncTest .syncSummary{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:#405574;font-variant-numeric:tabular-nums}#syncDialog.syncTest #syncCount{font-size:20px;font-weight:700;color:#344d78}#syncDialog.syncTest .syncField{position:relative;flex:1;min-height:180px;background:linear-gradient(#f7faff,#edf4fd 65%,#fff);overflow:hidden}#syncDialog.syncTest canvas#syncPad{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;touch-action:none;cursor:pointer;transition:none;letter-spacing:0}#syncDialog.syncTest canvas#syncPad[aria-disabled=true]{cursor:default}#syncDialog.syncTest #syncStatus{display:block;flex:none;min-height:48px;margin:0;padding:0;border:0;border-radius:0;background:none;color:#405574;font:400 15px/1.6 var(--font-text)}#syncDialog.syncTest :is(#calibrate,#applySync){display:block;flex:none;width:100%;min-height:48px;margin:0;padding:11px 16px;border:1px solid #c5d6e9;border-radius:12px;background:#e4effb;color:#2f4e7c;font:600 16px/1.5 var(--font-text)!important;text-shadow:none;box-shadow:none;letter-spacing:0}#syncDialog.syncTest #calibrate{background:#fff}#syncDialog.syncTest :is(#calibrate,#applySync):disabled{opacity:.5;cursor:default}#syncDialog.syncTest .syncResult{flex:none;display:grid;gap:12px}#syncDialog.syncTest .syncAdjustmentRow label{display:flex;align-items:center;justify-content:space-between;font-size:15px}#syncDialog.syncTest #syncValue{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}#syncDialog.syncTest #syncAdjustment{display:block;width:100%;min-height:44px;margin:0;accent-color:#6685ae}#syncDialog.syncTest:has(.syncResult:not([hidden])) .syncField{min-height:110px}#syncDialog.syncTest :is(button,canvas,input):focus-visible{outline:2px solid #486c9d;outline-offset:2px}#settings #syncOpen{display:block;width:100%;min-height:46px;margin:10px 0 0;padding:10px 14px;border:1px solid #c8d9eb;border-radius:12px;background:#e9f2fc;color:#34547e;font:600 15px/1.5 var(--font-text)!important;text-shadow:none;box-shadow:none}#settings .settingsContact{padding:2px 0 8px;text-align:center}#settings .settingsContact p{margin:8px 0 14px;color:#4e607c;font:400 12px/1.65 var(--font-text)}#settings .settingsContact a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 12px;color:#34547e;background:#fff;border:1px solid #c8d9eb;border-radius:12px;font:500 15px/1.5 var(--font-text);text-decoration:none}#settings .settingsContact svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#settings .settingsContact a:focus-visible{outline:2px solid #486c9d;outline-offset:3px}body #syncDialog.syncTest[open]{padding:calc(20px + env(safe-area-inset-top)) 0 max(20px,env(safe-area-inset-bottom));gap:0;background:#f8faff;color:#293554;overflow:auto}body #syncDialog.syncTest .modalHead{position:relative;display:block;padding:0 25px;background:none;box-shadow:none;min-height:0}body #syncDialog.syncTest .modalHead:before,body #syncDialog.syncTest .modalHead:after{content:none}body #syncDialog.syncTest .syncStep{display:block;font:400 15px var(--font-text);color:#596a90}body #syncDialog.syncTest h2{margin:10px 44px 12px 0;font:700 25px/1.35 var(--font-text)!important;color:#34436a;transform:none}body #syncDialog.syncTest .syncBack{position:absolute;right:20px;top:0;border:0;background:none}body #syncDialog.syncTest .syncInstructions{padding:0 25px;color:#485779;font:400 20px/1.6 var(--font-text)}body #syncDialog.syncTest .syncSummary{flex:none;min-height:46px;margin:12px 24px;font-size:16px}body #syncDialog.syncTest .syncField{flex:1;min-height:240px;background:linear-gradient(#f8faff,#eef2fb 60%,#fff)}body #syncDialog.syncTest #syncStatus{position:absolute;inset:22% 12px auto;min-height:0;text-align:center;pointer-events:none;color:#4a6599;font:700 20px/1.6 var(--font-text)}body #syncDialog.syncTest :is(#calibrate,#applySync){width:calc(100% - 48px);margin:0 24px;min-height:52px;font-size:18px!important;border:0;background:linear-gradient(110deg,#d5f1f2,#e3e5f9,#f4dfeb);border-radius:12px}body #syncDialog.syncTest .syncResult{gap:14px;padding-top:12px}body #syncDialog.syncTest .syncAdjustmentRow{margin:0 24px}body #syncDialog.syncTest .syncResult:not([hidden])~#calibrate{margin-top:12px;background:#e8f1fc;min-height:44px;font-size:15px!important}body #syncDialog.syncTest:has(.syncResult:not([hidden])) .syncField{min-height:160px}body #photocardDialog #photocardState:empty{display:none}body #photocardDialog .photocardDisplay{position:relative}body #photocardDialog .photocardLocked{position:absolute;inset:0;display:grid;place-items:center;z-index:3;border-radius:inherit;background:#1f2b4438;color:#fff;font:700 clamp(24px,6vw,34px) var(--font-text);letter-spacing:.14em;text-shadow:none;pointer-events:none}body #photocardDialog .photocardLocked[hidden]{display:none}body #photocardDialog #photocardCondition{text-align:center!important;margin-inline:auto;max-width:36ch}body #photocardDialog .cardFoil,body #rewardDialog .cardFoil{display:none!important}