.reference-tools{position:relative;flex-shrink:0}.reference-tools>#reference-toggle svg{fill:currentColor;stroke:none}.reference-tools button:disabled{opacity:.3}.reference-menu{position:fixed;right:18px;top:64px;z-index:40;width:270px;max-width:calc(100vw - 36px);padding:16px;background:#192a2e;border:1px solid #587371;border-radius:13px;box-shadow:0 12px 40px #0007;text-align:start}.reference-menu>p{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--accent)}.reference-menu button{width:100%;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:12px;min-height:50px;padding:8px;background:transparent;border:1px solid transparent;border-radius:8px;text-align:start;font-size:12px}.reference-menu button[aria-pressed="true"]{background:#9ce3c715;border-color:#9ce3c740}.reference-menu button:hover{background:#9ce3c720}.reference-menu svg{display:block;height:32px;max-width:34px;justify-self:center;color:#fff}.reference-menu button small{font-size:10px;white-space:nowrap;color:#adc0bf}.reference-menu>small{display:block;margin-top:12px;color:var(--muted);font-size:11px;line-height:1.5}#reference-remove{display:block;min-height:34px;color:var(--muted);text-align:center}.reference-rotate{position:absolute;z-index:3;width:44px;height:44px;padding:0;transform:translate(-50%,-50%)!important;border:0;border-radius:50%;background:none;touch-action:none;cursor:grab}.reference-rotate span{display:grid;place-items:center;margin:8px;width:28px;height:28px;background:#1d373b;border:1px solid #dcece7;border-radius:50%;color:#fff;font-size:21px;box-shadow:0 2px 12px #0007}.comparison-toggle{touch-action:none;cursor:inherit}.object-description{display:flex;align-items:flex-start;gap:13px;margin:10px 0 0;padding:13px 16px;border:1px solid #9ce3c71f;border-radius:10px;background:linear-gradient(115deg,#9ce3c709,#9ce3c702);overflow-wrap:anywhere}.description-symbol{display:grid;place-items:center;width:21px;height:21px;flex-shrink:0;border:1px solid #9ce3c757;color:var(--accent);border-radius:50%;font:italic 15px Georgia,serif}.object-description strong{display:block;font-size:11px;color:var(--accent);font-weight:600;margin:1px 0 5px}.object-description p{margin:0;color:#cfdbd8;font-size:13px;line-height:1.55;white-space:pre-line}.inspection-hint{margin:0;color:var(--muted);font-size:11px;line-height:1.5;max-width:390px;text-align:end}.game-bottom.inspecting{border-top:0;padding-top:0;gap:12px}.game-bottom.inspecting .square-button{height:32px;width:32px;font-size:20px}.game-bottom.inspecting .zoom-readout strong{font-size:12px}.game-bottom.inspecting .zoom-readout{font-size:9px}.board-wrap{overflow:hidden}#reference-rotate:focus-visible{outline-offset:-4px}
@media(max-width:580px){.reference-tools>.audio-toggle{width:30px;padding:6px}.game-bottom.inspecting{flex-direction:row;align-items:center}.inspection-hint{font-size:10px;max-width:155px}.game-bottom.inspecting .zoom-controls{gap:3px}.game-bottom.inspecting .zoom-readout{width:100px}.object-description{padding:10px 12px;gap:10px}.object-description p{font-size:12px}.object-description strong{font-size:10px}.reference-menu{top:53px}.header-right{gap:2px!important}}
@media(max-width:360px){.inspection-hint{display:none}.game-bottom.inspecting{justify-content:center}.language select,body[data-screen="game"] .language select{width:72px;min-width:0;max-width:72px}.reference-tools>.audio-toggle{width:26px;padding:5px}}
@media(max-height:540px) and (orientation:landscape){.object-description{padding:7px 12px;margin-top:6px}.object-description p{font-size:11px}.object-description strong{display:none}.game-bottom.inspecting{margin-top:6px}.inspection-hint{font-size:10px}}

.divider-handle{position:absolute;z-index:2;display:grid;place-items:center;width:44px;height:48px;padding:0;transform:translate(-50%,-50%)!important;border:0;background:transparent;touch-action:none;cursor:ew-resize;color:#b5dace}
.divider-handle span{display:grid;place-items:center;width:28px;height:36px;border:1px solid #749c9180;border-radius:10px;background:#1a2d30ed;box-shadow:0 2px 8px #07151755;pointer-events:none;transition:background .15s,border-color .15s}
.divider-handle svg{width:26px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.divider-handle:hover span,.divider-handle:focus-visible span,.divider-handle.is-dragging span{background:#294840;border-color:#a8e7cc;color:#dcf7ea}
.divider-handle:focus-visible{outline-offset:-2px;border-radius:12px}
@media(prefers-reduced-motion:reduce){.divider-handle span{transition:none}}