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