.product-nav{position:fixed;bottom:18px;left:24px;display:flex;gap:18px;font-size:12px;color:#8a8172;align-items:center;z-index:2}.product-nav a{color:inherit;text-decoration:none;padding:6px 0}.product-nav a:hover{color:#594522;text-decoration:underline}.sponsor{position:fixed;right:34px;top:50%;transform:translateY(-50%);width:170px;min-height:240px;border:1px solid #eee8dc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:22px;color:#8f846e;font-size:13px;line-height:1.65}.sponsor small{font-size:10px;letter-spacing:1.2px}.sponsor p{margin:0}.sponsor a{color:#786031;font-size:12px}.product-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;font-size:13px}.product-links a{color:#796039}.share{margin-top:12px}.share-status{display:block;min-height:20px;margin-top:8px;font-size:12px;color:#786031}.preview-note{font-size:12px;color:#8c806b;line-height:1.6;margin:8px 0 16px}.theme-silver #watch>circle:nth-of-type(1),.theme-silver #watch>ellipse{stroke:url(#silverMetal)}.theme-silver #watch>circle:nth-of-type(2){stroke:#d9e1e5}.theme-silver #watch>circle:nth-of-type(3){stroke:#8c9ca7}.theme-silver #crown{fill:#e3e9ed;stroke:#9dabb5}.theme-silver #crownGrooves{stroke:#a7b4bd}.theme-silver #second>path,.theme-silver #second>circle{stroke:#688396}.theme-silver #watch>circle:nth-last-child(2){fill:#485a68}.theme-silver #watch>circle:last-of-type{fill:#bccbd4}.theme-walnut #watch>circle:nth-of-type(1),.theme-walnut #watch>ellipse{stroke:url(#walnutWood);stroke-width:7}.theme-walnut #watch>circle:nth-of-type(2){stroke:#c3a784}.theme-walnut #watch>circle:nth-of-type(3){stroke:#796044}.theme-walnut #crown{fill:#9b7550;stroke:#785331}.theme-walnut #crownGrooves{stroke:#624524}.theme-walnut #second>path,.theme-walnut #second>circle{stroke:#9c7653}.theme-walnut #watch>circle:nth-last-child(2){fill:#765736}.theme-walnut #watch>circle:last-of-type{fill:#c3a681}:fullscreen .sponsor,:fullscreen .product-nav{display:none}@media(max-width:1120px){.sponsor{display:none}}@media(min-width:1121px) and (max-width:1400px){#watch{width:min(56vw,65svh,500px)}.sponsor{right:24px;width:150px}}@media(max-width:600px){.product-nav{left:16px;bottom:19px;gap:14px;font-size:11px;max-width:calc(100vw - 100px);flex-wrap:wrap;line-height:1.2}.product-nav a{padding:2px 0}}@media(max-height:650px){.product-nav{bottom:10px}}

.mode-tabs{position:fixed;top:25px;left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:4px;border:1px solid #eee8dc;border-radius:24px;z-index:3;background:white}.mode-tabs button{border:0;border-radius:20px;background:white;color:#8b806c;font-size:14px;padding:9px 19px;cursor:pointer;white-space:nowrap}.mode-tabs button[aria-pressed=true]{background:#f6f1e7;color:#6d552c}.mode-tabs button:hover{background:#faf7f1}.field[hidden]{display:none}:fullscreen .mode-tabs{display:none}@media(max-width:600px){.mode-tabs{top:18px}.mode-tabs button{font-size:13px;padding:9px 15px}}

.challenge-link{display:flex;align-items:center;padding:9px 12px;color:#786031;text-decoration:none;font-size:13px;white-space:nowrap;border-left:1px solid #eee8dc}@media(max-width:600px){.mode-tabs button{padding:9px 10px}.challenge-link{padding:9px 9px}}

.region-search{margin:18px 0 10px}.region-search>label{display:block;font-size:14px;color:#777;margin-bottom:8px}.region-search-input{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;background:#fff}.region-search-input:focus-within{outline:2px solid #bca879;outline-offset:2px}.region-search input{width:100%;min-width:0;border:0;background:transparent;padding:12px;font:inherit;color:#333;outline:none}.region-search button{border:0;background:none;color:#888;font-size:23px;padding:8px 12px;cursor:pointer}.region-search button[hidden]{display:none}.region-search p{font-size:12px;color:#8a8172;line-height:1.5;margin:6px 0 0}.region-search input::-webkit-search-cancel-button{display:none}

.engraving-card{border-top:1px solid #eee8dc;margin-top:24px;padding-top:16px;text-align:left;font-size:13px;color:#786031}.engraving-card p{line-height:1.6}.engraving-card label{display:block;margin:12px 0 8px}.engraving-card input{width:100%;padding:11px;border:1px solid #ded6c8;border-radius:6px;font:inherit;background:white;color:#423b30}.engraving-card button{font:inherit;border:1px solid #ded6c8;border-radius:18px;background:white;color:#786031;padding:9px 14px;margin:10px 6px 0 0;cursor:pointer}.engraving-card button:disabled,.engraving-card input:disabled{opacity:.5;cursor:default}.engraving-card [hidden]{display:none}.engraving-actions{display:flex;flex-wrap:wrap}#engravingStatus{min-height:20px}main>.engraving-card{max-width:380px;margin:28px auto 0}

.zone-signature{text-align:center;margin:12px 0 0;color:#78684d;line-height:1.6}.zone-signature>span{display:block;font-family:Georgia,"Times New Roman",serif;font-size:15px;letter-spacing:2px}.zone-signature>small{display:block;font-family:Georgia,"Times New Roman",serif;font-size:10px;letter-spacing:.7px;color:#a09787;margin-top:3px}.zone-signature[hidden]{display:none}@media(max-width:600px){.zone-signature>span{font-size:12px;letter-spacing:1.5px}.zone-signature>small{font-size:9px}}
.sponsor{display:none!important}

.pendulum-scene{width:min(70vw,68svh,530px);text-align:center}.pendulum-scene[hidden],.clock-kind[hidden],.clock-sound[hidden]{display:none}.pendulum-scene svg{display:block;width:100%;height:auto}.pendulum-time{display:block;font-family:Baskerville,Georgia,serif;font-size:23px;letter-spacing:3px;color:#73664e;font-variant-numeric:tabular-nums}.pendulum-pause{margin-top:12px;border:0;background:white;color:#9b9385;font-size:12px;cursor:pointer}.clock-kind{position:fixed;left:50%;top:70px;transform:translateX(-50%);display:flex;gap:20px;white-space:nowrap}.clock-kind button{padding:5px 0;border:0;border-bottom:1px solid transparent;background:white;color:#aaa294;font-size:12px;cursor:pointer}.clock-kind button[aria-pressed=true]{color:#776447;border-color:#b7a27c}.clock-sound{position:fixed;left:24px;bottom:24px;border:1px solid #e8e2d8;background:#fff;padding:9px 12px;color:#88785d;font-size:11px;letter-spacing:1px;cursor:pointer;border-radius:5px}.field input[type=range]{width:100%;accent-color:#a88a52}.theme-silver #pendSwing{filter:grayscale(1)}.theme-walnut #pendSwing{filter:sepia(.5)}@media(max-width:600px){.pendulum-scene{width:min(85vw,60svh)}.clock-kind{top:65px}.clock-sound{left:15px;bottom:20px}}@media(max-height:600px){.clock-kind{top:50px}.pendulum-scene{width:min(55vw,52svh)}}
.clock-sound{bottom:62px;z-index:4}.clock-kind{z-index:4}@media(max-width:600px){.clock-sound{bottom:62px}}
#pendSwing>g{cursor:grab;touch-action:none}.is-grabbing svg,.is-grabbing #pendSwing>g{cursor:grabbing}.pendulum-scene svg{touch-action:none;user-select:none}

/* 작은 화면에서는 고정 메뉴와 전체 화면 높이 대신 콘텐츠 순서대로 배치한다. */
@media(max-width:600px){
 body:not(.affiliate-game) .mode-tabs{position:relative;top:auto;left:auto;transform:none;width:max-content;max-width:calc(100% - 20px);margin:18px auto 0}
 body:not(.affiliate-game) main{height:auto;min-height:0;padding:48px 14px 20px}
 body:not(.affiliate-game) #watch,body.tool-mode #watch{width:min(82vw,43svh,360px)}
 .clock-kind{position:absolute;top:72px}
 .pendulum-scene{width:min(82vw,43svh,360px)}
 body.tool-mode main{padding-bottom:85px}
 body:not(.affiliate-game) .affiliate-card{margin:12px auto 20px!important}
 .clock-sound{position:relative;left:auto;bottom:auto;margin:18px 16px 80px;display:block}
 .settings-button{position:relative;right:auto;bottom:auto;margin:12px 16px 0 auto}
 .product-nav{position:static;margin:16px;max-width:none}
 :fullscreen main{min-height:100svh}
}

.sponsor{display:none!important}.affiliate-card{box-sizing:border-box;border:1px solid #e4ddd1;background:#fffdf9;padding:12px;width:326px;text-align:left;color:#574f42;font-family:Arial,'Malgun Gothic',sans-serif;line-height:1.65}.affiliate-label{font-size:12px;font-weight:600}.affiliate-disclosure{font-size:12px;margin:9px 0}.affiliate-english{font-size:11px;color:#665e51;margin:10px 0}.affiliate-link{display:block;padding:10px;border:1px solid #bca77f;color:#615030;font-size:14px;text-decoration:none;text-align:center;background:#fff}.affiliate-link span{display:block;font-size:11px}.affiliate-link:hover{background:#f6f1e7}.affiliate-link:focus-visible{outline:2px solid #74603c;outline-offset:3px}body:not(.affiliate-game) .affiliate-card{position:fixed;right:24px;top:50%;transform:translateY(-50%)}.affiliate-game .affiliate-card{position:static;margin:32px auto 60px;width:min(326px,calc(100% - 24px))}:fullscreen .affiliate-card{display:none}@media(max-width:1199px){body:not(.affiliate-game) .affiliate-card{position:static;transform:none;margin:22px auto 110px;width:min(326px,calc(100% - 24px))}}
.affiliate-products{display:block;width:300px;height:80px;border:0;margin:8px auto;max-width:100%}
@media(max-width:600px){.affiliate-card,body:not(.affiliate-game) .affiliate-card,.affiliate-game .affiliate-card{width:300px;max-width:calc(100% - 24px);border:0;background:#fff;padding:0;margin:8px auto 14px!important;line-height:1.45}.affiliate-label{font-size:11px;font-weight:400}.affiliate-disclosure{font-size:12px;margin:6px 0}.affiliate-english{font-size:12px;margin:6px 0}html[lang^="ko"] .affiliate-english{display:none}html:not([lang^="ko"]) .affiliate-disclosure{display:none}.affiliate-products{margin:6px auto;width:280px;height:60px}}

.affiliate-card .affiliate-disclosure,.affiliate-card .affiliate-english{font-size:10px;line-height:1.4;margin:4px 0;font-weight:400}

html[lang^="ko"] .affiliate-card .affiliate-english{display:none}html:not([lang^="ko"] ) .affiliate-card .affiliate-disclosure{display:none}.affiliate-card .affiliate-disclosure,.affiliate-card .affiliate-english{font-size:10px;line-height:1.35;margin:2px 0}
/* 화면 크기와 관계없이 시간대 바로 아래에서 조작과 광고를 확인한다. */
.footer-layout main{height:auto;min-height:0;padding:105px 20px 12px}
.footer-layout.tool-mode main{padding-bottom:80px}
.clock-footer{width:min(380px,calc(100% - 24px));margin:0 auto 20px;display:flex;flex-direction:column;align-items:center;gap:6px}
.clock-footer-controls{display:flex;align-items:center;justify-content:center;gap:22px;width:100%}
.clock-footer .product-nav{position:static;margin:0;max-width:none;gap:16px;flex-wrap:wrap;justify-content:center}
.clock-footer .settings-button{position:static;margin:0;flex-shrink:0;width:54px;height:54px;gap:2px}
.clock-footer .settings-button svg{width:26px;height:26px}
body.footer-layout .clock-footer .affiliate-card{position:static;transform:none;top:auto;right:auto;width:300px;max-width:100%;padding:0;border:0;background:white;margin:0!important}
.clock-footer .clock-sound{position:static;margin:0;display:block}
.affiliate-footer-note{width:min(380px,calc(100% - 24px));margin:2px auto 14px;text-align:center;color:#574f42;font-family:Arial,'Malgun Gothic',sans-serif}
.affiliate-footer-note .affiliate-disclosure,.affiliate-footer-note .affiliate-english{font-size:10px;line-height:1.35;margin:0;font-weight:400}
html[lang^="ko"] .affiliate-footer-note .affiliate-english{display:none}
html:not([lang^="ko"]) .affiliate-footer-note .affiliate-disclosure{display:none}
.clock-footer .affiliate-footer-note{width:100%;margin:0}
:fullscreen .clock-footer,:fullscreen .affiliate-footer-note{display:none}
@media(max-width:600px){.footer-layout main{padding:48px 14px 10px}.clock-footer{gap:4px;margin-bottom:16px}.clock-footer-controls{gap:18px}.clock-footer .product-nav{font-size:11px;gap:14px}.clock-footer .affiliate-products{margin:4px auto}.affiliate-footer-note{max-width:calc(100% - 24px)}}
@media(min-width:601px){.footer-layout #watch,.footer-layout .pendulum-scene{width:min(60vw,max(260px,calc((100svh - 430px)*.9)),470px)}}

/* 소리 상태는 스피커와 사선으로 표현한다. */
.clock-footer-controls{gap:14px}.clock-footer .clock-sound{width:44px;height:44px;padding:9px;border-radius:50%;display:grid;place-items:center}.clock-sound svg{width:24px;height:24px;display:block}.clock-sound[aria-pressed="true"] .sound-slash{display:none}.clock-sound[aria-pressed="false"] .sound-waves{display:none}.clock-sound[hidden]{display:none!important}.clock-footer .product-nav{margin:0 0 8px}.clock-footer .affiliate-footer-note{margin-top:0}
.watch-visual{position:relative;width:fit-content;max-width:100%}
.footer-layout .watch-visual .clock-sound{position:absolute;left:auto;right:0;top:auto;bottom:0;width:44px;height:44px;padding:12px;margin:0;border:0;border-radius:50%;background:white;display:grid;place-items:center}
.watch-visual .clock-sound svg{width:20px;height:20px}
.watch-visual .clock-sound:hover{background:#faf8f3}

/* 상단 기능 줄과 시계 종류 줄 사이에 세로 여백을 더 둔다. */
.footer-layout .clock-kind{top:82px}
.footer-layout main{padding-top:117px}
@media(max-width:600px){.footer-layout .clock-kind{top:84px}.footer-layout main{padding-top:60px}}