:root{color-scheme:dark;--bg:#071d1d;--bg2:#0b2d2a;--panel:#10342e;--panel2:#154039;--ink:#f7f8ef;--muted:#b8cec5;--gold:#f5d777;--gold2:#e7b856;--line:#345e52;--green:#58d7a0;--red:#9b473f;--blue:#176d91;--radius:22px;--font:clamp(18px,1.3vw,20px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -12%,#1c5346 0%,#071d1d 62%) fixed;color:var(--ink);font:var(--font)/1.55 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}body.large-text{font-size:24px}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:4px solid var(--gold);outline-offset:3px}::selection{background:#e7c46e;color:#07251e}
.container{max-width:1160px;margin:0 auto;padding:0 24px}.shell{min-height:100vh;display:flex;flex-direction:column}.navbar{position:relative;z-index:20;border-bottom:1px solid #31584f;background:#0b2727dc;backdrop-filter:blur(12px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:94px;gap:20px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-logo{display:grid;place-items:center;width:57px;height:57px;border-radius:17px;background:linear-gradient(145deg,#ffecaa,#e1aa4b);color:#11352d;font-size:32px;box-shadow:0 5px 0 #8e6a2d;font-weight:900}.brand-name{font-weight:900;font-size:clamp(25px,3.2vw,34px);letter-spacing:-1.5px;line-height:1.03}.brand-caption{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:#c3d7c8;font-weight:750;margin-top:6px}.navlinks{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.navlinks a,.navlinks button{background:transparent;border:1px solid transparent;border-radius:12px;padding:10px 14px;font-size:16px;text-decoration:none;font-weight:700;color:#dceee5}.navlinks a.active,.navlinks a:hover{background:#1e4a3d;border-color:#3a7061}.navlinks .signout{color:var(--gold)}.nav-user{display:flex;gap:8px;align-items:center;color:#c6dcd2;font-size:16px;white-space:nowrap}.player-pill{border:1px solid #53796a;border-radius:30px;padding:7px 11px;background:#193d36}.main{flex:1;padding-top:33px;padding-bottom:55px}.foot{border-top:1px solid #2e5549;padding:23px 0;color:#b5cec2;font-size:14px}.foot .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}.foot a{color:#e7e7d9}.hero{position:relative;overflow:hidden;border:1px solid #50826a;background:radial-gradient(ellipse at 88% 85%,#37765b5a,transparent 48%),linear-gradient(126deg,#1a5746,#0a332d 67%);border-radius:28px;padding:clamp(28px,5vw,62px);box-shadow:0 20px 60px #0004}.hero>*{position:relative;z-index:1}.hero:after{content:'⚽';position:absolute;right:-9px;bottom:-102px;font-size:clamp(160px,27vw,310px);transform:rotate(-12deg);opacity:.16;filter:grayscale(.25)}.hero h1,.page-title{font-size:clamp(38px,5.7vw,66px);font-weight:900;letter-spacing:-2.2px;line-height:1.08;margin:12px 0 15px;max-width:760px}.hero p{font-size:clamp(19px,2.2vw,24px);color:#e2efe7;max-width:720px;margin:0 0 25px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-weight:850;color:var(--gold);font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#1a4639;color:#fff;border:2px solid #648776;border-radius:15px;padding:14px 20px;min-height:58px;font-weight:800;font-size:18px;text-decoration:none;text-align:center;transition:transform .14s,background .14s,box-shadow .14s}.btn:hover:not(:disabled){background:#225b46;transform:translateY(-2px)}.btn-primary{background:linear-gradient(140deg,#ffe59a,#e4b94e);color:#143128;border-color:#ffeba9;box-shadow:0 5px 0 #926d2e}.btn-primary:hover:not(:disabled){background:linear-gradient(140deg,#fff0b1,#edc76b)}.btn-quiet{background:transparent;border-color:#45685e;color:#e5f4ed}.btn-sm{font-size:16px;padding:8px 14px;min-height:48px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:34px 0 17px}.section-head h2,.subtitle{font-size:clamp(25px,3vw,35px);line-height:1.16;letter-spacing:-.8px;margin:0}.section-head p{margin:6px 0 0;color:var(--muted);font-size:16px}.link{font-size:16px;color:var(--gold);font-weight:800;text-decoration:none}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.game-card{display:flex;flex-direction:column;gap:8px;background:linear-gradient(152deg,#194238,#0f2f2b);border:1px solid #426b5f;border-radius:22px;padding:23px;min-height:228px;box-shadow:0 10px 32px #0002;transition:transform .15s,border-color .15s}.game-card:hover{transform:translateY(-4px);border-color:#99af86}.game-emoji{width:62px;height:62px;display:grid;place-items:center;font-size:33px;border-radius:17px;background:#2b5a43;border:1px solid #457e62}.game-card h3{margin:8px 0 0;font-size:24px;letter-spacing:-.65px}.game-card p{margin:0;color:#c4dace;font-size:17px}.game-card .game-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px}.tag{font-size:13px;color:#e5c97b;text-transform:uppercase;letter-spacing:1px;font-weight:800}.game-card a{color:var(--gold);font-size:17px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:22px 0}.stat{padding:23px;border-radius:20px;background:#133b33;border:1px solid #477364}.stat-number{font-size:clamp(29px,4.7vw,49px);font-weight:900;color:var(--gold);letter-spacing:-1.5px;line-height:1.15}.stat-label{color:#d1e5da;margin-top:6px;font-size:16px}.panel{background:linear-gradient(160deg,#143b33,#0e2a27);border:1px solid #45695d;padding:clamp(22px,3.3vw,36px);border-radius:23px;margin:18px 0}.panel h2{margin:0 0 14px;font-size:clamp(26px,3vw,34px)}.panel h3{font-size:22px;margin:12px 0}.panel p{color:#d7e6dd}.panel .muted{color:var(--muted)}.intro-split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.scene-banner{display:flex;align-items:center;gap:17px;padding:17px 20px;border-radius:19px;margin:20px 0;border:2px solid #b0c2b2}.scene-banner.red{background:linear-gradient(110deg,#853d32,#451e23);border-color:#d19d91}.scene-banner.blue{background:linear-gradient(110deg,#196a8e,#16364e);border-color:#87bfda}.scene-banner .big{font-size:48px}.scene-banner strong{display:block;font-size:27px;line-height:1.2}.scene-banner span{display:block;font-size:14px;letter-spacing:1px;text-transform:uppercase}.memory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0}.memory-item{background:#215040;border:1px solid #638875;border-radius:18px;min-height:137px;padding:19px 7px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.memory-item .picture{font-size:clamp(36px,5.3vw,57px);line-height:1.2}.memory-item strong{font-size:18px;line-height:1.25}.countdown{background:#203f32;border:1px solid #a89053;border-radius:17px;text-align:center;padding:14px 25px;margin:24px 0;color:var(--gold)}.countdown strong{font-size:clamp(42px,8vw,78px);font-variant-numeric:tabular-nums;line-height:1.14;display:block}.countdown small{font-size:16px;color:#d9e1d8}.fieldgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:21px 0}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:17px;color:#d7e7d8;font-weight:700}.field input,.field select,.field textarea,textarea,input[type=text],input[type=password],input[type=number],select{background:#f5f5ec;color:#17372d;border:2px solid #b2d0c3;border-radius:13px;padding:12px 15px;min-height:58px;width:100%;font-size:20px}.field textarea,textarea{min-height:124px;resize:vertical}.check{display:flex;align-items:flex-start;gap:14px;margin:18px 0;cursor:pointer}.check input{width:24px;height:24px;accent-color:#edc962;margin-top:3px;flex-shrink:0}.small{font-size:15px;color:var(--muted)}.alert{padding:14px 18px;border-radius:14px;background:#3e3e27;border:1px solid #aa9355;color:#fff3d3;font-size:16px}.alert-error{background:#512f2c;border-color:#a3655f}.toast{position:fixed;right:22px;bottom:23px;padding:15px 22px;background:#e7c966;color:#172c20;border-radius:12px;box-shadow:0 18px 45px #0007;font-weight:800;z-index:100;max-width:min(380px,90vw)}.save-status{font-size:14px;color:#add3c0}.progress-track{height:11px;border-radius:50px;background:#33584a;overflow:hidden;margin:16px 0 21px}.progress-track div{height:100%;background:linear-gradient(90deg,#edb85c,#ffe79c);border-radius:99px;transition:width .3s}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:24px 0}.tile{background:#f6f6eb;color:#11372b;border:2px solid #b5cbb8;min-height:82px;border-radius:15px;font-size:34px;font-weight:900}.tile.used{opacity:.32}.match-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.match{background:#f6f1df;color:#16382b;text-align:center;border-radius:16px;padding:18px 10px}.match .score{font-weight:900;font-size:37px;color:#146249}.match .teams{font-size:16px;font-weight:650}.question{border:1px solid #4a7566;background:#153d33;padding:19px;border-radius:17px;margin:16px 0}.question label{display:block;font-weight:750;margin-bottom:9px}.question select,.question input{max-width:420px}.smallpanel{background:#1a493e;border:1px solid #567a6c;padding:21px;border-radius:16px;margin:15px 0}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.choice{padding:18px;border-radius:14px;border:2px solid #547d68;background:#1e4c41;color:white;font-weight:800;font-size:20px;min-height:70px}.choice.chosen{border-color:var(--gold);background:#72602e}.diagram{background:repeating-linear-gradient(0deg,#286346 0,#286346 65px,#2e6e4c 65px,#2e6e4c 130px);border:3px solid #91bc99;border-radius:18px;padding:18px;margin:20px 0}.diagram-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.diagram-cell{display:grid;place-items:center;min-height:92px;font-size:clamp(35px,6vw,60px);border:1px solid #b9d2b3;border-radius:12px;background:#125b3c88}.diagram-cell.pick{cursor:pointer;color:#fff}.diagram-cell.selected{outline:4px solid var(--gold);background:#847034}.lineup{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:25px 0}.jersey{text-align:center;padding:16px 6px;background:linear-gradient(140deg,#e4e6ee,#b6c1e1);color:#163c43;border-radius:15px}.jersey .shirt{font-size:42px}.jersey strong{display:block;font-size:34px}.jersey small{font-size:13px;color:#274b58}.table-scroll{overflow-x:auto}.results-table{width:100%;border-collapse:collapse;min-width:500px}.results-table th,.results-table td{padding:14px 12px;text-align:left;border-bottom:1px solid #406555;font-size:16px}.results-table th{color:#e3d18f;background:#183e35;text-transform:uppercase;font-size:13px;letter-spacing:.8px}.results-table td{color:#e6f1e7}.results-table tr:last-child td{border-bottom:0}.mini-chart{display:flex;align-items:flex-end;gap:8px;height:154px;padding:12px 0 24px;border-bottom:1px solid #426453;margin:24px 0}.mini-chart .bar{flex:1;background:linear-gradient(#f5da85,#c69c4a);border-radius:6px 6px 0 0;min-height:4px;position:relative}.mini-chart .bar span{position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);font-size:12px;color:#b7cbbd}.mini-chart .bar b{position:absolute;top:-27px;left:50%;transform:translateX(-50%);font-size:13px;color:#e3f2e8}.victory{text-align:center;padding:36px 10px}.victory .icon{font-size:95px;line-height:1.2}.victory h1{font-size:clamp(42px,7vw,73px);letter-spacing:-2px;margin:12px 0}.victory .result{font-size:clamp(25px,4vw,38px);color:var(--gold);font-weight:900}.list-inline{display:flex;flex-wrap:wrap;gap:10px}.chip{border:1px solid #648775;border-radius:999px;padding:7px 13px;background:#1a493b;font-size:15px}.access-box{max-width:670px;margin:25px auto 0}.loading-screen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:35px}.loading-icon{font-size:95px}.loading-screen h1{font-size:clamp(38px,7vw,68px);margin:12px 0}.loading-screen p{color:#ddece4}.detail-box{max-width:850px;margin-left:auto;margin-right:auto}.helper-underline{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.span5{grid-column:span 5}.mobileOnly{display:none}.fineprint{font-size:14px;color:#a8c4b6;margin-top:22px}.danger{border-color:#9a5a55;background:#422622}.danger:hover{background:#603c36}.admin-rows{display:grid;gap:10px}.admin-rows .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:13px;border:1px solid #466e5c;border-radius:12px}.spinner{display:inline-block;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-split{grid-template-columns:1fr}.navbar .nav-inner{flex-direction:column;align-items:stretch;padding-top:14px;padding-bottom:13px}.navlinks{justify-content:space-between}.lineup{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.container{padding:0 14px}.main{padding-top:18px}.cards{grid-template-columns:1fr}.game-card{min-height:0}.hero{padding:28px 22px}.section-head{align-items:flex-start}.stats{gap:7px}.stat{padding:14px}.stat-label{font-size:13px}.fieldgrid,.match-list{grid-template-columns:1fr}.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.memory-item{min-height:118px}.memory-item .picture{font-size:43px}.memory-item strong{font-size:16px}.actions{flex-direction:column;align-items:stretch}.actions .btn{width:100%}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navlinks{gap:2px}.navlinks a,.navlinks button{font-size:14px;padding:8px 10px}.brand-logo{width:45px;height:45px}.brand-name{font-size:26px}.diagram-cell{min-height:80px}.foot .container{flex-direction:column}}

/* Personal game-history charts (only comparable, previously unseen assignments). */
.trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.trend-card{background:#1a463b;border:1px solid #5d7d68;border-radius:18px;padding:20px}
.trend-card h3{font-size:20px;margin:0 0 12px}
.trend-bars{display:flex;gap:10px;align-items:end;min-height:210px;justify-content:space-around;border-bottom:1px solid #82a18e;padding-top:14px}
.trend-point{display:flex;flex-direction:column;align-items:center;justify-content:end;gap:5px;min-width:0;flex:1}
.trend-point strong{font-size:13px;line-height:18px;white-space:nowrap}
.trend-point small{font-size:12px;white-space:nowrap;color:#d2e4d7}
.trend-rail{width:min(100%,46px);height:148px;display:flex;align-items:flex-end;background:#254f44;border-radius:7px 7px 0 0;overflow:hidden}
.trend-fill{width:100%;background:linear-gradient(#f3da83,#c49546);min-height:2px;border-radius:7px 7px 0 0}
@media(max-width:750px){.trend-grid{grid-template-columns:1fr}.trend-card{padding:14px}.trend-bars{gap:5px}.trend-point small{font-size:10px}}

/* v0.6.3 QA: brand name and subtitle always occupy separate lines. */
.brand > span:last-child{display:flex;flex-direction:column;min-width:0}
.brand-name,.brand-caption{display:block}
@media(max-width:600px){.brand-name{font-size:clamp(21px,6vw,26px)}.brand-caption{font-size:10px;letter-spacing:.7px}}

/* 0.6.4: one-step nickname selection on the main page. */
.guest-hero{padding-bottom:clamp(27px,4vw,43px)}
.guest-hero:after{right:-45px;bottom:35px;opacity:.08;pointer-events:none}
.entry-card{max-width:690px;margin-top:22px;padding:clamp(18px,3vw,30px);background:#0b2c29f4;border:1px solid #7aa28b;border-radius:22px}
.entry-card h2{font-size:clamp(24px,3vw,32px);margin:0 0 8px}
.entry-card p{font-size:16px;margin:0 0 14px}
.entry-card .field label{font-weight:800}
.entry-card .check{margin:12px 0 16px}
.entry-card .entry-note{font-size:14px;margin:10px 0 0;color:#bed6c8}
.entry-card .entry-separator{margin-top:20px;font-weight:800;color:#f5d777}
.saved-profiles .profile-list{display:flex;gap:10px;flex-wrap:wrap}
.saved-profiles .btn{min-height:51px;padding:10px 16px}
@media(max-width:600px){.entry-card{padding:18px}.saved-profiles .profile-list .btn{width:100%}.entry-card form .btn{width:100%}}


/* v0.6.8 – identity based on the supplied Hlavocviky.cz logo. */
:root{--bg:#071d1d;--bg2:#0b2f2b;--panel:#10362f;--panel2:#17463c;--ink:#f5fcf7;--muted:#c1ded1;--gold:#42e5aa;--gold2:#14be84;--line:#376c5c;--green:#35dea0}
body{background:radial-gradient(ellipse at 55% -6%,#165b48 0%,#071d1d 61%) fixed}
.navbar{background:#092927ed;border-bottom:1px solid #2d604f}
.nav-inner{min-height:94px}
.brand{display:inline-flex;gap:0;flex-shrink:0;outline-offset:4px}
.brand-image{display:block;width:clamp(245px,27vw,360px);height:auto;object-fit:contain;box-shadow:0 5px 26px #0003;background:#fbfcf9;border:1px solid #b7d9c7;border-radius:13px;padding:8px 10px}
.hero{border-color:#357c62;background:radial-gradient(ellipse at 83% 50%,#1fa77521,transparent 48%),linear-gradient(130deg,#174c40,#092b29 70%)}
.hero:after,.guest-hero:after{content:'';background:url('/assets/brand/hlavocviky-znak.webp') center/contain no-repeat;right:-22px;bottom:5px;width:min(35%,260px);height:85%;transform:none;filter:none;opacity:.105;pointer-events:none}
.eyebrow,.tag,.link{color:#72edb8}
.btn-primary{background:linear-gradient(145deg,#5aeab7,#21c48b);border-color:#97f5cc;color:#082c23;box-shadow:0 4px 0 #0c6e4e}
.btn-primary:hover:not(:disabled){background:linear-gradient(145deg,#8df7d1,#37d5a0)}
.btn{border-color:#4f967b}
.btn-quiet{border-color:#588e76}
.btn:focus-visible,.navlinks :focus-visible{outline-color:#88f3c8}
.game-card{background:linear-gradient(150deg,#174d40,#0e302d);border-color:#346d59}
.game-card:hover{border-color:#6fe2b1}
.game-emoji{width:66px;height:66px;display:grid;place-items:center;border-radius:17px;padding:0;background:#092d29;border-color:#2b6b50}
.game-icon-small{width:60px;height:60px;display:block;border-radius:14px;object-fit:cover;vertical-align:middle}
.trend-card h3 .game-icon-small,.admin-rows .game-icon-small{width:28px;height:28px;margin-right:5px;display:inline-block;vertical-align:middle;border-radius:7px}
.stats .stat,.panel{border-color:#36725a}
.stat-number,.victory .result{color:#61efb5}
.progress-track div{background:linear-gradient(90deg,#16b17f,#61edb5)}
.entry-card{background:#092b28eb;border-color:#448b6b}
.entry-card .entry-separator{color:#72edb8}
.question,.smallpanel{border-color:#398669}
.results-table th{color:#9cf5d0}
.toast{background:#74e6ab;color:#092b22}
@media(max-width:850px){.nav-inner{gap:13px}.brand-image{width:clamp(236px,46vw,315px)}}
@media(max-width:600px){.brand-image{width:min(83vw,295px);padding:6px 8px;border-radius:10px}.game-icon-small{width:58px;height:58px}.hero:after,.guest-hero:after{width:45%;opacity:.07;bottom:17px}.game-card{padding:20px}}

/* v0.7.2 – factual, calm grading; no celebratory trophy for a zero score. */
.victory .result{color:#dcebe3}
.victory.tier-good .result,.victory.tier-great .result,.victory.tier-perfect .result{color:#61efb5}
.victory.tier-neutral .icon{filter:grayscale(.8);opacity:.82}
.victory.tier-low .icon,.victory.tier-ungraded .icon{opacity:.88}
.victory h2{font-size:clamp(36px,5.5vw,65px);letter-spacing:-1.8px;line-height:1.15;margin:12px 0}
.victory .result-description{font-size:clamp(17px,1.8vw,21px);color:#dceee6;margin:20px auto 10px;max-width:780px}
.victory .save-status{margin:0 auto 24px;color:#c1d8ce;font-size:16px}
.victory .result-actions{justify-content:center;margin:26px auto 0;max-width:930px}
@media(max-width:600px){.victory{padding:20px 0}.victory .icon{font-size:70px}.victory .result-actions{gap:12px}.victory .result-actions .btn{width:100%}}

/* G08: long real club names must not hide kickoff time on narrow screens. */
@media (max-width:600px){
  .results-table.fixture-table{min-width:0;width:100%;table-layout:fixed}
  .fixture-table th,.fixture-table td{padding:12px 5px;font-size:15px;overflow-wrap:anywhere;word-break:normal}
  .fixture-table th{font-size:12px}
  .fixture-table th:nth-child(1){width:49%}
  .fixture-table th:nth-child(2){width:24%}
  .fixture-table th:nth-child(3){width:27%}
}