*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Arial,sans-serif;background-color:#f5f5f5;color:#333;overflow:hidden}@media(prefers-color-scheme:dark){html,body{background-color:#0f1115;color:#e6e6e6}}#puzzle-canvas{display:block;width:100vw;height:calc(100vh - 40px);cursor:grab}#puzzle-canvas:active{cursor:grabbing}#puzzle-canvas{touch-action:none}.status-bar{position:fixed;bottom:0;left:0;right:0;height:40px;background:#000c;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 30px;font-size:14px;z-index:1000}.status-bar a{color:#4a90e2;text-decoration:none}.status-bar a:hover{text-decoration:underline}.settings-btn{background:none;border:none;font-size:18px;cursor:pointer;color:#fff;padding:0 10px}.settings-btn:hover{opacity:.8}.status-timer,.status-progress{font-weight:700}.status-attribution{font-size:12px;opacity:.8}@media(max-width:768px){.status-bar{height:50px;padding:0 10px;font-size:12px}.status-attribution{display:none}}.settings-overlay{position:fixed;inset:0;background:#00000080;display:none;justify-content:center;align-items:center;z-index:2000}.settings-panel{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 20px #0000004d;min-width:300px;max-width:90vw}.settings-panel h3{margin-bottom:20px;color:#333;text-align:center}.setting-group{margin-bottom:15px}.setting-group label{display:block;margin-bottom:5px;font-weight:700;color:#555}.setting-group select,.setting-group input[type=checkbox]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.settings-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.settings-buttons button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}#apply-settings{background:#007bff;color:#fff}#apply-settings:hover{background:#0056b3}#cancel-settings{background:#6c757d;color:#fff}#cancel-settings:hover{background:#545b62}@media(max-width:768px){.settings-panel{padding:15px;min-width:280px}.settings-buttons{flex-direction:column}}.reference-panel{position:fixed;top:20px;right:20px;width:200px;z-index:1500}.reference-toggle{background:#000c;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;color:#fff;display:none}.reference-toggle:hover{background:#000000e6}.reference-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;overflow:hidden;display:none}.reference-panel.visible .reference-content{display:block}.reference-header{background:#f0f0f0;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;cursor:grab;-webkit-user-select:none;user-select:none}.reference-header:active{cursor:grabbing}.reference-close{background:none;border:none;font-size:18px;cursor:pointer;color:#666}.reference-image{width:100%;display:block}@media(max-width:768px){.reference-panel{width:150px;top:10px;right:10px}.reference-toggle{width:35px;height:35px;font-size:16px}}.settings-section h3{margin:0 0 10px;font-size:16px;color:#333}.setting-group.checkboxes input[type=checkbox]{width:auto;padding:0;margin:0;flex-shrink:0}.setting-group.checkboxes label{display:flex;align-items:center;gap:1em;margin:0;white-space:nowrap}.completion-overlay{position:fixed;inset:0;background:#000c;display:none;justify-content:center;align-items:center;z-index:3000}.completion-content{background:#fff;padding:40px;border-radius:15px;text-align:center;box-shadow:0 10px 30px #0000004d;max-width:400px;width:90%}.completion-content h1{color:#28a745;margin-bottom:20px;font-size:2em}.completion-content p{font-size:18px;margin-bottom:20px;color:#333}.completion-stats{display:flex;justify-content:space-around;margin-bottom:30px;font-size:16px;color:#555}#play-again-btn{padding:12px 24px;background:#007bff;color:#fff;border:none;border-radius:8px;font-size:18px;cursor:pointer;transition:background .3s}#play-again-btn:hover{background:#0056b3}@media(max-width:768px){.completion-content{padding:30px 20px}.completion-content h1{font-size:1.5em}.completion-stats{flex-direction:column;gap:10px}}