body{-webkit-font-smoothing:antialiased;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sidebar[data-v-03ceca4f]{background-color:#f5dfa0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M20 5 L25 10 L20 15 L15 10 Z' fill='none' stroke='%23e8c87a' stroke-width='1.2'/%3E%3Cpath d='M5 20 L10 25 L5 30 L0 25 Z' fill='none' stroke='%23e8c87a' stroke-width='1.2'/%3E%3Cpath d='M35 20 L40 25 L35 30 L30 25 Z' fill='none' stroke='%23e8c87a' stroke-width='1.2'/%3E%3Cpath d='M20 25 L25 30 L20 35 L15 30 Z' fill='none' stroke='%23e8c87a' stroke-width='1.2'/%3E%3C/svg%3E");border-right:3px solid #d4a84b;width:150px;min-width:150px;padding:12px 8px}.sidebar-title[data-v-03ceca4f]{color:#8b4513;margin-bottom:8px;font-size:14px;font-weight:700;line-height:1.4}.sidebar-menu[data-v-03ceca4f]{color:#8b4513;margin-bottom:12px;font-size:14px;font-weight:700}.sidebar ul[data-v-03ceca4f]{padding:0;list-style:none}.sidebar ul li[data-v-03ceca4f]{color:#333;align-items:baseline;gap:4px;margin-bottom:10px;font-size:13px;display:flex}.sidebar ul li a[data-v-03ceca4f]{color:#00c;font-size:13px;text-decoration:underline}.sidebar ul li a[data-v-03ceca4f]:visited{color:#609}.sidebar ul li a[data-v-03ceca4f]:hover{color:#c00}.sidebar ul li[data-v-03ceca4f]:first-child:before{display:none}.sidebar ul li[data-v-03ceca4f]:before{content:"◆";color:#c30;flex-shrink:0;font-size:10px}.sidebar-info[data-v-03ceca4f]{color:#555;margin-top:15px;font-size:11px;line-height:1.5}.header[data-v-aaa933a9]{background-color:#b8e8e8;padding:10px 20px 8px}.site-title[data-v-aaa933a9]{color:#1a1a1a;text-shadow:3px 3px #8bb,-1px -1px #fff;letter-spacing:3px;font-family:MS PGothic,sans-serif;font-size:32px;font-weight:900}.blink[data-v-aaa933a9]{color:#fa0;font-size:22px;animation:1s step-end infinite blink-aaa933a9}@keyframes blink-aaa933a9{0%,to{opacity:1}50%{opacity:0}}.counter-section[data-v-aaa933a9]{text-align:center;background-color:#c8eaea;padding:6px;font-size:14px}.counter[data-v-aaa933a9]{color:#0f0;letter-spacing:2px;background-color:#000;border:2px inset #333;padding:2px 8px;font-family:Courier New,monospace;font-size:18px;font-weight:700;display:inline-block}.marquee-area[data-v-aaa933a9]{white-space:nowrap;background:#c0e0e0;border-top:1px dashed #8aa;border-bottom:1px dashed #8aa;padding:5px 0;overflow:hidden}.marquee-text[data-v-aaa933a9]{color:#333;font-size:13px;animation:15s linear infinite marquee-aaa933a9;display:inline-block}@keyframes marquee-aaa933a9{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.no-repost-bar[data-v-aaa933a9]{color:#fff;text-align:center;letter-spacing:2px;background-color:#369;padding:4px;font-size:14px;font-weight:700}.no-repost-bar .dots[data-v-aaa933a9]{color:#f90;margin:0 8px}.no-repost-bar .dots2[data-v-aaa933a9]{color:#6f0;margin:0 8px}.game-section[data-v-36973124]{justify-content:center;align-items:flex-start;padding:20px;display:flex}.game-panel[data-v-36973124]{text-align:center;background:#e8f4f8;border:3px solid #8bb;padding:20px}.score-row[data-v-36973124]{color:#333;justify-content:center;gap:30px;margin-bottom:15px;font-size:16px;display:flex}.score-item[data-v-36973124]{align-items:center;gap:8px;display:flex}.score-value[data-v-36973124]{color:#0f0;letter-spacing:1px;background:#000;border:2px inset #333;padding:4px 12px;font-family:Courier New,monospace;font-size:20px;font-weight:700}.score-value.best[data-v-36973124]{color:#f90}.canvas-wrapper[data-v-36973124]{background:#fff;border:4px solid #6aa;width:400px;height:400px;margin:0 auto}.canvas-wrapper canvas[data-v-36973124]{width:100%;height:100%}.game-status[data-v-36973124]{color:#333;margin-top:12px;font-size:15px}.slider-row[data-v-36973124]{flex-direction:column;gap:12px;margin-top:15px;display:flex}.slider-item[data-v-36973124]{align-items:center;gap:10px;display:flex}.slider-label[data-v-36973124]{color:#333;min-width:80px;font-size:15px}.slider-item input[type=range][data-v-36973124]{appearance:none;background:#c0e0e0;border:1px solid #8aa;flex:1;height:10px}.slider-item input[type=range][data-v-36973124]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ff9;border:1px outset #cc6;width:18px;height:18px}.slider-value[data-v-36973124]{color:#555;text-align:right;min-width:50px;font-size:14px}.button-row[data-v-36973124]{justify-content:center;gap:15px;margin-top:15px;display:flex}button[data-v-36973124]{color:#333;cursor:pointer;background:#ff9;border:2px outset #cc6;padding:10px 24px;font-family:inherit;font-size:15px}button[data-v-36973124]:hover:not(:disabled){background:#ff6}button[data-v-36973124]:active:not(:disabled){border-style:inset}button[data-v-36973124]:disabled{opacity:.5;cursor:not-allowed}.info-panel[data-v-c46c3b31]{background:#fff;border:2px solid #acc;padding:12px}.info-panel h3[data-v-c46c3b31]{color:#8b4513;margin-bottom:8px;font-size:14px}.info-panel h3[data-v-c46c3b31]:before{content:"◆";color:#c30;margin-right:5px}.info-panel ul[data-v-c46c3b31]{padding:0;list-style:none}.info-panel li[data-v-c46c3b31]{color:#333;border-bottom:1px dashed #c0e0e0;align-items:baseline;gap:5px;padding:5px 0;font-size:12px;display:flex}.info-panel li[data-v-c46c3b31]:last-child{border-bottom:none}.info-panel li[data-v-c46c3b31]:before{content:"◆";color:#c30;flex-shrink:0;font-size:9px}.key[data-v-c46c3b31]{color:#333;background:#ff9;border:1px outset #cc6;margin-right:5px;padding:2px 6px;font-size:11px;display:inline-block}*{box-sizing:border-box;margin:0;padding:0}.game-container{color:#333;background-color:#b8e8e8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath d='M10 10 L15 5 L10 0 L5 5 Z M40 10 L45 5 L40 0 L35 5 Z M10 40 L15 35 L10 30 L5 35 Z M40 40 L45 35 L40 30 L35 35 Z M25 25 L30 20 L25 15 L20 20 Z' fill='none' stroke='%2399cccc' stroke-width='1'/%3E%3C/svg%3E");min-height:100vh;padding:15px;font-family:MS PGothic,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif;font-size:15px}.page-wrapper{gap:0;min-height:calc(100vh - 30px);display:flex}.main{flex-direction:column;flex:1;display:flex}.camera-section{justify-content:center;gap:15px;max-width:700px;margin:0 auto;padding:15px;display:flex}.camera-panel{background:#fff;border:2px solid #acc;flex-direction:column;flex:1;align-items:center;max-width:280px;padding:12px;display:flex}.info-panel{background:#fff;border:2px solid #acc;flex:1;max-width:280px;padding:12px}.camera-panel{background:#fff;border:2px solid #acc;flex-direction:column;flex:1;align-items:center;padding:15px;display:flex}.camera-panel h2{color:#8b4513;margin-bottom:10px;font-size:15px}.camera-panel h2:before{content:"◇";margin-right:6px}.video-container{aspect-ratio:4/3;background:#000;border:3px solid #6aa;width:225px;position:relative;overflow:hidden}.video-container video,.video-container canvas{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}.camera-status{color:#333;align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.status-indicator{background:red;border:1px solid #c00;border-radius:50%;width:12px;height:12px}.status-indicator.active{background:#0f0;border-color:#090}.direction-display{color:#333;margin-top:8px;font-size:13px}.camera-error{color:#fff;background:#f66;border:2px solid #c00;padding:8px 15px;font-size:13px;position:fixed;bottom:15px;left:50%;transform:translate(-50%)}@media (width<=1000px){.page-wrapper{flex-direction:column}.main{flex:none}.camera-section{flex-direction:column;align-items:center}.camera-panel,.info-panel{width:100%;max-width:400px}}@media (width<=600px){.site-title{font-size:24px}.canvas-wrapper{width:280px;height:280px}.video-container{width:200px}}