@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
.cloudbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin-bottom:20px;border:1px solid var(--line);border-radius:6px;background:#161a20}.cloudbar strong{display:block;font-size:12px;letter-spacing:.1em;margin-bottom:5px}.cloudbar span{color:var(--muted);font-size:12px}.cloud-actions{display:flex;flex-wrap:wrap;gap:8px}.cloud-actions .button{font-size:13px}.cloud-copy{font-size:14px;color:var(--muted);line-height:1.6;margin:18px 0}.provider-buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px}.cloud-divider{text-align:center;color:var(--muted);font-size:12px;margin:20px 0}#email-form{display:flex;flex-direction:column;gap:14px}.library-game{width:100%;display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--surface2);border:1px solid var(--line);padding:15px;margin:10px 0;border-radius:5px}.library-game:hover{border-color:var(--orange)}.library-game span{font-size:12px;color:var(--muted)}progress{width:100%;height:16px;accent-color:var(--orange)}@media(max-width:1000px){.cloudbar{align-items:flex-start;flex-direction:column}} 
:root{color-scheme:dark;--bg:#101216;--surface:#191c21;--surface2:#20242a;--line:#30343c;--text:#f0f1f3;--muted:#a2a8b3;--orange:#fa8650;--green:#8ed6ad;font-family:'DM Sans',Arial,sans-serif;font-size:16px;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:3px}button{color:inherit}a{color:inherit;text-decoration:none}.topbar{min-height:88px;padding:20px 3.4%;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.25;font-weight:800;letter-spacing:.07em}.brandmark{background:var(--orange);color:#13161b;font:800 36px 'Barlow Condensed',Impact,sans-serif;width:51px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:4px}.brandmark span{font-size:25px}.product-name{font-size:14px;font-weight:700;letter-spacing:.14em;display:flex;gap:12px;align-items:center}.badge{font-size:12px;letter-spacing:.06em;padding:3px 6px;color:var(--muted);border:1px solid var(--line);border-radius:3px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.save-status{color:var(--muted);font-size:12px;margin-right:8px}.button{border:1px solid #424751;background:#282d35;padding:10px 15px;border-radius:5px;font-size:14px;font-weight:600;min-height:40px}.button:hover{background:#353b44}.quiet{background:transparent}.primary{background:var(--orange);color:#17191d;border-color:var(--orange)}.primary:hover{background:#ffa477}.danger{color:#ff9d9d}.text-button{border:0;background:none;color:var(--orange);font-size:14px;font-weight:600;padding:8px}.orange{color:var(--orange)}.muted{color:var(--muted)}main{max-width:1600px;padding:30px 3.4% 0;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{color:var(--muted);font-size:12px;letter-spacing:.19em;font-weight:700;margin-bottom:5px}h1{font:700 48px/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:.01em;margin:0;text-transform:uppercase}h2,h3,p{margin:0}.gamebar{display:flex;gap:24px;align-items:center;margin-bottom:22px}.game-title{flex:1}.gamebar>label:nth-child(2){width:190px}label{display:flex;flex-direction:column;gap:7px;font-size:14px;color:var(--muted)}input,select,textarea{border:1px solid var(--line);background:#12151a;color:var(--text);border-radius:4px;padding:10px 12px;width:100%;min-width:0}input::placeholder,textarea::placeholder{color:#939aa7}input,select{min-height:42px}select{padding-right:25px}.local-notice{display:flex;align-items:flex-start;gap:9px;font-size:14px;min-width:245px;margin-top:18px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--green);margin-top:5px}.local-notice small{display:block;font-size:12px;color:var(--muted);margin-top:5px;max-width:240px;line-height:1.5}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:20px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:7px;overflow:hidden}.panel-heading{min-height:53px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:13px;letter-spacing:.1em;font-weight:600}.panel-heading h2 span{margin-right:8px;font-size:10px}.screen{position:relative;aspect-ratio:16/9;background:#090b0e;display:grid;place-items:center}video{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.video-empty{position:relative;text-align:center;padding:25px;max-width:500px}.video-empty[hidden]{display:none}.play-symbol{border:1px solid #424751;display:grid;place-items:center;border-radius:100%;font-size:32px;width:64px;height:64px;margin:0 auto 20px;color:var(--orange);padding-left:4px}.video-empty h2{font:600 30px 'Barlow Condensed',Impact,sans-serif}.video-empty p{font-size:14px;color:var(--muted);margin:10px 0 22px;line-height:1.5}.video-empty small{font-size:12px;color:var(--muted);display:block;margin-top:14px}.transport{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line)}.transport>div{display:flex;align-items:center;gap:6px}.transport .button{padding:8px 10px;min-height:36px}.mono{font-family:ui-monospace,monospace;font-size:13px;white-space:nowrap;margin-left:8px}.speed-label{flex-direction:row;align-items:center;font-size:12px;gap:8px}.speed-label select{min-height:34px;padding:5px;width:65px}.video-footer{border-top:1px solid var(--line);padding:12px 18px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:16px;overflow-wrap:anywhere}.video-footer span:nth-child(2){color:var(--orange)}.shortcut-label{font-size:12px;color:var(--muted);letter-spacing:.05em}.tag-body{padding:16px;display:flex;flex-direction:column;gap:13px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tag-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.event-button{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:8px;border:1px solid #424751;border-radius:4px;background:#262a32;padding:12px 10px;font-size:14px;min-height:45px}.event-button:hover{border-color:var(--orange);background:#343039}.event-button.made{background:#263b32;border-color:#395748;color:#b5edcb}.event-button.miss{background:#392e2a;border-color:#604237;color:#ffbb9a}.event-button kbd{font:12px ui-monospace,monospace;color:var(--muted);background:#10121666;padding:2px 4px;border-radius:3px}.clip-window{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding-top:4px}.clip-window>span{margin-right:auto}.clip-window label{display:flex;flex-direction:row;gap:4px;align-items:center;font-size:12px}.clip-window input{width:47px;min-height:30px;padding:5px}.helper{font-size:12px;color:var(--muted);line-height:1.6}.review{margin-top:24px}.review-header{display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);gap:10px}.review-header [role=tablist]{display:flex;gap:24px}.tab{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:20px 0;font-size:16px}.tab.active{color:var(--text);border-color:var(--orange)}.tab span{background:#30353f;padding:2px 7px;font-size:12px;border-radius:4px;margin-left:5px}.filters{padding:16px 18px;display:flex;gap:10px;align-items:center}.search-label{flex:1}.filters select,.filters input{font-size:14px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{padding:12px 18px;font-size:12px;letter-spacing:.06em;color:var(--muted);font-weight:500;background:#15181d;white-space:nowrap}td{padding:14px 18px;font-size:14px;border-bottom:1px solid #2c3037;vertical-align:middle}td small{display:block;font-size:12px;color:var(--muted);margin-top:4px;max-width:290px;overflow-wrap:anywhere}.time-button{background:none;border:0;color:var(--orange);font:14px ui-monospace,monospace;padding:5px 0;text-align:left}.event-pill{padding:5px 8px;border-radius:4px;background:#30363e;white-space:nowrap;font-size:12px}.event-pill.made{background:#263b32;color:#b5edcb}.event-pill.miss{background:#392e2a;color:#ffbb9a}.review-button{background:none;border:1px solid #49434b;color:#dabfa6;padding:6px 9px;border-radius:20px;font-size:12px;white-space:nowrap}.review-button.done{color:var(--green);border-color:#3f5d4f}.row-edit{border:0;background:none;color:var(--muted);padding:8px;font-size:14px}.list-empty{text-align:center;padding:45px 20px 48px}.list-empty>span{font-size:29px;color:var(--orange);display:block;margin-bottom:8px}.list-empty h3{font-size:16px;font-weight:500}.list-empty p{font-size:14px;color:var(--muted);margin-top:8px}.list-footer{display:flex;justify-content:space-between;padding:13px 18px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.page-footer{display:flex;justify-content:space-between;gap:16px;padding:25px 0;color:var(--muted);font-size:12px;letter-spacing:.04em}.stats-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:22px}.stat-box{border-left:2px solid var(--orange);padding-left:16px}.stat-box strong{display:block;font:600 32px 'Barlow Condensed',Impact,sans-serif}.stat-box span{font-size:12px;color:var(--muted)}.stats-note{color:var(--muted);font-size:13px;line-height:1.6;padding:20px}dialog{background:var(--surface);color:var(--text);border:1px solid #464b55;border-radius:10px;width:min(520px,94vw);padding:24px}dialog::backdrop{background:#000b}dialog form{display:flex;flex-direction:column;gap:16px}.dialog-heading,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-heading h2{font-size:22px}.error{font-size:14px;color:#ffaaaa}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#f0f1f3;color:#15171b;padding:12px 20px;border-radius:6px;box-shadow:0 5px 24px #0005;max-width:90vw;font-size:14px;z-index:5;opacity:0;pointer-events:none;transition:opacity .15s}#toast.visible{opacity:1}[hidden]{display:none!important}@media(min-width:1450px){.workspace{grid-template-columns:minmax(0,1fr) 375px}.tag-body{gap:16px}}@media(max-width:1100px){.topbar{gap:20px}.save-status{display:none}.local-notice{display:none}.workspace{grid-template-columns:minmax(0,1fr) 310px}.transport{flex-wrap:wrap}.filters{flex-wrap:wrap}.search-label{min-width:230px}.video-empty h2{font-size:26px}}@media(max-width:800px){.topbar{padding:15px 20px;flex-wrap:wrap;gap:16px}.product-name{margin-left:auto}.top-actions{width:100%;justify-content:flex-end}.top-actions .save-status{display:block;margin-right:auto}main{padding:24px 18px 0}.workspace{grid-template-columns:minmax(0,1fr)}.tag-grid{grid-template-columns:repeat(4,1fr)}.tag-body{display:grid;grid-template-columns:1fr 1fr}.tag-body>.two-col,.tag-grid,.clip-window,.helper{grid-column:1/-1}.screen{min-height:260px;width:100%}.gamebar{gap:12px}.review-header{padding:0 12px}.review-header [role=tablist]{gap:16px}.tab{font-size:14px}.filters{padding:14px 12px;gap:8px}.filters label:not(.search-label){flex:1;min-width:125px}.search-label{flex-basis:100%}.page-footer{flex-direction:column}.clip-window{justify-content:flex-start}.clip-window>span{margin-right:10px}}@media(max-width:480px){.gamebar{flex-direction:column;align-items:stretch}.gamebar>label:nth-child(2){width:auto}.tag-grid{grid-template-columns:1fr 1fr}.tag-body{display:flex}.brand{font-size:10px}.product-name{font-size:12px;gap:6px}.top-actions .save-status{display:none}.top-actions{justify-content:space-between}.review-header{flex-wrap:wrap}.review-header .text-button{padding-bottom:12px}.transport .mono{font-size:12px;margin-left:0}.transport{padding:10px}.video-empty{padding:18px}.video-empty h2{font-size:25px}.video-empty small{line-height:1.5}.stats-summary{grid-template-columns:1fr 1fr}.list-footer{gap:10px}.button{padding:10px 12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}