:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.wind-direction-display{display:flex;flex-direction:column;align-items:center;gap:15px;background:#f5e6d3f2;padding:20px;border-radius:8px;box-shadow:0 8px 32px #0003;border:2px solid #d4a574;position:relative}.wind-direction-display:before{content:"";position:absolute;inset:8px;border:1px solid #d4a574;border-radius:4px;pointer-events:none}.compass-container{position:relative;width:100px;height:100px;display:flex;justify-content:center;align-items:center}.compass-ring{position:absolute;width:100%;height:100%;border:3px solid #8b7355;border-radius:50%;background:radial-gradient(circle,#fffffff2,#f5e6d3cc);box-shadow:inset 0 2px 8px #8b735533,0 4px 12px #0000001a}.compass-mark{position:absolute;font-size:14px;font-weight:700;color:#8b7355;text-shadow:0 1px 2px rgba(255,255,255,.8);font-family:"Noto Serif JP",serif}.compass-mark.north{top:5px;left:50%;transform:translate(-50%);color:#8b7355;font-size:16px}.compass-mark.east{right:8px;top:50%;transform:translateY(-50%)}.compass-mark.south{bottom:5px;left:50%;transform:translate(-50%)}.compass-mark.west{left:8px;top:50%;transform:translateY(-50%)}.wind-arrow-wrapper{position:absolute;width:40px;height:40px;transition:transform .8s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.wind-arrow-svg{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.compass-center{position:absolute;width:8px;height:8px;background:#8b7355;border-radius:50%;box-shadow:0 2px 4px #0003;z-index:10}.wind-label{display:flex;align-items:baseline;gap:4px;font-family:"Noto Serif JP",serif}.wind-kanji{font-size:22px;font-weight:700;color:#5d4e37}.wind-text{font-size:14px;color:#8b7355;font-weight:500}@media (min-width: 769px){.wind-direction-display{position:absolute;top:20px;left:20px}}@media (max-width: 768px){.wind-direction-display{position:fixed;top:20px;left:20px;transform:scale(.85);transform-origin:top left}}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock *:before,.react-clock *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-clock__face{position:absolute;inset:0;border:1px solid black;border-radius:50%}.react-clock__hand{position:absolute;inset:0 50%}.react-clock__hand__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark{position:absolute;inset:0 50%}.react-clock__mark__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark__number{position:absolute;left:-40px;width:80px;text-align:center}.react-clock__second-hand__body{background-color:red}.clock-container{display:flex;flex-direction:column;align-items:center;gap:12px;z-index:10}.simulation-clock-wrapper{display:flex;justify-content:center;align-items:center;position:relative;transition:all .3s ease;filter:drop-shadow(0 8px 24px rgba(139,115,85,.3));background:#f5e6d3f2;padding:20px;border-radius:50%;border:3px solid #d4a574;box-shadow:0 8px 32px #0003,inset 0 2px 8px #8b73551a}.simulation-clock-wrapper:before{content:"";position:absolute;inset:10px;border:2px solid #d4a574;border-radius:50%;pointer-events:none;opacity:.4}.simulation-clock-wrapper .react-clock{background:transparent!important;border:none!important}.simulation-clock-wrapper .react-clock__face{border:3px solid #5d4e37!important;background:radial-gradient(circle,#f5e6d3,#d4a574f2)!important;box-shadow:inset 0 2px 8px #8b73554d!important}.simulation-clock-wrapper .react-clock__hand{background-color:#5d4e37!important;box-shadow:0 2px 4px #0000004d!important}.simulation-clock-wrapper .react-clock__mark{background-color:#5d4e37!important}.simulation-clock-wrapper .react-clock__mark__number{color:#3d2e1f!important;font-family:"Noto Serif JP",serif!important;font-weight:700!important;text-shadow:0 1px 2px rgba(255,255,255,.5)!important}.time-display{text-align:center;font-weight:600;background:#f5e6d3f2;color:#5d4e37;padding:12px 24px;border-radius:20px;white-space:nowrap;border:2px solid #d4a574;box-shadow:0 4px 16px #8b735533,inset 0 1px 3px #ffffff80;font-family:"Noto Serif JP",serif;position:relative}.time-display:before{content:"";position:absolute;inset:4px;border:1px solid #d4a574;border-radius:16px;pointer-events:none;opacity:.4}.day-night-indicator{position:absolute;text-align:center;font-weight:600;transition:all .3s ease;background:#f5e6d3f2;color:#5d4e37;padding:8px 20px;border-radius:20px;width:fit-content;left:50%;transform:translate(-50%);border:2px solid #d4a574;box-shadow:0 4px 16px #8b735533,inset 0 1px 3px #ffffff80;font-family:"Noto Serif JP",serif;letter-spacing:2px}@media (min-width: 769px){.simulation-clock-wrapper{width:260px;height:260px;margin:auto}.day-night-indicator{bottom:-50px;font-size:16px}.time-display{font-size:16px}}@media (max-width: 768px){.simulation-clock-wrapper{width:140px;height:140px;padding:15px}.day-night-indicator{bottom:-40px;font-size:12px;padding:6px 16px}.time-display{font-size:11px;padding:8px 16px}.react-clock__mark__number{font-size:.7em!important}}.ui-open-button{position:fixed;width:50px;height:50px;border-radius:8px;background:#f5e6d3f2;border:2px solid #d4a574;color:#5d4e37;font-size:20px;font-weight:600;font-family:"Noto Serif JP",serif;cursor:pointer;box-shadow:0 4px 16px #8b73554d;transition:all .3s ease;z-index:100;display:flex;align-items:center;justify-content:center}.ui-open-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b735566}.ui-open-button:active{transform:translateY(0)}.ui-panel-wrapper{position:fixed;opacity:0;pointer-events:none;transition:all .3s ease;z-index:200;display:flex;flex-direction:column;gap:20px}.ui-panel-wrapper.open{opacity:1;pointer-events:all}.ui-close-button{position:absolute;width:32px;height:32px;border-radius:50%;background:#ffffffe6;border:1px solid #d4a574;color:#5d4e37;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.ui-close-button:hover{background:#d4a574;color:#fff;transform:rotate(90deg)}.ui-panel-wrapper .clock-wrapper{position:relative}.season-selector{background:#f5e6d3f2;padding:20px;border-radius:8px;box-shadow:0 8px 32px #0003;border:2px solid #d4a574;position:relative}.season-selector:before{content:"";position:absolute;inset:8px;border:1px solid #d4a574;border-radius:4px;pointer-events:none}.season-selector{display:flex;flex-direction:column;gap:15px;position:relative}.season-title{margin:0;text-align:center;font-size:18px;font-weight:500;color:#5d4e37;letter-spacing:4px;font-family:"Noto Serif JP",serif}.season-selector .buttons{display:flex;gap:12px}.season-button{position:relative;padding:10px 18px;border:2px solid #d4a574;border-radius:6px;background:#fffc;color:#8b7355;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:"Noto Serif JP",serif}.season-button:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 4px 12px #8b735533}.season-button.active{background:#8b7355;border-color:#8b7355;color:#f5e6d3;box-shadow:0 4px 12px #8b73554d}@media (min-width: 769px){.ui-open-button{top:20px;right:20px}.ui-close-button{top:10px;right:10px}.ui-panel-wrapper{top:20px;right:20px;transform:translate(20px)}.ui-panel-wrapper.open{transform:translate(0)}.season-selector .buttons{gap:12px}}@media (max-width: 768px){.ui-open-button{bottom:20px;left:20px}.ui-close-button{inset:auto 20px 20px auto}.ui-panel-wrapper{bottom:80px;left:20px;right:20px;transform:translateY(20px)}.ui-panel-wrapper.open{transform:translateY(0)}.ui-panel-wrapper .clock-wrapper{transform:scale(.8);margin:0 auto}.season-selector{max-width:320px;margin:0 auto}.season-selector .buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.season-button{padding:12px 16px;font-size:18px}}.App{font-family:sans-serif;text-align:center}.custom-clock .react-clock__hand__body,.custom-clock .react-clock__mark__body{background-color:#fff!important}.custom-clock .react-clock__mark__number{color:#fff!important;font-weight:700}