.internal-camera-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background-color:#000;z-index:9999;display:flex;flex-direction:column}.camera-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;padding:20px;text-align:center;gap:20px}.camera-view-container{position:relative;width:100%;aspect-ratio:4 / 3;max-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000;margin:auto 0}.camera-video{position:absolute;width:100%;height:100%;object-fit:cover}.camera-video.mirrored{transform:scaleX(-1)}.camera-mascot-overlay{position:absolute;bottom:-2%;left:50%;transform:translate(-50%);height:68%;width:auto;object-fit:contain;pointer-events:none;z-index:10;filter:blur(.5px) opacity(.92) contrast(.95)}.camera-controls{height:120px;background-color:#000;display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,20px)}.btn-camera-cancel,.btn-camera-flip{background:#fff3;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.btn-camera-capture{width:70px;height:70px;border-radius:50%;background:transparent;border:4px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.btn-camera-capture .capture-inner{width:54px;height:54px;border-radius:50%;background:#fff;transition:transform .1s}.btn-camera-capture:active .capture-inner{transform:scale(.9)}.camera-instruction{position:absolute;top:10%;left:0;width:100%;color:#fff;padding:16px;font-size:16px;font-weight:600;text-align:center;z-index:20;pointer-events:none;text-shadow:0px 2px 4px rgba(0,0,0,.8)}.mascot-selector{position:absolute;bottom:130px;width:100%;display:flex;justify-content:center;gap:16px;padding:10px;background:linear-gradient(transparent,#00000080);z-index:20}.mascot-thumb{width:60px;height:60px;border-radius:8px;object-fit:contain;background:#fff3;border:2px solid transparent;cursor:pointer;transition:all .2s}.mascot-thumb.active{border-color:#f97316;background:#fff6;transform:scale(1.1)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes onAutoFillStart{0%{opacity:1}to{opacity:1}}input:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:.1s}:root{--primary: #ff9600;--primary-dark: #cc7800;--primary-light: #fff3e0;--secondary: #1cb0f6;--secondary-dark: #1899d6;--success: #58cc02;--success-dark: #46a302;--reward: #ffc800;--danger: #ff4b4b;--danger-dark: #ea2b2b;--special: #ce82ff;--bg: #ffffff;--text: #3c3c3c;--text-2: #777777;--border: #e5e5e5;--font-display: "Fredoka", sans-serif;--font-ui: "Nunito Sans", sans-serif;--font-card: "Barlow Condensed", sans-serif;--radius: 16px;--radius-full: 999px}*{box-sizing:border-box;margin:0;padding:0}html{overflow-y:scroll;scrollbar-gutter:stable;overscroll-behavior-y:none}body{font-family:var(--font-ui);font-size:15px;font-weight:500;letter-spacing:.03em;color:var(--text);background:var(--bg);overscroll-behavior-y:none}h1,h2{font-family:var(--font-display);letter-spacing:-.01em}h1{font-size:32px;font-weight:700}h2{font-size:22px;font-weight:600}.container{max-width:640px;margin:0 auto;padding:24px 16px 96px}.app-header{position:sticky;top:0;z-index:1000;background:var(--bg);border-bottom:2px solid var(--border)}.app-header-inner{max-width:640px;margin:0 auto;padding:8px 12px;display:flex;align-items:center;position:relative;justify-content:space-between;gap:4px;flex-wrap:nowrap}.app-header-inner>.logo{position:absolute;left:50%;transform:translate(-50%);margin:0}.logo{display:flex;align-items:center;padding:4px 8px;border-radius:var(--radius-full)}.logo-img{height:30px;width:auto;display:block}.logo.active{border-bottom:3px solid var(--primary)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-head .btn-sm{padding:4px 10px;font-size:11px;min-height:28px}.btn{font-family:var(--font-ui);font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:var(--radius);padding:14px 24px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;text-decoration:none;transition:transform .1s ease,box-shadow .1s ease,filter .1s ease}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 transparent!important}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 0 var(--primary-dark)}.btn-secondary{background:#fff;color:var(--text);border:2px solid var(--border);box-shadow:0 4px 0 var(--border)}.btn-danger{background:#fff;color:var(--danger);border:2px solid var(--border);box-shadow:0 4px 0 var(--border)}.btn-ghost{background:none;color:var(--text-2);box-shadow:none;padding:8px 12px;min-height:44px}.btn-paid{background:var(--primary);color:#fff;box-shadow:0 4px 0 var(--primary-dark);border:2px solid var(--primary)}.btn-block{width:100%}.btn-sm{padding:8px 16px;font-size:13px;min-height:44px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.field label{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2)}.input,select.input{font-family:var(--font-ui);font-size:16px;font-weight:700;color:var(--text);background:#f7f7f7;border:2px solid var(--border);border-radius:var(--radius);padding:14px 16px;width:100%;outline:none;min-height:48px}.input:focus{border-color:var(--secondary);background:#fff}@media(max-width:640px){input[type=time].input{width:100%;max-width:100%;min-width:0;padding-left:12px;padding-right:12px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}}.error-box{background:#fff1f1;border:2px solid var(--danger);border-radius:var(--radius);color:var(--danger);font-weight:700;padding:12px 16px;margin-bottom:16px}.card{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:16px}.list-item{display:flex;align-items:center;gap:16px;border:2px solid var(--border);border-radius:var(--radius);padding:12px 16px;margin-bottom:12px;background:var(--bg)}.list-item .grow{flex:1;min-width:0}.invite-badge{position:absolute;top:0;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--danger);color:#fff;font-size:10px;font-weight:800;line-height:16px;text-align:center}.list-item-locked{background:#f4f4f4;opacity:.75}.list-item-locked .item-title{color:var(--text-2)}.list-item-locked .avatar{background:var(--border);color:var(--text-2)}.item-title{font-weight:800;font-size:16px}.item-sub{font-size:13px;color:var(--text-2);font-weight:700}.avatar{width:44px;height:44px;border-radius:var(--radius-full);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:18px;background:var(--primary-light);color:var(--primary-dark)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--font-ui);font-weight:800;font-size:14px;letter-spacing:.03em;border:2px solid var(--border);border-radius:var(--radius-full);background:#fff;color:var(--text);padding:10px 16px;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:8px;transition:transform .1s ease}.chip.on{border-color:var(--primary);background:var(--primary-light);color:var(--primary-dark)}.chip:active{transform:scale(.96)}.badge{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);padding:4px 8px;background:var(--primary-light);color:var(--primary-dark)}.badge-open{background:#eaf9df;color:var(--success-dark)}.badge-done{background:#f1f1f1;color:var(--text-2)}.badge-closed{background:#ffeaec;color:var(--danger-dark)}.history-card{background:var(--card-bg);border:2px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:12px;box-shadow:0 2px 8px #0000000f;transition:transform .15s}.history-card:hover{transform:translateY(-2px)}.history-card-cover{background-size:cover;background-position:center;color:#fff;aspect-ratio:2 / 1;display:flex;flex-direction:column}.history-card-cover .item-sub,.history-card-cover .history-stat-label,.history-card-cover .history-card-date{color:#ffffffbf}.history-card-header{margin-bottom:12px}.history-card-title{font-weight:800;font-size:16px;display:block}.history-card-date{font-size:12px;color:var(--text-2);display:block;margin-top:2px}.history-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center;margin-bottom:12px}.history-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.history-stat-icon{font-size:18px}.history-stat-value{font-weight:800;font-size:16px}.history-stat-label{font-size:10px;color:var(--text-2);text-transform:uppercase;letter-spacing:.03em;font-weight:600}.history-card-footer{border-top:1px solid var(--border);padding-top:10px}.ending-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffeb;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.ending-content{text-align:center;animation:scaleIn .4s ease-out}.ending-icon{font-size:64px;margin-bottom:16px;animation:bounce .6s ease-out}.ending-content h2{font-size:24px;font-weight:800;margin-bottom:8px}.ending-content p{color:var(--text-2);font-size:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce{0%{transform:scale(.3)}50%{transform:scale(1.15)}to{transform:scale(1)}}.dot{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--border);flex-shrink:0}.swatch-row{display:flex;flex-wrap:wrap;gap:12px}.swatch{width:44px;height:44px;border-radius:var(--radius-full);cursor:pointer;border:3px solid transparent;outline:2px solid var(--border);outline-offset:2px}.swatch.on{outline:3px solid var(--secondary)}.team-card{border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:8px;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1)}.team-card-head{display:flex;align-items:center;gap:12px;padding:8px 16px;font-family:var(--font-display);font-weight:600;font-size:18px}.team-card ul{list-style:none}.team-card li{display:flex;align-items:center;gap:12px;padding:6px 16px;border-top:2px solid var(--border)}.queue-num{width:28px;height:28px;border-radius:var(--radius-full);flex-shrink:0;background:var(--reward);color:var(--text);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}.btn-leave{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--text-2);font-weight:800;font-size:13px;min-width:44px;min-height:44px;border-radius:var(--radius-full)}.btn-leave:hover{color:var(--danger)}.pitch-card{position:relative;overflow:hidden}.pitch-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0000001a,#0000001a),repeating-linear-gradient(90deg,#2f7d33 0,#2f7d33 28px,#37913c 28px,#37913c 56px);background-position:8px 0;box-shadow:inset 0 0 0 6px #ffffff80;filter:blur(1px)}.pitch-halfway{position:absolute;top:8px;bottom:8px;left:50%;width:2px;background:#fff9;transform:translate(-50%)}.pitch-circle{position:absolute;top:50%;left:50%;width:96px;height:96px;border:2px solid rgba(255,255,255,.6);border-radius:50%;transform:translate(-50%,-50%)}.pitch-goalbox{position:absolute;top:22%;bottom:22%;width:15%;border:2px solid rgba(255,255,255,.6)}.pitch-goalbox.left{left:8px;border-left:none}.pitch-goalbox.right{right:8px;border-right:none}.pitch-goal{position:absolute;top:38%;bottom:38%;width:6px;background:#fff;border-radius:2px;box-shadow:0 0 4px #00000059}.pitch-goal.left{left:2px}.pitch-goal.right{right:2px}.pitch-card>*:not(.pitch-bg){position:relative;z-index:1}.timer-num{font-family:var(--font-display);font-weight:700;font-size:64px;font-variant-numeric:tabular-nums;margin-bottom:4px;color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,.3),1px -1px 0 rgba(0,0,0,.3),-1px 1px 0 rgba(0,0,0,.3),1px 1px 0 rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.5);transition:color .3s ease}.timer-num.running{color:var(--reward)}.timer-num.ending{color:#ff8a8a}.pitch-card .item-sub{color:#fff;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.5)}.pitch-btn-ghost{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.7);border-radius:var(--radius-full)}.pitch-btn-ghost:hover{background:#ffffff1f}@keyframes confetti-fall{to{transform:translateY(105vh) rotate(720deg);opacity:.8}}.score-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:start;text-align:center}.score-grid>div{display:flex;flex-direction:column;gap:8px;align-items:stretch}.score-x{grid-column:2;grid-row:1;align-self:center;font-family:var(--font-display);font-size:24px;color:var(--text-2)}.score-num{font-family:var(--font-display);font-weight:700;font-size:64px;line-height:1}.team-pill{border-radius:var(--radius-full);padding:8px 12px;font-weight:800;font-size:14px;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-team{min-height:44px;padding:8px 12px;font-size:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000080;display:flex;align-items:center;justify-content:center;animation:fade-in .2s ease}.modal-win{background:var(--reward);color:var(--text);border-radius:var(--radius);padding:24px 32px;text-align:center;font-family:var(--font-display);font-weight:600;font-size:20px;max-width:90vw;box-shadow:0 8px 32px #00000040;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1)}.modal-bulk{background:var(--bg);color:var(--text);border-radius:var(--radius);padding:24px;width:90vw;max-width:400px;box-shadow:0 8px 32px #00000040;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1)}.modal-bulk h2{margin:0 0 4px}.modal-bulk textarea{width:100%;resize:vertical}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes card-jump{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}to{transform:translateY(0) scale(1)}}.anim-jump{animation:card-jump .35s cubic-bezier(.34,1.56,.64,1)}.sort-loading{display:flex;align-items:center;justify-content:center;gap:0;height:8px;position:relative;width:120px;margin:0 auto;z-index:1}.sort-bar{width:100%;height:6px;background:var(--bg-2);border-radius:3px;overflow:hidden;position:relative;z-index:0}.sort-bar:after{content:"";display:block;width:50%;height:100%;background:var(--primary);border-radius:3px;animation:sort-fill 2s ease-in-out forwards}.sort-ball{width:16px;height:16px;background:var(--primary);border-radius:50%;position:absolute;left:0;animation:sort-move 2s ease-in-out forwards;box-shadow:0 2px 6px #0003;z-index:2}@keyframes sort-move{0%{left:0}to{left:calc(100% - 16px)}}@keyframes sort-fill{0%{width:0}to{width:100%}}.empty{text-align:center;padding:48px 16px;color:var(--text-2);font-weight:700}.empty svg,.empty img{margin-bottom:16px}.empty-mascot{width:100px;height:auto;display:block;margin:0 auto}.auth-wrap{min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px}.auth-box{width:100%;max-width:400px;text-align:center;margin-top:7vh}.auth-mascot{width:150px;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15))}.auth-logo{width:200px;height:auto;display:block;margin:20px auto 8px}.auth-box h1{font-size:44px;color:var(--primary);margin:16px 0 8px}.auth-sub{color:var(--text-2);font-weight:700;margin-bottom:32px}.auth-tabs,.tabs{display:flex;gap:8px;margin-bottom:24px}.auth-tabs button,.tabs button{flex:1;font-family:var(--font-ui);font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;min-height:44px;border:2px solid var(--border);border-radius:var(--radius-full);background:#fff;color:var(--text-2);padding:10px}.auth-tabs button.on,.tabs button.on{border-color:var(--primary);background:var(--primary-light);color:var(--primary-dark)}.auth-box form{text-align:left}.auth-box .field{align-items:center}.auth-box .field label{text-align:center}.page-load{min-height:100dvh;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:22px;color:var(--text-2)}.album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(min-width:480px){.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.sticker{font-family:var(--font-ui);cursor:pointer;padding:0;border:none;background:none;text-align:left;transition:transform .1s ease;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1)}.sticker:active{transform:scale(.96)}.fig{--gold: #d4a94e;--gold-2: #f3d489;display:flex;flex-direction:column;width:100%;background:linear-gradient(170deg,#23232a,#101014 60%);border:2px solid var(--gold);border-radius:14px;padding:8px;gap:0;color:#fff;box-shadow:0 0 12px #d4a94e4d,0 6px 16px #00000059,inset 0 0 0 1px #f3d48959;position:relative;overflow:hidden}.fig-top{display:flex;align-items:center;justify-content:flex-end;padding:2px 2px 8px}.fig-logo{height:16px;width:auto;filter:brightness(0) invert(1);opacity:.95}.fig-code{font-family:var(--font-card);font-weight:700;font-size:10px;color:var(--gold-2);letter-spacing:.08em;border:1px solid rgba(212,169,78,.6);border-radius:6px;padding:2px 6px}.fig-photo{width:100%;aspect-ratio:1 / 1;object-fit:cover;object-position:center top;border-radius:8px;display:block;background:#2a2a32;filter:saturate(.9) contrast(1.05)}.fig-photo-empty{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:40px;color:var(--gold)}.fig-info{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:8px 6px 4px}.fig-id{min-width:0}.fig-name{font-family:var(--font-card);font-weight:700;font-style:italic;font-size:16px;text-transform:uppercase;letter-spacing:.03em;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fig-pos{font-family:var(--font-card);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--gold-2);margin-top:2px}.fig-moral{display:flex;flex-direction:column;align-items:center;flex-shrink:0;background:linear-gradient(160deg,#ff9f43,#ff6b21);color:#fff;border-radius:8px;padding:3px 8px 4px;box-shadow:0 0 12px #ff6b2180;text-shadow:0 1px 2px rgba(0,0,0,.6)}.fig-moral span{font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.fig-moral strong{font-family:var(--font-card);font-weight:700;font-size:18px;line-height:1}.fig-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid rgba(212,169,78,.45);padding:6px 4px 2px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#b9b9c0}.sticker-side-by-side{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:center;align-items:center;width:100%;max-width:800px;margin:0 auto}.sticker-big{width:100%;animation:none}.sticker-big .fig{padding:12px;border-radius:18px}.sticker-big .fig-logo{height:22px}.sticker-big .fig-code{font-size:12px}.sticker-big .fig-name{font-size:24px;white-space:normal}.sticker-big .fig-pos{font-size:11px}.sticker-big .fig-moral strong{font-size:32px}.sticker-big .fig-moral span{font-size:9px}.sticker-big .fig-footer{font-size:10px;padding-top:8px}.sticker-big .item-sub{color:#b9b9c0}.sticker-front{width:min(320px,85vw)}.sticker-back{width:min(320px,85vw);background:linear-gradient(170deg,#23232a,#101014 60%);border:2px solid #d4a94e;border-radius:18px;padding:16px;box-shadow:0 6px 16px #00000059,inset 0 0 0 1px #f3d48959;display:flex;flex-direction:column;justify-content:center;color:#fff;min-height:min(440px,120vw)}.sticker-back .fig-name{color:#f3d489}.sticker-stat{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:13px;font-weight:700;color:#b9b9c0;padding:9px 10px;border-bottom:1px solid rgba(212,169,78,.3)}.sticker-stat:last-of-type{border-bottom:none}.sticker-stat strong{color:#fff;font-weight:800}.sticker-big .btn{background:transparent;color:#f3d489;border:2px solid rgba(212,169,78,.6);box-shadow:none}.sticker-big .btn-danger{color:#ff8a8a;border-color:#ff4b4b80}.folder{border:2px solid var(--border);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.folder-head{width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;background:none;border:none;cursor:pointer;font-family:var(--font-ui);color:var(--text);text-align:left}.folder-chevron{display:inline-block;transition:transform .15s ease;color:var(--text-2)}.folder-chevron.open{transform:rotate(90deg)}.folder-body{padding:0 12px 12px}.folder-body .list-item{margin-bottom:8px}.list-item[draggable=true]{cursor:grab}.list-item.dragging{opacity:.4}.drop-zone{border-radius:var(--radius);transition:background .15s ease,outline .15s ease}.folder.drop-zone-over,.drop-zone.drop-zone-over{outline:2px dashed var(--primary);outline-offset:2px;background:var(--primary-light)}.list-item-cover{position:relative;background-size:cover;background-position:center;border-color:transparent}.list-item-cover>*{position:relative;z-index:1}.list-item-cover .item-title{color:#fff}.list-item-cover .item-sub{color:#ffffffd9}.ranking-hero{position:relative;min-height:160px;border-radius:var(--radius);margin-bottom:16px;padding:12px 16px;display:flex;flex-direction:column;justify-content:space-between;background-size:cover;background-position:center;background-color:#1e1e24}.ranking-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#0000004d}.ranking-hero-actions{position:relative;z-index:1;display:flex;gap:8px;justify-content:flex-end}.ranking-hero-title{position:relative;z-index:1;margin:0;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.album-bg{min-height:calc(100dvh - 60px);background-color:#1a4015;background-image:linear-gradient(#00000080,#00000080),radial-gradient(ellipse at center,#0000,#0009),repeating-linear-gradient(90deg,#ffffff08 0,#ffffff08 40px,#00000008 40px,#00000008 80px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.25'/%3E%3C/svg%3E");background-size:100% 100%,100% 100%,160px 100%,150px 150px;background-attachment:fixed}.album-bg .page-head h1{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35)}.album-sub{color:#b9b9c0;text-shadow:0 1px 4px rgba(0,0,0,.5)}.album-bg .empty{color:#b9b9c0}.pitch-card>.goal-ball-side{position:absolute;top:50%;font-size:38px;line-height:1;z-index:10;transform:translateY(-50%);opacity:1;filter:drop-shadow(0px 8px 6px rgba(0,0,0,.5))}.goal-ball-left{animation:goal-ball-fly-left 1.5s linear both}.goal-ball-right{animation:goal-ball-fly-right 1.5s linear both}@keyframes goal-ball-fly-left{0%{left:46%;transform:translateY(-50%) rotate(0) scale(1);opacity:1}15%{left:39%;transform:translateY(-250%) rotate(-72deg) scale(.95);opacity:1}30%{left:32%;transform:translateY(-50%) rotate(-144deg) scale(.9);opacity:1}45%{left:25%;transform:translateY(-180%) rotate(-216deg) scale(.85);opacity:1}60%{left:18%;transform:translateY(-50%) rotate(-288deg) scale(.8);opacity:1}75%{left:11%;transform:translateY(-100%) rotate(-360deg) scale(.7);opacity:1}90%{left:4%;transform:translateY(-50%) rotate(-432deg) scale(.6);opacity:1}to{left:0%;transform:translateY(-50%) rotate(-500deg) scale(.4);opacity:0}}@keyframes goal-ball-fly-right{0%{right:46%;transform:translateY(-50%) rotate(0) scale(1);opacity:1}15%{right:39%;transform:translateY(-250%) rotate(72deg) scale(.95);opacity:1}30%{right:32%;transform:translateY(-50%) rotate(144deg) scale(.9);opacity:1}45%{right:25%;transform:translateY(-180%) rotate(216deg) scale(.85);opacity:1}60%{right:18%;transform:translateY(-50%) rotate(288deg) scale(.8);opacity:1}75%{right:11%;transform:translateY(-100%) rotate(360deg) scale(.7);opacity:1}90%{right:4%;transform:translateY(-50%) rotate(432deg) scale(.6);opacity:1}to{right:0%;transform:translateY(-50%) rotate(500deg) scale(.4);opacity:0}}.pitch-goal.goal-wobble{animation:goal-post-wobble .55s ease-out}@keyframes goal-post-wobble{0%,to{transform:skewY(0) scaleX(1)}20%{transform:skewY(-10deg) scaleX(.85)}45%{transform:skewY(8deg) scaleX(1.1)}70%{transform:skewY(-4deg) scaleX(.95)}}.btn-help{background:transparent!important;border:none!important;color:#ffffffd9!important;font-size:22px!important;font-weight:900!important;text-shadow:0px 2px 6px rgba(0,0,0,.8)!important;box-shadow:none!important;padding:0 8px!important;width:auto!important;height:auto!important;border-radius:0!important;outline:none!important;transition:transform .2s ease,color .2s ease}.btn-help:hover{background:transparent!important;color:#fff!important;transform:scale(1.1)}.modal-info{background:#fff;color:var(--text);border-radius:var(--radius);padding:24px;width:90vw;max-width:400px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 32px #00000040;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1)}.modal-info h2{margin-bottom:12px;font-size:22px}[draggable=true]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.list-item.dragging{background-color:var(--primary)!important;color:#fff!important;opacity:.9;transform:scale(.98);box-shadow:0 4px 12px #0003}.list-item.dragging .item-title,.list-item.dragging .item-sub{color:#fff!important}.modal-info p{font-size:14px;line-height:1.5;color:var(--text)}.info-list{list-style:none;margin-top:12px}.info-list li{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px;font-weight:600}.info-list li:last-child{border-bottom:none}.info-pct{font-family:var(--font-display);font-weight:800;font-size:16px;color:var(--primary);min-width:44px}.dice-container{width:100px;height:100px;perspective:600px;margin:24px auto}.dice-3d{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 1.5s cubic-bezier(.175,.885,.32,1.275)}.dice-face{position:absolute;width:100px;height:100px;background-color:#fff;border:4px solid var(--border);border-radius:16px;display:flex;box-shadow:inset 0 0 16px #0000001a,0 4px 8px #0000001a}.settings-date-row{display:flex;gap:12px;margin-bottom:12px}.settings-birth-col{flex:2;min-width:0}.settings-age-col{flex:1;min-width:0}.settings-date-input,.settings-age-input{width:100%;min-width:0;box-sizing:border-box;font-size:14px;padding:8px 10px;min-height:40px}.settings-age-input{text-align:center;background-color:#f7f7f7!important;opacity:1!important;color:var(--text)!important}.dice-dot{display:block;width:20px;height:20px;background-color:var(--text);border-radius:50%;position:absolute}.front{transform:rotateY(0) translateZ(50px)}.right{transform:rotateY(90deg) translateZ(50px)}.back{transform:rotateY(180deg) translateZ(50px)}.left{transform:rotateY(-90deg) translateZ(50px)}.top{transform:rotateX(90deg) translateZ(50px)}.bottom{transform:rotateX(-90deg) translateZ(50px)}.center{top:50%;left:50%;margin:-10px 0 0 -10px}.top-left{top:15px;left:15px}.top-right{top:15px;right:15px}.center-left{top:50%;left:15px;margin-top:-10px}.center-right{top:50%;right:15px;margin-top:-10px}.bottom-left{bottom:15px;left:15px}.bottom-right{bottom:15px;right:15px}.btn-activate-match{padding:4px 12px;font-size:12px}.match-card-actions{display:flex;align-items:center;gap:8px}.league-select-wrapper{margin-left:auto}.match-live-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--danger) 0%,#b91c1c 100%);color:#fff;padding:16px 20px;border-radius:12px;margin-bottom:24px;cursor:pointer;box-shadow:0 4px 12px #ef44444d;transition:transform .2s,box-shadow .2s;animation:pulse-border 2s infinite;border:2px solid transparent}.match-live-banner:active{transform:scale(.98)}.match-live-dot{width:12px;height:12px;background-color:#fff;border-radius:50%;animation:pulse-dot 1.5s infinite;box-shadow:0 0 8px #fffc}@keyframes pulse-dot{0%{transform:scale(.95);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(.95);opacity:1}}@keyframes pulse-border{0%{border-color:#ef444466}50%{border-color:#ef4444cc}to{border-color:#ef444466}}.match-section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin:20px 0 10px;font-weight:800;font-size:15px;color:var(--text);border-left:4px solid var(--success);border-radius:6px;background:var(--bg-2)}.match-section-count{min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:12px;font-weight:800;background:#22c55e26;color:var(--success);padding:0 8px}.match-unread-badge{position:absolute;top:-8px;right:-4px;background:var(--danger);color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:12px;border:2px solid var(--bg);z-index:5;animation:pop-in .3s cubic-bezier(.175,.885,.32,1.275) forwards;box-shadow:0 2px 8px #ef444466}.match-card-guest{border-width:2px!important;border-style:solid!important}@media(max-width:640px){.btn-activate-match{padding:2px 8px!important;font-size:10px!important;border-width:1px!important;box-shadow:0 2px 0 var(--border)!important}.modal-overlay.keyboard-modal{align-items:flex-start!important;padding-top:6vh}.auth-box{margin-top:3vh}.auth-mascot{width:100px}.auth-logo{width:150px;margin:10px auto 4px}.auth-sub{font-size:13px;margin-bottom:16px}.auth-tabs{margin-bottom:16px}.auth-tabs button,.tabs button{min-height:34px;padding:6px;font-size:12px}.auth-box .input{min-height:40px;font-size:16px;padding:8px 12px}.auth-box .btn{min-height:44px;font-size:16px}.settings-birth-col{flex:1.5}.settings-age-col{flex:.6}.settings-date-input{font-size:11px!important;padding:2px 4px!important;text-align:left;min-height:28px!important}.settings-age-input{font-size:13px!important;padding:2px 4px!important;min-height:28px!important}.btn-ghost{padding:4px!important}}.pitch-player-text{color:#fff;font-size:9px;font-weight:800;text-shadow:-1px -1px 0 rgba(0,0,0,.8),1px -1px 0 rgba(0,0,0,.8),-1px 1px 0 rgba(0,0,0,.8),1px 1px 0 rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.8);white-space:nowrap;display:flex;align-items:center;gap:4px;text-transform:uppercase}.pitch-player-badges{font-size:10px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.8))}.pitch-actions-panel{position:absolute;bottom:7%;display:flex;flex-direction:row;gap:8px;pointer-events:auto;z-index:10}.pitch-action-btn{width:24px;height:32px;border-radius:3px;background:#ffffffe6;border:1px solid rgba(0,0,0,.2);box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.pitch-action-btn:active{transform:scale(.85)}.pitch-controls{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center}.pitch-action-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:640px){.pitch-bg{background-position:14px 0}}.pitch-players-col{position:absolute;top:12px;bottom:12px;width:90px;z-index:2;display:flex;flex-direction:column;gap:8px}.pitch-players-col.left{left:5%;text-align:left}.pitch-players-col.right{right:5%;text-align:right}@media(min-width:640px){.pitch-players-col{top:calc(12px + 5%)}}.chat-hub-wrapper{position:fixed;bottom:calc(60px + env(safe-area-inset-bottom));left:0;right:0;z-index:999;display:flex;justify-content:center;pointer-events:none}@media(min-width:641px){.chat-hub-wrapper{bottom:78px}}.chat-hub-panel{pointer-events:auto;width:100%;max-width:640px;height:50vh;max-height:calc(100dvh - 48px - env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--border);border-left:1px solid var(--border);border-right:1px solid var(--border);border-radius:24px 24px 0 0;box-shadow:0 -8px 32px #0006;display:flex;flex-direction:column;overflow:hidden;animation:slideUpCenter .35s cubic-bezier(.175,.885,.32,1)}@keyframes slideUpCenter{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownCenter{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.chat-hub-panel.closing{animation:slideDownCenter .35s cubic-bezier(.175,.885,.32,1) forwards}.chat-hub-header{padding:12px 16px;background:var(--bg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.chat-hub-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-hub-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}.chat-hub-item:hover{background:#ffffff0d}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg);border-top:2px solid var(--border);z-index:1000;transform:translateZ(0);-webkit-transform:translateZ(0)}.bottom-nav-inner{max-width:640px;margin:0 auto;display:flex;justify-content:space-around;align-items:stretch}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;background:transparent;border:none;border-right:1px solid rgba(0,0,0,.08);color:var(--text-2);cursor:pointer;transition:color .2s;padding-top:8px;padding-bottom:calc(2px + env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent;outline:none;-webkit-user-select:none;user-select:none}@media(min-width:641px){.bottom-nav-item{padding-bottom:20px}}.bottom-nav-item:last-child{border-right:none}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-icon{margin-bottom:2px}.bottom-nav-label{font-size:11px;font-weight:700}.hub-btn-wrap{position:absolute;top:-24px;left:50%;transform:translate(-50%);background:var(--bg);padding:6px;border-radius:50%}.hub-btn{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ff6b0066;transition:transform .2s;border:4px solid var(--bg)}.bottom-nav-item:active .hub-btn{transform:scale(.9)}body{padding-bottom:calc(48px + env(safe-area-inset-bottom))}@media(min-width:641px){body{padding-bottom:66px}}body.chat-hub-open,body.action-hub-open{overflow:hidden}@media(max-width:640px){body.chat-hub-open{position:fixed;width:100%;height:100%;top:0;left:0}}