.squid-options{--ink:var(--tier-ink,#edf4fc);--ink2:var(--tier-ink,#c5d5e7);--surface:var(--tier-input,#172638);--surface2:var(--tier-card,#1d3046);--grid:var(--tier-line,#4b647d);--gold:var(--tier-accent,#e8cd92);--accent2:var(--tier-accent,#c0deff);color:var(--ink);border:1px solid var(--grid);border-radius:12px;padding:14px;margin:14px 0;background:var(--surface2);text-align:left;min-width:0}
.squid-heading{display:flex;align-items:center;gap:10px;font-weight:750;margin-bottom:10px}.squid-local{font-size:11px;font-weight:500;color:var(--gold)}
.squid-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.squid-select{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink2);min-width:0}
.squid-select select{width:100%;min-width:0;max-width:100%;padding:9px 7px;color:var(--ink);background:var(--surface);border:1px solid var(--grid);border-radius:7px;font-size:12px}
.squid-options details{font-size:12px;color:var(--ink2)}.squid-options summary{cursor:pointer;padding:6px 0;color:var(--accent2)}.squid-options p{margin:8px 0;line-height:1.65}.squid-options a{color:var(--accent2)}.squid-summary{color:var(--gold);font-size:12px}
#squidHUD{position:absolute;left:50%;top:24%;transform:translateX(-50%);z-index:4;background:#112d36ed;color:#d6f6f1;border:1px solid #5ccdb482;padding:5px 9px;border-radius:14px;font-size:11px;max-width:84%;white-space:nowrap}
#squidHUD[hidden],#squidDetails[hidden],#squidOptions[hidden]{display:none!important}.squid-count{color:var(--gold);font-size:10px;white-space:nowrap;flex-shrink:0;margin-left:3px}
#squidDialog{position:fixed;inset:var(--app-safe-top,env(safe-area-inset-top,0px)) var(--app-safe-right,env(safe-area-inset-right,0px)) 0 var(--app-safe-left,env(safe-area-inset-left,0px));width:min(600px,calc(100vw - var(--app-safe-left,0px) - var(--app-safe-right,0px) - 24px));max-height:calc(100dvh - var(--app-safe-top,0px) - 32px);padding:18px;border-radius:14px;border:1px solid var(--grid);background:var(--surface);color:var(--ink);margin:auto;overflow:auto;font-size:13px}
#squidDialog::backdrop{background:#000a}.squid-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.squid-dialog-head h2{font-size:17px}.squid-dialog-head button{border:1px solid var(--grid);background:var(--surface2);color:var(--ink);padding:6px 12px;border-radius:7px}
#squidDialog h3{font-size:14px;margin:16px 0 8px}#squidDialog p{margin:12px 0;color:var(--ink2)}#squidDialog ul{padding-left:20px;line-height:1.9}.squid-ledger{overflow:auto}.squid-ledger table{width:100%;border-collapse:collapse;font-size:12px}.squid-ledger td,.squid-ledger th{padding:7px 4px;text-align:left;border-bottom:1px solid var(--grid)}
@media(max-width:480px){.squid-grid{grid-template-columns:minmax(0,1fr)}.squid-options{padding:11px}#squidHUD{font-size:10px;padding:4px 7px;top:27%}.squid-count{font-size:9px}}
@media(min-width:481px) and (max-height:540px){#squidHUD{top:29%;font-size:10px;padding:3px 7px}}
/* Round settlement: one lightweight modal, two timed screens. */
.squid-round-dialog{--sr-ink:#eefbf7;--sr-muted:#b1c9c3;--sr-line:#ffffff1c;inset:var(--app-safe-top,env(safe-area-inset-top,0px)) var(--app-safe-right,0px) 0 var(--app-safe-left,0px);box-sizing:border-box;width:min(580px,calc(100vw - var(--app-safe-left,0px) - var(--app-safe-right,0px) - 24px));max-height:calc(100dvh - var(--app-safe-top,0px) - 24px);border:1px solid #96edcb5c;border-radius:24px;padding:0;margin:auto;color:var(--sr-ink);background:linear-gradient(150deg,#183630,#101e29 65%,#111d26);box-shadow:0 28px 100px #0009,0 0 60px #48d7ad1c;overflow:hidden;text-align:center;font-family:inherit}
.squid-round-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.squid-round-dialog::backdrop{background:#030b13b8;backdrop-filter:blur(5px)}.squid-round-dialog header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 20px;z-index:1;border-bottom:1px solid var(--sr-line)}.squid-round-eyebrow{font-size:10px;letter-spacing:2px;color:#a3e5ca;font-weight:700}.squid-round-dialog header button{min-height:44px;min-width:72px;padding:8px 12px;border:1px solid #c9e8e63d;border-radius:12px;background:#ffffff0b;color:#eefbf7;font:inherit;font-size:13px;cursor:pointer}.squid-round-dialog header button:focus-visible{outline:2px solid #c4f6d9;outline-offset:3px}.squid-round-aura{position:absolute;pointer-events:none;top:-90px;left:15%;width:70%;height:230px;background:radial-gradient(ellipse,#56e0a534,transparent 70%)}
#squidRoundContent{overflow:auto;min-height:0;padding:16px 24px 12px;z-index:1}.squid-round-emblem{margin:0 auto 6px;width:58px;height:58px;display:grid;place-items:center;border:1px solid #a6f0c35c;border-radius:18px;background:linear-gradient(145deg,#76e9b829,#d7bb7517);font-size:32px;color:#ffe3a2;box-shadow:inset 0 0 20px #c4fbd70b}.squid-round-dialog h2{font-size:23px;line-height:1.3;margin:8px 0;letter-spacing:1px}.squid-round-sub{font-size:12px;color:var(--sr-muted);margin:4px 0 16px}.squid-round-hero{padding:14px;border-radius:17px;background:linear-gradient(110deg,#b6f5ce13,#68cfe10b);border:1px solid #c3f7d229;margin-bottom:14px}.squid-round-hero small{display:block;color:#c6ded6;font-size:12px;margin-bottom:6px}.squid-round-hero strong{font-size:32px;line-height:1.2;font-variant-numeric:tabular-nums}.squid-round-dialog .positive{color:#a3f6d0}.squid-round-dialog .negative{color:#ffbcba}.squid-round-list>div{display:grid;grid-template-columns:minmax(0,1fr) 50px 104px;gap:8px;align-items:center;border-bottom:1px solid var(--sr-line);padding:9px 8px;font-size:12px;text-align:left}.squid-round-list>div>span:first-child{overflow-wrap:anywhere}.squid-round-list>div>b{text-align:right;font-variant-numeric:tabular-nums}.squid-round-dialog .is-you{background:#baf2d313;border-radius:10px}.squid-round-note{font-size:11px;line-height:1.7;color:var(--sr-muted);margin:12px 0 4px;text-align:left}
.squid-rank-row{display:grid;grid-template-columns:32px minmax(0,1fr) 116px;gap:10px;align-items:center;text-align:left;padding:10px 8px;border-bottom:1px solid var(--sr-line)}.squid-rank-number{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#ffffff0b;color:#c4d8d8;font-size:12px}.squid-rank-number.rank-1{background:linear-gradient(135deg,#edcf87,#b99043);color:#2d2818}.squid-rank-number.rank-2{background:#b3cbd7;color:#1b2b32}.squid-rank-number.rank-3{background:#c69b74;color:#302219}.squid-rank-name{font-size:13px;overflow-wrap:anywhere}.squid-rank-name small{display:block;margin-top:4px;font-size:10px;color:#b1c9c3}.squid-rank-row>strong{font-size:14px;text-align:right;font-variant-numeric:tabular-nums}.squid-round-dialog footer{position:relative;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px 17px;border-top:1px solid var(--sr-line);font-size:10px;color:#bad5ce;background:#0b191de0;z-index:1}.squid-round-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#7de3b7,#efcf8b);transform-origin:left;animation:squid-round-count 6s linear forwards}@keyframes squid-round-count{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:480px){.squid-round-dialog{border-radius:20px}.squid-round-dialog header{padding:10px 14px}.squid-round-eyebrow{letter-spacing:1px;font-size:9px}#squidRoundContent{padding:12px 14px}.squid-round-dialog h2{font-size:21px}.squid-round-list>div{grid-template-columns:minmax(0,1fr) 34px 90px;gap:5px;padding:8px 5px}.squid-rank-row{grid-template-columns:28px minmax(0,1fr) 100px;gap:6px;padding:8px 5px}.squid-rank-row>strong{font-size:13px}.squid-round-dialog footer{padding:12px 14px 15px}}
@media(max-height:480px){.squid-round-dialog header{padding:5px 14px}#squidRoundContent{padding:10px 20px}.squid-round-emblem{display:none}.squid-round-dialog h2{font-size:19px;margin:2px}.squid-round-sub{margin-bottom:8px}.squid-round-hero{padding:8px}.squid-round-hero strong{font-size:25px}.squid-round-dialog footer{padding:9px 14px 12px}}
@media(prefers-reduced-motion:reduce){.squid-round-dialog::backdrop{backdrop-filter:none}}