.crane-heading h1{font:450 42px/1.1 var(--serif);margin:12px 0;color:var(--site-green)}.crane-heading>p{margin:0;color:var(--site-muted);font-size:12px;line-height:1.6}.crane-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;margin-top:0}.crane-play,.crane-ranking{min-width:0;padding:20px;border:1px solid var(--site-border);border-radius:8px;background:var(--site-panel)}.crane-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.crane-metrics>div{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:4px 8px;color:var(--site-green)}.crane-metrics span{font-size:12px}.crane-metrics strong{grid-column:2;font-size:25px}.crane-scene{position:relative;overflow:hidden;border-radius:9px;touch-action:manipulation;cursor:pointer}.crane-scene svg{display:block;width:100%;height:auto}.crane-target-halo{animation:crane-target-pulse .8s ease-in-out infinite alternate}@keyframes crane-target-pulse{0%{opacity:.62}to{opacity:1}}@media(prefers-reduced-motion:reduce){.crane-target-halo{animation:none}}.crane-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#faf9f6d9;text-align:center}.crane-overlay h2{font:400 32px var(--serif);margin:0}.crane-overlay>strong{font-size:28px;color:var(--site-green)}.crane-page button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;background:var(--site-green);color:white;border:0;border-radius:7px;font:500 14px var(--sans);cursor:pointer}.crane-page button:disabled{opacity:.5;cursor:default}.crane-page :focus-visible{outline:2px solid #d2aa70;outline-offset:3px}.crane-controls{display:flex;align-items:center;gap:20px;margin:18px 0}.crane-controls>button{flex:1}.crane-controls>span{font-weight:700;color:var(--site-green);min-width:50px}.crane-help,.crane-play>p,.crane-ranking>p{font-size:12px;line-height:1.6;color:var(--site-muted)}.crane-ranking h2{display:flex;align-items:center;gap:10px;font:500 22px var(--serif);margin:0 0 18px}.crane-period{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.crane-period button{min-width:0;white-space:nowrap;font-size:11px;padding:7px 3px;background:var(--site-surface);color:var(--site-green);border:1px solid var(--site-border)}.crane-period button[aria-pressed=true]{background:var(--site-green);color:white}.crane-ranking ol,.crane-ranking ul{list-style:none;margin:16px 0 26px;padding:0}.crane-ranking li{display:flex;gap:10px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--site-border);font-size:12px;overflow-wrap:anywhere}.crane-publish{display:grid;gap:12px;padding:18px;background:var(--site-surface);border-radius:8px}.crane-publish label{display:grid;gap:8px;font-size:13px}.crane-publish input{width:100%;padding:10px;background:var(--background);border:1px solid var(--site-border);border-radius:5px}.crane-publish small{color:var(--site-muted)}@media(max-width:1100px){.crane-layout{grid-template-columns:minmax(0,1fr)}.crane-ranking{max-height:600px;overflow:auto}}@media(max-width:600px){.crane-play,.crane-ranking{padding:12px}.crane-metrics{gap:5px}.crane-metrics span{font-size:10px}.crane-metrics strong{font-size:20px}.crane-heading h1{font-size:35px}.crane-overlay h2{font-size:25px}}