:root{--bg:#02060e;--panel:#08111e;--panel2:#0b1727;--blue:#096cff;--blue2:#00a3ff;--line:#2b6fcb;--text:#f6f8fc;--muted:#8fa8ca;--gold:#e2a62b;--danger:#a52b38}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 75% 10%,#0c2243 0,#030813 37%,#01040a 75%);color:var(--text);font-family:Inter,system-ui,-apple-system,"Noto Sans JP","Yu Gothic",sans-serif}button,input,select{font:inherit}.app{max-width:1780px;margin:auto;padding:14px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.brandline{display:flex;align-items:center;gap:12px}.brandline img{width:64px;height:64px;object-fit:cover;border-radius:50%;box-shadow:0 0 20px #e1a11944}.brandline b{display:block;font-size:19px;letter-spacing:.15em}.brandline span{display:block;color:#7cb2ff;font-weight:900;font-size:12px;letter-spacing:.13em}.header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn{border:1px solid #28558b;background:#0a1830;color:#fff;padding:10px 14px;border-radius:10px;font-weight:900;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-1px);filter:brightness(1.12)}.btn.primary{background:linear-gradient(135deg,#096cff,#1551c4);box-shadow:0 0 20px #126cff25}.btn.primary.alt{background:linear-gradient(135deg,#128bd0,#0b58ad)}.btn.ghost{background:#091421}.btn.danger{background:#42131b;border-color:#85303d}.btn.full{width:100%}.workspace{display:grid;grid-template-columns:390px minmax(0,1fr);gap:14px}.panel{background:linear-gradient(180deg,#0b1625f5,#060d18f5);border:1px solid #223b60;border-radius:16px;box-shadow:0 18px 45px #0008}.editor{padding:14px;max-height:calc(100vh - 108px);overflow:auto}.editor section{padding:3px 0 15px;margin-bottom:15px;border-bottom:1px solid #1a304e}.editor section:last-child{border:0;margin:0}.editor h2{font-size:15px;margin:0 0 10px;color:#dbe8ff;letter-spacing:.04em}.section-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-head span{font-size:12px;color:#83b5ff}.grid2,.kit-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}label{display:flex;flex-direction:column;gap:5px;color:#9eb5d3;font-size:12px;margin-bottom:8px}input,select{border:1px solid #274871;background:#030b16;color:#fff;border-radius:9px;padding:9px 10px;outline:none}input:focus,select:focus{border-color:#1478ff;box-shadow:0 0 0 2px #1478ff24}select[multiple]{min-height:150px}.new-player{display:grid;grid-template-columns:1fr 80px 82px;gap:7px}.new-player .full{grid-column:1/-1}.photo-btn{height:38px;display:flex;align-items:center;justify-content:center;border:1px dashed #396aa7;border-radius:9px;cursor:pointer;margin:0;color:#cfe2ff}.photo-btn input{display:none}.hint{color:#7189aa;font-size:11px;line-height:1.5;margin:5px 0 9px}.roster{display:flex;flex-direction:column;gap:7px;max-height:310px;overflow:auto}.roster-row{display:grid;grid-template-columns:38px minmax(0,1fr) 68px 36px;gap:6px;align-items:center;background:#07111e;border:1px solid #1d3658;border-radius:10px;padding:6px}.face-dot{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#0d2037;border:1px solid #2f659f}.face-dot.empty{display:flex;align-items:center;justify-content:center;font-size:13px;color:#7095c4}.roster-row input,.roster-row select{padding:6px 7px}.icon-btn{border:1px solid #70303a;background:#351219;color:#ffdce1;border-radius:7px;height:32px;cursor:pointer}.mini-btn{font-size:10px;border:1px solid #31547e;background:#081523;color:#bad4f7;border-radius:7px;padding:5px 7px;cursor:pointer}.assign-row{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:center;margin-bottom:6px}.assign-pos{font-weight:1000;color:#2780ff;background:#06111e;border:1px solid #244d80;padding:8px;border-radius:8px;text-align:center}.toggle{display:flex;flex-direction:row;align-items:center;gap:8px}.toggle input{width:auto}.actions-stack{display:grid;gap:7px}.preview-area{min-width:0}.preview-toolbar{height:42px;padding:0 4px 8px;display:flex;align-items:center;justify-content:space-between;color:#9ab2d5;font-size:12px;font-weight:800}.chip{border:1px solid #2664ac;color:#9ec8ff;border-radius:99px;padding:5px 10px}.stage-shell{width:100%;overflow:hidden;border-radius:17px;border:1px solid #24466f;background:#01050c;box-shadow:0 20px 50px #0009}.stage{position:relative;width:1536px;height:1024px;transform-origin:top left;overflow:hidden;background:radial-gradient(circle at 80% 30%,#102e6b 0,#07162d 28%,#020711 62%,#00040a 100%);color:#fff}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 58% 65%,transparent 0 45%,#0005 72%,#000b 100%);z-index:1}.stage-logo{position:absolute;left:40px;top:20px;width:235px;height:235px;object-fit:cover;border-radius:50%;z-index:4;filter:drop-shadow(0 0 17px #d9992133)}.stage-heading{position:absolute;left:303px;top:25px;z-index:4}.clubname{color:#126cff;font-size:31px;font-weight:1000;letter-spacing:.28em}.title{font-family:Impact,"Arial Narrow",sans-serif;font-size:91px;line-height:1.03;letter-spacing:.018em;text-shadow:0 5px 0 #000,0 0 24px #fff2}.versus{font-size:28px;font-weight:900;margin-top:8px}.versus b{font-size:39px;color:#1471ff;letter-spacing:.1em;margin-left:12px}.stars{color:#116aff;font-size:31px;letter-spacing:.1em;margin-top:4px}.stage-year{position:absolute;right:56px;top:53px;z-index:4;color:#146cff;font-size:54px;font-weight:1000;border-bottom:4px solid #146cff;line-height:1.1}.stadium-lights{position:absolute;width:530px;height:145px;top:194px;z-index:0;filter:blur(.1px);opacity:.65;background:radial-gradient(circle,#fff 0 2px,#a9d5ff 3px 6px,transparent 8px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 70%,transparent)}.light-left{left:-20px;transform:rotate(12deg)}.light-right{right:-15px;transform:rotate(-12deg)}.brush{position:absolute;height:42px;background:linear-gradient(90deg,transparent,#0752dfaa 20%,#1683ff 55%,transparent);filter:blur(1px);transform:rotate(-10deg);z-index:2}.brush-a{left:-55px;top:22px;width:340px}.brush-b{right:-50px;bottom:18px;width:420px}.list-box{position:absolute;left:80px;top:285px;width:495px;z-index:4;background:#050d18e6;border:1px solid #295590;border-radius:6px;overflow:hidden;box-shadow:0 12px 28px #0007}.list-row{display:grid;grid-template-columns:140px 1fr;align-items:center;min-height:55px;border-bottom:1px solid #26496f}.list-row:last-child{border:0}.list-pos{font-size:28px;font-weight:1000;color:#1473ff;text-align:center;letter-spacing:.03em}.list-name{font-size:28px;font-weight:900;padding-left:20px}.pitch-wrap{position:absolute;right:22px;top:196px;width:925px;height:660px;z-index:3;filter:drop-shadow(0 0 13px #0b6bff88)}.pitch{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#0c2442cc,#020a17ed 72%),repeating-linear-gradient(90deg,#075b32 0 72px,#0a733b 72px 144px);border:4px solid #1580ff;box-shadow:inset 0 0 120px #000,0 0 25px #0b73ff80;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}.pitch:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 35%,#78c9ff0d 50%,transparent 65%)}.pitch-inner{position:absolute;left:7%;right:7%;top:4%;bottom:4%;border:2px solid #1261ca}.halfline{position:absolute;left:5%;right:5%;top:50%;border-top:2px solid #1261ca}.centercircle{position:absolute;width:185px;height:185px;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid #1261ca;border-radius:50%}.penalty{position:absolute;left:31%;right:31%;height:112px;border:2px solid #1261ca}.penalty.top{top:4%}.penalty.bottom{bottom:4%}.goalbox{position:absolute;left:41%;right:41%;height:55px;border:2px solid #1261ca}.goalbox.top{top:4%}.goalbox.bottom{bottom:4%}.slots{position:absolute;inset:0}.slot{position:absolute;width:150px;transform:translate(-50%,-50%);text-align:center;transition:left .35s,top .35s;z-index:8;touch-action:none}.drag-on .slot{cursor:grab}.drag-on .slot:active{cursor:grabbing}.kit-img{display:block;width:116px;height:100px;object-fit:contain;margin:auto;filter:drop-shadow(0 10px 9px #000c)}.nameplate{display:inline-flex;min-width:145px;justify-content:center;margin-top:-2px;padding:7px 10px;color:#fff;background:linear-gradient(180deg,#07111ef2,#020710f4);border:1px solid #3677c9;box-shadow:0 7px 15px #000b,inset 0 0 10px #0f4e9833;font-size:20px;font-weight:1000;white-space:nowrap}.bench-block{position:absolute;left:37px;bottom:53px;width:535px;z-index:4}.bench-title{display:flex;align-items:center;gap:18px;color:#1873ff;font-size:23px;font-weight:1000;font-style:italic;letter-spacing:.1em}.bench-title i{height:1px;background:#2269b7;flex:1}.bench-names{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:13px}.bench-name{font-size:19px;font-weight:800;padding:5px 10px;border-right:1px solid #2561a1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-note{font-size:11px;color:#647d9e;margin:8px 4px}.announce-overlay{display:none;position:fixed;inset:0;z-index:99;background:radial-gradient(circle at 50% 38%,#12428e 0,#06152d 32%,#01040b 75%);overflow:hidden;align-items:center;justify-content:center}.announce-overlay.show{display:flex}.skip-btn{position:absolute;right:18px;top:18px;z-index:5;background:#071528bd;color:#fff;border:1px solid #316eba;border-radius:9px;padding:9px 12px;font-weight:900}.announce-light{position:absolute;width:50vw;height:110vh;top:-15vh;background:linear-gradient(90deg,transparent,#3c9eff28,transparent);filter:blur(14px)}.announce-light.one{left:5vw;transform:rotate(28deg)}.announce-light.two{right:5vw;transform:rotate(-28deg)}.announce-content{text-align:center;position:relative;z-index:3;min-width:300px}.countdown{font-size:min(30vw,260px);font-weight:1000;line-height:1;text-shadow:0 0 40px #1888ff;animation:countPop .8s both}.announce-kicker{color:#60a9ff;font-weight:1000;font-size:22px;letter-spacing:.35em;margin-bottom:12px}.announce-face{width:min(48vw,330px);height:min(55vh,430px);object-fit:cover;object-position:top;border-radius:18px;border:2px solid #56a6ff;box-shadow:0 0 45px #1379ff,0 20px 50px #000b;animation:fadeZoom .8s both}.announce-jersey{width:min(48vw,320px);height:min(42vh,300px);object-fit:contain;filter:drop-shadow(0 18px 20px #000b);animation:fadeZoom .8s both}.announce-position{color:#56a3ff;font-size:30px;font-weight:1000;letter-spacing:.18em;margin-top:15px}.announce-name{font-size:clamp(42px,7vw,88px);font-weight:1000;letter-spacing:.03em;text-shadow:0 0 30px #1877ff}.announce-final-small{font-size:24px;color:#5aa8ff;font-weight:1000;letter-spacing:.4em}.announce-final{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(70px,12vw,165px);line-height:.9;letter-spacing:.02em;text-shadow:0 0 35px #147aff;animation:finalBoom .9s both}.toast{display:none;position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:120;background:#0b1b31eF;border:1px solid #3b79ca;color:#fff;border-radius:12px;padding:10px 16px;box-shadow:0 10px 25px #0008;font-size:13px;font-weight:800}.toast.show{display:block}@keyframes countPop{0%{opacity:0;transform:scale(1.6)}40%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.75)}}@keyframes fadeZoom{from{opacity:0;transform:translateY(36px) scale(.9)}to{opacity:1;transform:none}}@keyframes finalBoom{from{opacity:0;transform:scale(1.5);filter:blur(7px)}to{opacity:1;transform:scale(1);filter:none}}
@media(max-width:1100px){.workspace{grid-template-columns:1fr}.editor{max-height:none}.preview-area{order:-1}.app-header{align-items:flex-start}.header-actions{max-width:520px}.brandline img{width:50px;height:50px}.brandline b{font-size:15px}.stage-shell{border-radius:12px}}
@media(max-width:650px){.app{padding:8px}.app-header{display:block}.brandline{margin-bottom:10px}.header-actions{display:grid;grid-template-columns:1fr 1fr}.btn{padding:10px 7px;font-size:12px}.grid2,.kit-row{grid-template-columns:1fr}.new-player{grid-template-columns:1fr 78px}.photo-btn{grid-column:1/-1}.workspace{gap:9px}.editor{padding:11px}.stage-shell{width:100%}.mobile-note{display:block}}
/* v1.2 update */
.btn.video{background:linear-gradient(135deg,#5e2bc9,#b12dd7);border-color:#8c4fe3;box-shadow:0 0 22px #9b48ef2d}
.new-player{grid-template-columns:1fr 86px!important}
.new-player .full{grid-column:1/-1}
.stage-heading .stars{margin-top:18px}
@media(max-width:700px){.header-actions .btn{flex:1 1 calc(50% - 6px)}.btn.video{flex-basis:100%!important}}

.face-upload{display:block;margin:0;cursor:pointer}.face-upload input{display:none}.face-upload .face-dot{width:36px;height:36px}.face-upload:hover .face-dot{box-shadow:0 0 0 2px #1b7cff66}

/* v6: announcement/photo UI intentionally removed from the visible app */
#announceBtn,#shareAnnouncementBtn,#announceOverlay,.photo-btn[hidden]{display:none!important}


/* ===== Cloud Sync v2.0 ===== */
.sync-pill{
  display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 13px;
  border:1px solid rgba(74,151,255,.42);border-radius:12px;background:rgba(2,13,31,.88);
  color:#acd0ff;font-weight:800;font-size:12px;white-space:nowrap;box-shadow:inset 0 0 18px rgba(29,111,255,.08)
}
.sync-pill.ok{color:#83e4ad;border-color:rgba(61,205,128,.45)}
.sync-pill.saving{color:#ffd77d;border-color:rgba(255,188,46,.52)}
.sync-pill.error{color:#ff9b9b;border-color:rgba(255,73,73,.52)}
.admin-btn{border-color:rgba(240,179,48,.55)!important;color:#ffd66f!important;background:linear-gradient(180deg,rgba(56,39,8,.8),rgba(19,15,6,.85))!important}
.admin-btn.active{border-color:rgba(73,219,129,.62)!important;color:#8ff0b4!important;background:linear-gradient(180deg,rgba(8,55,30,.88),rgba(4,24,16,.9))!important}
.viewer-notice{margin:-2px 0 14px;padding:10px 12px;border-radius:10px;border:1px solid rgba(80,143,230,.32);background:rgba(16,51,96,.2);color:#a8c7f2;font-size:12px;font-weight:700;line-height:1.55}
.editor.locked section{opacity:.58}
.editor.locked input:disabled,.editor.locked select:disabled,.editor.locked button:disabled{cursor:not-allowed}
.admin-modal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.82);display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}
.admin-modal[hidden]{display:none!important}
.admin-card{width:min(420px,100%);padding:28px;border-radius:20px;border:1px solid rgba(74,142,235,.5);background:linear-gradient(180deg,#071526,#030914);box-shadow:0 24px 80px rgba(0,0,0,.58),inset 0 0 30px rgba(42,112,210,.08);text-align:center}
.admin-icon{font-size:38px}.admin-card h2{margin:8px 0 5px;color:#fff}.admin-card p{margin:0 0 16px;color:#9bb2d1;font-size:13px}
.admin-card input{width:100%;box-sizing:border-box;font-size:18px;text-align:center;letter-spacing:.16em;margin-bottom:14px}
.admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-error{min-height:20px;color:#ff8f8f;font-size:12px;margin-top:10px}
@media(max-width:650px){
  .sync-pill{grid-column:1/-1;min-height:36px}
  .admin-btn{grid-column:1/-1}
}