
#tottium-mini-penalty { width:100%; }
#tottium-mini-penalty .ps-app { --ps-bg:#edf2f5;--ps-panel:#fff;--ps-soft:#f3f7f8;--ps-text:#183340;--ps-muted:#607782;--ps-border:#dce6eb;--ps-green:#08745c;--ps-loss:#a44a34;--ps-accent:#60e0bc;--ps-accent-ink:#0b3028;--ps-radius:18px; font:14px/1.5 -apple-system,BlinkMacSystemFont,'Noto Sans KR','Malgun Gothic',sans-serif; color:var(--ps-text);background:var(--ps-bg);border:1px solid var(--ps-border);border-radius:18px;overflow:hidden; }
#tottium-mini-penalty .ps-app * { box-sizing:border-box; }
#tottium-mini-penalty [hidden] { display:none!important; }
#tottium-mini-penalty h1,#tottium-mini-penalty p { margin:0; }
#tottium-mini-penalty button { font:inherit; }
#tottium-mini-penalty button:disabled { cursor:not-allowed; }
#tottium-mini-penalty .ps-main { padding:22px 24px; }
#tottium-mini-penalty .ps-heading { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px;flex-wrap:wrap; }
#tottium-mini-penalty h1 { font-size:28px;letter-spacing:-1px;font-weight:800; }
#tottium-mini-penalty .ps-heading p { color:var(--ps-muted);font-size:13px;margin-top:3px; }
#tottium-mini-penalty .ps-mode { display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ps-green); }
#tottium-mini-penalty .ps-game { border-radius:var(--ps-radius);overflow:hidden;border:1px solid var(--ps-border);background:var(--ps-panel); }
#tottium-mini-penalty .ps-field { position:relative;isolation:isolate;height:520px;overflow:hidden;background:#163342; }
#tottium-mini-penalty .ps-field>canvas { width:100%;height:100%;display:block; }
#tottium-mini-penalty .ps-hud { position:absolute;left:20px;right:20px;top:18px;display:flex;justify-content:space-between;align-items:center;gap:8px;pointer-events:none; }
#tottium-mini-penalty .ps-hud-brand { color:#eafff6;font-size:11px;font-weight:700;letter-spacing:2px;background:#102b3e9c;padding:5px 8px;border-left:3px solid var(--ps-accent); }
#tottium-mini-penalty .ps-hud-state { color:#edfff9;background:#0b233be8;border:1px solid #d4fff322;padding:5px 8px;border-radius:5px;font-size:11px; }
#tottium-mini-penalty .ps-hud-state::before { content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ps-accent);margin-right:6px;vertical-align:2px; }
#tottium-mini-penalty .ps-targets { position:absolute;left:var(--goal-x,14.5%);top:var(--goal-y,23%);width:var(--goal-w,71%);height:var(--goal-h,39%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5px;z-index:2; }
#tottium-mini-penalty .ps-zone { position:relative;display:flex;align-items:flex-start;gap:5px;padding:7px;border:1px solid #d4fff24d;border-radius:5px;background:#072a2310;color:#effff9;text-shadow:0 1px 4px #00231d;transition:background .15s,border-color .15s; }
#tottium-mini-penalty .ps-zone span { font-size:11px;line-height:1.5; }
#tottium-mini-penalty .ps-zone small { font-size:11px;opacity:.8; }
#tottium-mini-penalty .ps-zone:hover:not(:disabled) { border-color:var(--ps-accent);background:#53d6ad1e; }
#tottium-mini-penalty .ps-zone[aria-pressed=true] { border:2px solid var(--ps-accent);background:#5ce0b910;box-shadow:inset 0 0 16px #5ce0b926; }
#tottium-mini-penalty .ps-zone[aria-pressed=true]::after { content:'내 예상';position:absolute;left:7px;bottom:5px;font-size:11px;font-weight:700;color:var(--ps-accent); }
#tottium-mini-penalty .ps-zone.ps-actual { border:2px solid #fff; }
#tottium-mini-penalty .ps-zone.ps-actual::before { content:'실제 슛';position:absolute;right:7px;bottom:5px;font-size:11px;color:#fff;font-weight:700; }
#tottium-mini-penalty .ps-running .ps-zone { opacity:.14; }
#tottium-mini-penalty .ps-running .ps-zone[aria-pressed=true] { opacity:.7; }
#tottium-mini-penalty .ps-caption { position:absolute;right:20px;bottom:18px;display:flex;flex-direction:column;gap:3px;align-items:flex-end;pointer-events:none;max-width:55%;color:#f0fff8;text-align:right;text-shadow:0 2px 10px #002d2b; }
#tottium-mini-penalty .ps-caption strong { font-size:29px;line-height:1.05;font-weight:900;font-style:italic;letter-spacing:-1px; }
#tottium-mini-penalty .ps-caption span { font-size:11px;padding:2px 6px;background:#12382d8c;border-radius:3px; }
#tottium-mini-penalty .ps-camera { position:absolute;right:20px;top:52px;color:#e6fff4;font-size:11px;background:#0a233990;padding:2px 6px;border-radius:3px;pointer-events:none; }
#tottium-mini-penalty .ps-result { display:flex;align-items:center;gap:12px;min-height:90px;padding:10px 20px;background:var(--ps-soft);border-bottom:1px solid var(--ps-border); }
#tottium-mini-penalty .ps-face { width:64px;height:68px;flex-shrink:0; }
#tottium-mini-penalty .ps-result-copy { flex:1;min-width:0; }
#tottium-mini-penalty .ps-result-copy strong { display:block;font-size:14px;font-weight:750; }
#tottium-mini-penalty .ps-result-copy p { color:var(--ps-muted);font-size:12px;margin-top:3px; }
#tottium-mini-penalty .ps-result-value { text-align:right;flex-shrink:0;font-size:21px;font-weight:800;font-variant-numeric:tabular-nums; }
#tottium-mini-penalty .ps-result-value small { display:block;color:var(--ps-muted);font-size:11px;font-weight:400; }
#tottium-mini-penalty .ps-result[data-result=save] .ps-result-copy strong,#tottium-mini-penalty .ps-result[data-result=save] .ps-result-value { color:var(--ps-green); }
#tottium-mini-penalty .ps-result[data-result=goal] .ps-result-copy strong,#tottium-mini-penalty .ps-result[data-result=goal] .ps-result-value { color:var(--ps-loss); }
#tottium-mini-penalty .ps-betbar { display:grid;grid-template-columns:1fr 1.1fr minmax(190px,1.1fr);gap:16px;align-items:center;padding:16px 20px; }
#tottium-mini-penalty .ps-term small { display:block;color:var(--ps-muted);font-size:11px;margin-bottom:3px; }
#tottium-mini-penalty .ps-term strong { font-size:21px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.5px; }
#tottium-mini-penalty .ps-term em { font-size:11px;font-style:normal;color:var(--ps-muted);margin-left:6px; }
#tottium-mini-penalty .ps-shoot { display:flex;align-items:center;justify-content:center;gap:7px;min-height:49px;border:0;border-radius:9px;background:var(--ps-accent);color:var(--ps-accent-ink);padding:12px 14px;font-weight:750; }
#tottium-mini-penalty .ps-shoot:disabled { background:var(--ps-soft);color:var(--ps-muted); }
#tottium-mini-penalty .ps-note { display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:0 20px 14px;font-size:11px;color:var(--ps-muted); }
#tottium-mini-penalty .ps-footer { display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:13px 24px;background:var(--ps-panel);border-top:1px solid var(--ps-border);font-size:11px;color:var(--ps-muted); }
#tottium-mini-penalty .ps-compact .ps-targets { gap:3px; }
#tottium-mini-penalty .ps-compact .ps-zone { padding:5px 3px;gap:3px; }
#tottium-mini-penalty .ps-compact .ps-zone small { display:none; }
#tottium-mini-penalty .ps-compact .ps-zone[aria-pressed=true]::after { left:3px;bottom:3px; }
#tottium-mini-penalty .ps-compact .ps-zone.ps-actual::before { right:3px;bottom:3px; }
@media(max-width:700px) {
 #tottium-mini-penalty .ps-main { padding:18px 14px; }
 #tottium-mini-penalty h1 { font-size:25px; }
 #tottium-mini-penalty .ps-field { height:430px; }
 #tottium-mini-penalty .ps-betbar { grid-template-columns:1fr 1fr;gap:13px;padding:16px; }
 #tottium-mini-penalty .ps-shoot { grid-column:1/-1; }
 #tottium-mini-penalty .ps-footer { padding:13px 16px; }
}
@media(max-width:480px) {
 #tottium-mini-penalty .ps-heading p { font-size:12px; }
 #tottium-mini-penalty .ps-field { height:370px; }
 #tottium-mini-penalty .ps-hud { top:12px;left:12px;right:12px; }
 #tottium-mini-penalty .ps-hud-brand { letter-spacing:.6px;font-size:11px;padding:5px 6px; }
 #tottium-mini-penalty .ps-camera { top:46px;right:12px; }
 #tottium-mini-penalty .ps-caption { bottom:13px;right:12px; }
 #tottium-mini-penalty .ps-caption strong { font-size:21px; }
 #tottium-mini-penalty .ps-caption span { font-size:11px; }
 #tottium-mini-penalty .ps-result { gap:8px;padding:10px;flex-wrap:wrap; }
 #tottium-mini-penalty .ps-face { width:52px;height:60px; }
 #tottium-mini-penalty .ps-result-copy { min-width:150px; }
 #tottium-mini-penalty .ps-result-copy strong { font-size:13px; }
 #tottium-mini-penalty .ps-result-copy p { font-size:11px; }
 #tottium-mini-penalty .ps-result-value { width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:18px;padding-top:5px;border-top:1px solid var(--ps-border); }
 #tottium-mini-penalty .ps-term em { display:block;margin-left:0; }
}
@media(prefers-reduced-motion:reduce) { #tottium-mini-penalty .ps-zone { transition:none; } }
#tottium-mini-penalty {min-width:0}
#tottium-mini-penalty h1,#tottium-mini-penalty h2 {color:var(--ps-text)}
#tottium-mini-penalty button,#tottium-mini-penalty summary {cursor:pointer}
#tottium-mini-penalty button:focus-visible,#tottium-mini-penalty a:focus-visible,#tottium-mini-penalty summary:focus-visible {outline:3px solid #218369;outline-offset:3px}
#tottium-mini-penalty .ps-breadcrumb {font-size:12px;color:var(--ps-muted);margin-bottom:12px}
#tottium-mini-penalty .ps-status {padding:10px 12px;border-radius:7px;background:#e6f5ef;color:#195f4b;font-size:13px;overflow-wrap:anywhere;margin-bottom:7px}
#tottium-mini-penalty .ps-status.is-error {background:#fff3e5;color:#79501d}
#tottium-mini-penalty .ps-actions {display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}
#tottium-mini-penalty .ps-actions a,#tottium-mini-penalty .ps-actions button {display:inline-flex;align-items:center;min-height:44px;padding:7px 11px;background:var(--ps-panel);border:1px solid var(--ps-border);border-radius:7px;color:var(--ps-green);font-size:12px;text-decoration:none}
#tottium-mini-penalty .ps-actions button:disabled {opacity:.6}
#tottium-mini-penalty .ps-wallet {display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--ps-panel);border:1px solid var(--ps-border);border-radius:10px;margin-bottom:15px;padding:12px 17px}
#tottium-mini-penalty .ps-wallet small {display:block;font-size:11px;color:var(--ps-muted)}
#tottium-mini-penalty .ps-wallet strong {font-size:21px;font-variant-numeric:tabular-nums}
#tottium-mini-penalty .ps-wallet a {font-size:12px;color:var(--ps-green);text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}
#tottium-mini-penalty .ps-records {margin-top:23px}
#tottium-mini-penalty .ps-record-heading {display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}
#tottium-mini-penalty .ps-record-heading h2 {margin:0;font-size:16px;font-weight:700}
#tottium-mini-penalty .ps-record-heading span {font-size:11px;color:var(--ps-muted)}
#tottium-mini-penalty .ps-record-list {list-style:none;padding:0;margin:0;background:var(--ps-panel);border:1px solid var(--ps-border);border-radius:10px;overflow:hidden}
#tottium-mini-penalty .ps-record-empty {padding:15px;color:var(--ps-muted);font-size:12px;text-align:center}
#tottium-mini-penalty .ps-record-row {display:grid;grid-template-columns:110px minmax(90px,1fr) minmax(90px,1fr) 44px 94px;align-items:center;gap:9px;padding:12px;border-bottom:1px solid var(--ps-border);font-size:12px}
#tottium-mini-penalty .ps-record-row:last-child {border-bottom:0}
#tottium-mini-penalty .ps-record-time {color:var(--ps-muted);font-size:11px}
#tottium-mini-penalty .ps-record-row small {display:block;font-size:10px;color:var(--ps-muted);font-weight:400}
#tottium-mini-penalty .ps-record-delta {text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
#tottium-mini-penalty .ps-record-win {color:var(--ps-green)}
#tottium-mini-penalty .ps-record-more {min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--ps-green);font-size:12px}
#tottium-mini-penalty .ps-rules {font-size:12px;color:var(--ps-muted);margin-top:12px}
#tottium-mini-penalty .ps-rules summary {padding:10px 0;min-height:44px}
#tottium-mini-penalty .ps-rules ul {padding-left:18px;margin:4px 0 8px}
#tottium-mini-penalty .ps-rules li {padding:3px 0}
@media(max-width:600px) {
 #tottium-mini-penalty .ps-record-row {grid-template-columns:1fr 1fr 62px;gap:7px;font-size:11px}
 #tottium-mini-penalty .ps-record-time {grid-column:1/-1;display:flex;justify-content:space-between}
 #tottium-mini-penalty .ps-record-delta {grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px dashed var(--ps-border);padding-top:6px}
}
