.crane-root{height:100%;color:var(--ink);font-family:var(--font-sans), Inter, sans-serif;--safe-top:max(56px, env(safe-area-inset-top,0px));--safe-bottom:88px;background:radial-gradient(circle at 22% 18%,#f8f4ea 0 24%,#0000 48%),linear-gradient(150deg,#f4f1ea 0%,#efe8da 45%,#d9d2c5 100%);position:fixed;inset:0;overflow:hidden}.crane-lang{top:max(56px, env(safe-area-inset-top,0px));z-index:40;min-width:78px;height:40px;color:var(--indigo);letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8f4eadb;border:1px solid #2e3a6e47;border-radius:999px;padding:0 16px;font-size:14px;font-weight:650;transition:transform .16s;position:absolute;right:16px;box-shadow:0 8px 24px #756b5429}.crane-lang:active{transform:scale(.96)}.cover-root{position:absolute;inset:0;overflow:hidden}.cover-light{pointer-events:none;background:linear-gradient(112deg,#0000 5%,#ffffff73 30%,#0000 56%),radial-gradient(at 16% 20%,#ffffff8c 0 12%,#0000 36%);animation:7s ease-in-out infinite cover-sheen;position:absolute;inset:-20%}.cover-grain{pointer-events:none;opacity:.34;mix-blend-mode:multiply;background-image:radial-gradient(#766f6121 .7px,#0000 .9px),linear-gradient(90deg,#0000 0 48%,#ffffff45 49%,#0000 50%);background-size:7px 9px,62px 100%;position:absolute;inset:0}.cover-flock{filter:blur(1.4px);opacity:.4;pointer-events:none;width:100%;height:62%;position:absolute;inset:0}.cover-art{left:0;right:0;top:calc(var(--safe-top) + 8px);bottom:calc(var(--safe-bottom) + 150px);pointer-events:none;filter:drop-shadow(0 24px 34px #4c392640);place-items:center;display:grid;position:absolute}.cover-sheet{clip-path:polygon(5% 13%,78% 0,96% 60%,40% 96%,0 67%);background:#273768;width:min(72vw,340px);height:min(48vh,400px);position:relative;transform:rotate(-8deg);box-shadow:inset 18px -24px 38px #121b3e8c,inset -24px 26px 42px #7f8ab054,0 18px 36px #1c1c1a38}.cover-sheet:before{content:"";opacity:.65;background:radial-gradient(circle at 22% 24%,#ffffff26 0 2px,#0000 2.3px),repeating-linear-gradient(74deg,#ffffff14 0 1px,#0000 1px 8px);position:absolute;inset:0}.cover-wing{clip-path:polygon(0 8%,100% 0,78% 72%,18% 100%);background:#31447f;width:54%;height:55%;position:absolute;top:20%;left:38%;transform:skewY(-11deg)rotate(7deg);box-shadow:inset 10px -16px 30px #0e183d80,-12px 18px 20px #11182733}.cover-crease{background:linear-gradient(90deg,#0000,#ffffff80,#e6d6aa,#0000);border-radius:999px;width:58%;height:3px;position:absolute;top:26%;left:28%;transform:rotate(34deg);box-shadow:0 0 12px #f8f4ea,0 8px 15px #11182770}.cover-crease.alt{opacity:.5;width:70%;top:49%;left:15%;transform:rotate(-24deg)}.cover-title{left:7%;top:calc(var(--safe-top) + 4%);width:74%;font-family:var(--font-heading), Georgia, serif;letter-spacing:-.05em;color:#2e3a6e0f;-webkit-text-stroke:1.2px #f8f4ead9;text-shadow:0 -1px #ffffffd9,0 2px 5px #16234c8c,0 0 12px #efe8dae6,0 0 2px #2e3a6e80;z-index:3;pointer-events:none;flex-direction:column;margin:0;font-size:clamp(40px,13vw,78px);font-weight:900;line-height:.86;display:flex;position:absolute;transform:rotate(-8deg)}.cover-panel{left:20px;right:20px;bottom:calc(var(--safe-bottom) + 18px);z-index:20;text-align:center;place-items:center;gap:14px;display:grid;position:absolute}.cover-hint{color:#4e4a41;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8f4eab8;border:1px solid #ffffff80;border-radius:999px;max-width:300px;margin:0;padding:9px 16px;font-size:13.5px;line-height:1.35}.cover-cta{appearance:none;background:var(--indigo);color:#fff;border:0;border-radius:12px;min-width:160px;min-height:48px;padding:14px 26px;font-size:15px;font-weight:700;transition:transform .18s;box-shadow:0 14px 28px #2e3a6e4d}.cover-cta:active{transform:scale(.97)}@keyframes cover-sheen{0%,to{opacity:.62;transform:translate(-4%)rotate(0)}50%{opacity:1;transform:translate(5%)rotate(2deg)}}.crane-stage{touch-action:none;position:absolute;inset:0}.crane-stage canvas{width:100%;height:100%;display:block}.crane-hud{top:calc(var(--safe-top) + 4px);z-index:30;flex-direction:column;align-items:flex-start;gap:8px;max-width:60%;display:flex;position:absolute;left:16px}.crane-fold-name{font-family:var(--font-heading), Georgia, serif;color:var(--indigo);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8f4eac7;border:1px solid #fff9;border-radius:12px;padding:6px 12px;font-size:17px;font-weight:700;box-shadow:0 6px 18px #756b5429}.crane-progress{background:#2e3a6e26;border-radius:999px;width:148px;height:6px;overflow:hidden}.crane-progress>span{background:var(--indigo);border-radius:999px;height:100%;transition:width .3s;display:block}.crane-count{color:var(--ink-muted);font-size:12px;font-weight:600}.crane-dock{left:16px;right:16px;bottom:calc(var(--safe-bottom) + 14px);z-index:30;flex-direction:column;gap:12px;display:flex;position:absolute}.crane-swipe-hint{color:#4e4a41;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8f4eac7;border:1px solid #ffffff8c;border-radius:999px;align-self:center;padding:8px 16px;font-size:13px}.crane-controls{justify-content:center;align-items:center;gap:10px;display:flex}.crane-btn{appearance:none;color:var(--indigo);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8f4eae6;border:1px solid #2e3a6e38;border-radius:12px;align-items:center;gap:6px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:650;transition:transform .16s;display:inline-flex;box-shadow:0 8px 20px #756b5424}.crane-btn:active{transform:scale(.96)}.crane-btn[disabled]{opacity:.5}.crane-stocks{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:2px;display:flex;overflow-x:auto}.crane-stocks::-webkit-scrollbar{display:none}.crane-stock{background:#f8f4ead9;border:2px solid #0000;border-radius:12px;flex:none;justify-items:center;gap:4px;width:70px;padding:5px;transition:transform .16s,border-color .16s;display:grid}.crane-stock:active{transform:scale(.95)}.crane-stock[data-active=true]{border-color:var(--indigo);box-shadow:0 6px 16px #2e3a6e3d}.crane-swatch{border-radius:8px;width:100%;height:34px;box-shadow:inset 0 2px 6px #0003}.crane-stock-name{color:var(--ink-muted);font-size:10.5px;font-weight:600}.crane-released{z-index:35;text-align:center;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.crane-released p{font-family:var(--font-heading), Georgia, serif;color:var(--indigo);text-shadow:0 2px 12px #efe8dae6;margin:0;font-size:26px;font-weight:700;animation:1.6s ease-out crane-rise}@keyframes crane-rise{0%{opacity:0;transform:translateY(20px)}30%{opacity:1}to{opacity:1;transform:translateY(-8px)}}.crane-result{z-index:30;padding:calc(var(--safe-top) + 8px) 20px calc(var(--safe-bottom) + 16px);flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.crane-result-title{font-family:var(--font-heading), Georgia, serif;color:var(--indigo);margin:4px 0 10px;font-size:26px;font-weight:700}.crane-portrait{object-fit:contain;background:#efe8da;border-radius:16px;flex:1;width:100%;max-width:320px;min-height:0;overflow:hidden;box-shadow:0 18px 36px #1c1c1a38}.crane-stats{gap:10px;width:100%;max-width:340px;margin:14px 0;display:flex}.crane-stat{text-align:center;border:1px solid var(--border);background:#f8f4ead9;border-radius:12px;flex:1;padding:10px 6px}.crane-stat .label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);font-size:10.5px;display:block}.crane-stat .value{font-family:var(--font-heading), Georgia, serif;color:var(--ink);font-size:22px;font-weight:700}.crane-flock-hint{color:var(--ink-muted);text-align:center;margin:0 0 12px;font-size:13px}.crane-result-actions{gap:10px;width:100%;max-width:340px;display:flex}.crane-share{appearance:none;background:var(--indigo);color:#fff;border:0;border-radius:12px;flex:2;min-height:50px;font-size:15px;font-weight:700;transition:transform .16s;box-shadow:0 14px 28px #2e3a6e4d}.crane-share:active{transform:scale(.98)}.crane-share[data-sent=true]{background:#4f6a52}.crane-share[disabled]{opacity:.6}.crane-replay{appearance:none;color:var(--indigo);background:#f8f4eae6;border:1px solid #2e3a6e38;border-radius:12px;flex:1;min-height:50px;font-size:14px;font-weight:650;transition:transform .16s}.crane-replay:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.cover-light,.crane-released p{animation:none!important}}