#app{max-width:1100px;margin:0 auto;padding:14px clamp(12px,4vw,28px) 22px}.cp-layout{display:flex;align-items:flex-start;gap:clamp(12px,2.5vw,22px);margin-top:8px}.cp-main{flex:1 1 auto;min-width:0}.cp-panel{flex:0 0 clamp(210px,22vw,270px);display:flex;flex-direction:column;gap:10px}@media(max-width:780px)and (orientation:portrait){.cp-layout{flex-direction:column;align-items:stretch}.cp-panel{flex:1 1 auto}}.cp-stage{position:relative;width:100%;aspect-ratio:1000 / 640;border-radius:var(--poc-radius);overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:var(--poc-shadow);background:#07192b;touch-action:none;user-select:none;-webkit-user-select:none}.cp-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.cp-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:10px 2px 4px;font-variant-numeric:tabular-nums;font-size:13px}.cp-bar .cp-title{font-family:var(--poc-serif);font-size:clamp(16px,3.2vw,20px);margin-right:4px}.cp-bar .cp-round{color:var(--poc-muted)}.cp-bar .cp-score{color:var(--poc-brass-2);font-weight:700}.cp-bar .cp-spacer{flex:1 1 auto}.cp-bar .cp-timer{color:var(--poc-foam);font-weight:700;font-variant-numeric:tabular-nums}.cp-bar .cp-timer--warn{color:var(--poc-danger)}.cp-panel-h{font-size:10px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--poc-brass-2);margin:0 0 6px}.cp-cargo-list{display:flex;flex-direction:column;gap:6px}.cp-cargo-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.13);background:#0c1a2ab3;cursor:grab;touch-action:manipulation;transition:border-color .15s ease,background .15s ease,opacity .2s ease;user-select:none;-webkit-user-select:none}.cp-cargo-item:hover{border-color:#f0c75e73;background:#14283ae6}.cp-cargo-item.is-placed{opacity:.38;pointer-events:none;cursor:default;filter:grayscale(.5)}.cp-cargo-item.is-dragging{opacity:.55;border-color:#f0c75e99}.cp-cargo-item.is-selected{border-color:#f0c75e;background:#f0c75e1f;box-shadow:0 0 0 2px #f0c75e59,inset 0 0 6px #f0c75e14;animation:cp-pulse-selected 1.4s ease-in-out infinite}@keyframes cp-pulse-selected{0%,to{box-shadow:0 0 0 2px #f0c75e59,inset 0 0 6px #f0c75e14}50%{box-shadow:0 0 0 3px #f0c75e8c,inset 0 0 10px #f0c75e24}}.cp-cargo-icon{font-size:18px;line-height:1;flex:0 0 auto;width:24px;text-align:center}.cp-cargo-info{flex:1 1 auto;min-width:0}.cp-cargo-name{font-size:12.5px;font-weight:600;color:var(--poc-foam);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-cargo-weight{font-size:11px;color:var(--poc-muted);font-variant-numeric:tabular-nums}.cp-cargo-restrict{font-size:10.5px;color:var(--poc-brass-2);margin-top:1px}.cp-calc-btn{display:none;width:100%;margin-top:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-weight:700;font-size:14px;color:var(--poc-ink);background:linear-gradient(180deg,var(--poc-brass-2),var(--poc-brass));border:1px solid rgba(0,0,0,.18);border-radius:10px;padding:12px 10px;cursor:pointer;transition:filter .15s ease,transform .06s ease}.cp-calc-btn:hover{filter:brightness(1.1)}.cp-calc-btn:active{transform:translateY(1px)}.cp-calc-btn.is-visible{display:block}.cp-stability{font-size:12px;line-height:1.8;background:#08162473;border:1px solid rgba(255,255,255,.09);border-radius:var(--poc-radius);padding:10px 12px;font-variant-numeric:tabular-nums}.cp-stability-row{display:flex;justify-content:space-between;align-items:center;gap:6px}.cp-stability-row .label{color:var(--poc-muted)}.cp-stability-row .val{color:var(--poc-foam);font-weight:600}.cp-stability-row .val.ok{color:var(--poc-ok)}.cp-stability-row .val.warn{color:#ffd166}.cp-stability-row .val.bad{color:var(--poc-danger)}.cp-break{display:grid;grid-template-columns:1fr auto;gap:3px 14px;font-variant-numeric:tabular-nums;font-size:13px;margin:8px 0}.cp-break .cp-bp{color:var(--poc-ok)}.cp-break .cp-bn{color:var(--poc-danger)}