/*
Theme Name: Junaizo Future
Description: Minimal futuristic three-page soccer dice training website.
Version: 1.0.0
Author: Junaizo
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
*/
:root{--bg:#090b0d;--surface:#111519;--line:#282d32;--muted:#a5adb5;--orange:#ff6b19;--text:#f5f6f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.skip{position:absolute;left:16px;top:-90px;background:var(--orange);color:#000;padding:12px;z-index:100}.skip:focus{top:12px}.site-header{border-bottom:1px solid var(--line);background:#090b0df2;position:sticky;top:0;z-index:20}.header-inner{max-width:1320px;margin:auto;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-weight:900;letter-spacing:-1px;font-size:25px}.brand-mark{display:inline-block;background:var(--orange);color:#090b0d;border-radius:5px;padding:0 9px;margin-right:9px}.main-nav{display:flex;gap:28px;font-size:13px}.main-nav a:hover,.back:hover{color:var(--orange)}main{max-width:1320px;margin:auto;padding:0 5%}.hero{min-height:680px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:45px;padding:85px 0}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;color:var(--orange);margin-bottom:20px}h1{font-size:clamp(56px,6.6vw,93px);font-weight:800;line-height:1.02;letter-spacing:-5px;margin:20px 0 28px}h1 i{font-style:normal;color:var(--orange)}h2{font-size:clamp(30px,4vw,49px);line-height:1.15;letter-spacing:-2px;max-width:820px;margin:15px 0 32px}h3{font-size:23px;line-height:1.3;letter-spacing:-.6px}p{color:var(--muted);max-width:800px}.lead{font-size:18px;max-width:490px;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;background:var(--orange);color:#090b0d;font-weight:bold;border:1px solid var(--orange);border-radius:5px;line-height:1.5}.button:hover{background:#ff8b49}.button.secondary{background:transparent;color:var(--text);border-color:var(--line)}.button.secondary:hover{border-color:var(--orange)}.specs{display:flex;gap:28px;margin-top:50px;font-size:9px;letter-spacing:1px;color:var(--muted)}.specs b{display:block;font-size:26px;color:var(--text);letter-spacing:0}.product-stage{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#ff6b1918,transparent 68%)}.product-stage:after{content:'';position:absolute;bottom:30px;width:90%;height:1px;background:linear-gradient(90deg,transparent,#ff6b1950,transparent)}.kit{display:grid;grid-template-columns:1fr 1fr;gap:20px;transform:rotate(-9deg)}.die{width:155px;height:155px;position:relative;border-radius:30px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:inset 8px 10px 16px #ffffff30,inset -12px -14px 16px #0005,14px 22px 30px #0008;transform:rotate(8deg);border:1px solid #ffffff25}.die:before{content:'';position:absolute;inset:12px;border:1px solid #0002;border-radius:50%;box-shadow:inset 0 5px 8px #0002}.die span{position:relative;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;font-size:29px;font-weight:900;line-height:1.05;letter-spacing:-1px;z-index:1}.die small{position:absolute;bottom:15px;font-size:7px;letter-spacing:2px;font-weight:bold;opacity:.6}.die em{font-style:normal;font-size:19px}.orange{background:linear-gradient(130deg,#ff963f,#ff5a00);color:#101113}.black{background:linear-gradient(130deg,#363b3f,#121518);color:white}.yellow{background:linear-gradient(130deg,#fff740,#e9d800);color:#101113}.stage-caption{position:absolute;bottom:0;font-size:10px;letter-spacing:4px;color:var(--muted)}.section{padding:80px 0;border-top:1px solid var(--line);scroll-margin-top:80px}.manual-grid,.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.manual-card{border:1px solid var(--line);border-radius:10px;padding:32px;background:linear-gradient(135deg,#181d22,#0e1114);transition:border-color .2s,transform .2s}.manual-card:hover{border-color:var(--orange);transform:translateY(-4px)}.manual-card h3{display:flex;justify-content:space-between;font-size:29px}.mini-kit{display:flex;gap:25px;justify-content:center;align-items:center;min-height:260px}.mini-kit .die:first-child{transform:rotate(-10deg)}.mini-kit .die:last-child{transform:rotate(10deg)}.manual-card .die{width:125px;height:125px;border-radius:25px}.manual-card .die span{font-size:24px}.text-link{color:var(--orange);font-size:13px;font-weight:bold}.steps{list-style:none;counter-reset:step;padding:0;max-width:850px}.steps li{counter-increment:step;display:flex;gap:22px;align-items:baseline;border-bottom:1px solid var(--line);padding:18px 0;color:#d9dde0}.steps li:before{content:counter(step,decimal-leading-zero);font-size:13px;letter-spacing:1px;color:var(--orange);flex:0 0 28px}.box-row{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.box-row img{width:100%;max-width:360px;border-radius:12px;border:1px solid var(--line)}.site-footer{max-width:1320px;margin:auto;padding:40px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}.manual-hero{min-height:590px}.back{font-size:13px;color:var(--muted);display:inline-block;margin-bottom:22px}.section-nav{display:flex;flex-wrap:wrap;gap:10px;padding:20px 0}.section-nav a{border:1px solid var(--line);padding:8px 15px;font-size:12px;border-radius:30px}.section-nav a:hover{border-color:var(--orange)}.callout{background:#ff6b190a;border-left:2px solid var(--orange);padding:25px;margin:30px 0}.callout p{margin-bottom:0}.level{border-bottom:1px solid var(--line)}.level summary{cursor:pointer;list-style:none;display:flex;gap:25px;padding:25px 0;align-items:center}.level summary::-webkit-details-marker{display:none}.level-no{font-size:28px;color:var(--orange);min-width:45px}.level summary b{font-size:22px}.level summary small{display:block;color:var(--muted);font-size:12px}.plus{margin-left:auto;font-size:25px;color:var(--orange)}.level[open] .plus{transform:rotate(45deg)}.level-content{padding:0 0 20px 70px}.card{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.card h3{font-size:19px;margin-top:0}.milestones{font-size:clamp(16px,3vw,28px);letter-spacing:3px;color:var(--orange);padding:24px 0}.original-page{display:block;width:100%;height:auto;margin:35px 0;border-radius:5px;background:white}.source-text{border:1px solid var(--line);padding:20px;border-radius:6px}.source-text summary{cursor:pointer}.transcript{white-space:pre-wrap;line-height:1.7;font-size:14px;color:#d9dde0;margin-top:25px}.generic-content{padding:80px 0}.generic-content a{text-decoration:underline;color:var(--orange)}@media(max-width:800px){.hero{grid-template-columns:1fr;padding:55px 0;gap:10px;min-height:0}h1{letter-spacing:-3px;font-size:60px}.product-stage{min-height:390px}.manual-grid,.box-row{grid-template-columns:1fr}.section{padding:55px 0}.box-row{gap:25px}.main-nav{gap:15px;font-size:11px}.brand{font-size:21px}.header-inner{padding:18px 5%;gap:10px}.site-footer{flex-direction:column}.manual-hero .product-stage{min-height:260px}.level-content{padding-left:0}}@media(max-width:420px){.main-nav{gap:10px}.main-nav a:first-child{display:none}.die{width:135px;height:135px}.kit{gap:15px}.die span{font-size:26px}.grid{grid-template-columns:1fr}.mini-kit{gap:20px}.manual-card{padding:23px}.specs{gap:19px}.section-nav{gap:7px}.section-nav a{padding:7px 11px}.level summary b{font-size:19px}.level summary{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Photo-referenced rounded foam dice */
.real-dice{width:100%;aspect-ratio:1.5;background-image:url('assets/dice-realistic.webp');background-repeat:no-repeat;background-size:200% 100%;background-position:left center;filter:drop-shadow(0 18px 18px #0005)}
.real-dice.shoot-pair{background-position:right center}
.real-kit{width:100%;max-width:420px;display:grid;gap:0;padding:15px 0 35px}
.real-kit .real-dice{width:90%;margin-left:0;transform:rotate(-5deg)}
.real-kit .shoot-pair{margin-top:-35px;margin-left:10%;transform:rotate(5deg)}
.manual-card .real-dice{max-width:390px;margin:auto}
.manual-hero .real-dice{max-width:500px}
/* Explicit product colours prevent host/theme heading overrides. */
body{color:#f5f6f3;background:#090b0d}h1,h2,h3,h4,h5,h6,summary,label,b,strong{color:#f5f6f3}p,li{color:#bcc5cf}h2 i{color:#ff7c35;font-style:normal}a{color:#f5f6f3}.eyebrow,.text-link,.level-no{color:#ff873f}.button{color:#090b0d}.original-logo{display:block;width:115px;height:auto}.brand{display:inline-flex;align-items:center}.hero{position:relative}.manual-hero{grid-template-columns:1.12fr 1fr;min-height:630px;padding:65px 0}.player-stage{min-height:500px;isolation:isolate;background:radial-gradient(ellipse at 60% 55%,#ff6b1923,transparent 64%)}.manual-illustration{object-fit:contain;display:block;max-width:100%;height:auto}.hero-player{position:relative;max-height:470px;width:100%;z-index:2;filter:drop-shadow(0 0 25px #ff6b1920)}.hero-dice{position:absolute;width:54%;bottom:-8px;left:-5%;z-index:4;transform:rotate(-8deg)}.hero-dice .real-dice{filter:drop-shadow(0 15px 15px #0009)}.orbit{position:absolute;width:88%;aspect-ratio:1;border:1px solid #ff6b1945;border-radius:50%;transform:rotateX(20deg);box-shadow:0 0 80px #ff6b1908,inset 0 0 80px #ff6b1906}.orbit:before,.orbit:after{content:'';position:absolute;inset:15%;border:1px dashed #ff6b192a;border-radius:50%}.orbit:after{inset:-10%;border-color:#ffffff09}.section-nav{border-top:1px solid #293038;border-bottom:1px solid #293038;padding:18px 0;margin-bottom:22px}.section-nav a{color:#dce2e8;background:#14191e;border-radius:4px}.section-nav a:hover{background:#ff6b1915}.start-section .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;max-width:none;margin:35px 0}.start-section .steps li{display:block;border:0;border-top:2px solid #ff7c35;padding:18px 0;font-size:14px;line-height:1.65}.start-section .steps li:before{display:block;margin-bottom:14px;font-size:26px;color:#ff7c35}.illustrated-level{border:1px solid #2b333d;background:linear-gradient(115deg,#13191f,#0c1014);margin:18px 0;border-radius:12px;overflow:hidden}.illustrated-level summary{padding:16px 25px;min-height:150px;position:relative;gap:24px}.level-art{width:130px;height:130px;flex:0 0 130px;object-fit:contain}.illustrated-level .level-no{font-size:15px;min-width:26px}.illustrated-level summary b{font-size:25px;letter-spacing:-.7px;line-height:1.2;display:block}.illustrated-level summary small{font-size:13px;color:#c0c9d1;margin-top:8px}.illustrated-level[open]{border-color:#825036;background:linear-gradient(110deg,#181b1d,#0d1116)}.illustrated-level .level-content{padding:0 35px 25px 205px}.illustrated-level .level-content .steps li{font-size:15px}.illustrated-level .callout{border-radius:0 8px 8px 0;background:#ff6b190e}.zone-panel,.target-panel{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:#10171e;border:1px solid #34404c;padding:30px;border-radius:12px;margin:30px 0}.zone-map{position:relative;aspect-ratio:1;max-width:230px;border:1px dashed #ff8c48;display:flex;flex-direction:column;justify-content:center;align-items:center;background:repeating-linear-gradient(0deg,transparent 0 30px,#ffffff04 30px 31px),repeating-linear-gradient(90deg,transparent 0 30px,#ffffff04 30px 31px);transform:perspective(500px) rotateX(18deg)}.zone-map b{font-size:29px;color:#f5f6f3}.zone-map small{font-size:10px;letter-spacing:2px;color:#ff9d64}.cone{position:absolute;width:18px;height:25px;background:linear-gradient(#ff762d 45%,white 45% 58%,#ff762d 58%);clip-path:polygon(50% 0,100% 100%,0 100%)}.c1{top:-12px;left:-9px}.c2{top:-12px;right:-9px}.c3{bottom:-12px;left:-9px}.c4{bottom:-12px;right:-9px}.goal-map{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 8px;padding:25px 13px;border:3px solid #b5c2cd;border-bottom:1px solid #647382;min-height:180px;background:repeating-linear-gradient(0deg,transparent 0 19px,#ffffff08 19px 20px),repeating-linear-gradient(90deg,transparent 0 19px,#ffffff08 19px 20px)}.goal-map span{font-size:9px;text-align:center;color:#ffd544;padding:12px 3px;border:1px solid #ffd54470;border-radius:50%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#11171e}.goal-map span:nth-child(2){grid-column:2;grid-row:1 / 3;align-self:center}.goal-map span:nth-child(5){grid-column:3}.progress-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;margin:35px 0}.progress-checks,.personal-records{background:#11171d;border:1px solid #2b333d;padding:25px;border-radius:10px}.progress-checks label,.personal-records label{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #2b333d;padding:14px 0;font-size:13px;color:#d6dee6}.progress-checks input[type=date]{max-width:125px}.personal-records input{width:75px}.progress-layout input{background:#090e13;color:#e7ecf0;border:1px solid #41505f;border-radius:5px;padding:8px;font:inherit;color-scheme:dark}.progress-layout input[type=checkbox],.milestone-grid input{accent-color:#ff7c35;width:18px;height:18px}.record-note{font-size:12px}.milestone-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:30px}.milestone-grid label{position:relative;padding:20px 12px;background:linear-gradient(135deg,#192129,#0f1318);border:1px solid #35414d;border-radius:8px;text-align:center}.milestone-grid b{display:block;font-size:32px;color:#ff873f}.milestone-grid span{font-size:10px;letter-spacing:2px;color:#d0d8df}.milestone-grid img{width:45px;margin:10px auto}.milestone-grid input{position:absolute;right:8px;top:8px}.mistakes-section{position:relative}.mistakes-section .grid{position:relative;max-width:72%;z-index:1}.mistakes-player{position:absolute;right:0;bottom:65px;width:27%;max-height:520px}.card{border-top:2px solid #ff7c35;background:#131a21}.card h3{color:#f5f6f3}.card p{color:#bdc7d0}.source-text{color:#e6ebf0;background:#10151b}.source-text summary{color:#e6ebf0}.site-footer span{color:#b9c3cd}.button.secondary{color:#f5f6f3}.section p{color:#bcc5cf}.callout b{color:#f4f6f8}.section{border-color:#2b333d}.section h2{color:#f5f6f3}@media(max-width:800px){.manual-hero{grid-template-columns:1fr;gap:30px}.manual-hero h1{font-size:66px}.player-stage{min-height:400px;max-width:470px;width:100%;margin:auto}.hero-player{max-height:410px}.start-section .steps{grid-template-columns:1fr 1fr}.illustrated-level .level-content{padding:0 25px 20px}.level-art{width:90px;height:105px;flex-basis:90px}.illustrated-level summary{gap:14px;padding:15px}.illustrated-level summary b{font-size:22px}.progress-layout{grid-template-columns:1fr}.zone-panel,.target-panel{padding:25px;gap:25px}.mistakes-section .grid{max-width:none}.mistakes-player{display:none}}@media(max-width:460px){.start-section .steps{grid-template-columns:1fr}.start-section .steps li{display:flex;gap:16px}.start-section .steps li:before{margin:0;flex:0 0 30px}.level-art{width:65px;height:90px;flex-basis:65px}.illustrated-level .level-no{display:none}.illustrated-level summary b{font-size:20px}.illustrated-level summary small{font-size:11px}.milestone-grid{grid-template-columns:repeat(3,1fr)}.zone-panel,.target-panel{grid-template-columns:1fr}.goal-map{min-height:210px}.original-logo{width:92px}.hero-player{max-height:350px}.player-stage{min-height:360px}}
/* Refined manual layout */
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.manual-stats{display:flex;gap:35px;margin-top:35px}.manual-stats>span{font-size:29px;font-weight:700;color:#f5f6f3}.manual-stats small{display:block;font-size:9px;letter-spacing:1.8px;font-weight:400;color:#adbcc8;margin-top:5px}.manual-hero{background:radial-gradient(ellipse at 85% 50%,#ff6b1913,transparent 58%)}.manual-hero h1{font-size:clamp(60px,7vw,98px);line-height:.98;letter-spacing:-5px}.manual-hero .lead{max-width:430px}.player-stage{background:linear-gradient(transparent 96%,#ffffff07 96%),linear-gradient(90deg,transparent 96%,#ffffff07 96%),radial-gradient(ellipse,#ff6b191c,transparent 65%);background-size:42px 42px,42px 42px,100% 100%}.hero-player{max-height:500px;filter:drop-shadow(0 10px 25px #ff6b192a)}.player-stage:after{bottom:35px;background:linear-gradient(90deg,transparent,#ff8e4770,transparent)}.section{padding:65px 0}.section h2{margin-bottom:25px}.illustrated-level{position:relative;border-radius:16px;background:radial-gradient(ellipse at 8% 50%,#ff6b1912,transparent 30%),linear-gradient(110deg,#161e26,#0c1117);margin:16px 0;transition:border-color .2s}.illustrated-level:hover{border-color:#ad653c}.illustrated-level[open]{border-color:#ba673c;background:radial-gradient(ellipse at 15% 0,#ff6b1912,transparent 35%),#10161c}.illustrated-level summary{min-height:168px;padding:18px 28px;gap:28px}.level-art{width:155px;height:145px;flex-basis:155px;filter:drop-shadow(0 0 16px #ff6b1915)}.illustrated-level .level-no{font-size:12px;letter-spacing:2px;color:#ff9a5c}.illustrated-level summary b{font-size:28px}.illustrated-level .level-content{padding:0 32px 25px}.illustrated-level .level-content>p{max-width:880px}.illustrated-level .level-content>.steps{max-width:none}.illustrated-level summary .plus{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #5b493c;border-radius:50%;font-size:18px;flex-shrink:0}.illustrated-level[open] .plus{transform:rotate(90deg);background:#ff7c35;color:#090b0d;border-color:#ff7c35}.technique-body{display:grid;grid-template-columns:.85fr 1.5fr;gap:35px;margin-top:28px;padding-top:24px;border-top:1px solid #2f3841}.instruction-group{margin-bottom:28px}h4{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:#ff9b61;margin:0 0 14px}.detail-list{list-style:none;padding:0;margin:0}.detail-list li{position:relative;padding:6px 0 6px 18px;font-size:14px;line-height:1.7;color:#c3cdd6}.detail-list li:before{content:'•';position:absolute;left:0;color:#ff8a46}.technique-body .steps{margin:0}.technique-body .steps li{padding:12px 0}.technique-body .steps li:first-child{padding-top:0}.challenge-band{background:#ff7c350b;border-left:2px solid #ff873f;padding:24px;margin-top:25px}.challenge-band p{margin-top:0}.challenge-band .detail-list{columns:2;column-gap:30px}.challenge-band .detail-list li{break-inside:avoid}.closing-tip{border-top:1px solid #2f3841;padding-top:20px;font-size:14px;font-style:italic;color:#d7e0e7}.volley-difference{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:24px 0}.volley-difference>div{background:#1c2731;border:1px solid #3b4b58;border-radius:8px;padding:20px}.volley-difference b{color:#ff9e67}.volley-difference p{margin-bottom:0}.certificate{display:grid;grid-template-columns:.65fr 1.35fr;gap:35px;align-items:center;background:radial-gradient(ellipse at 10% 40%,#ffc74710,transparent 45%)}.certificate-art img{max-height:440px;margin:auto}.certificate-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.certificate-fields label{font-size:12px;color:#c7d1da;display:flex;flex-direction:column;gap:8px}.certificate-fields input,.score-field input{background:#0c131a;color:#e9eef3;border:1px solid #425160;padding:12px;border-radius:6px;min-width:0;width:100%;font:inherit;color-scheme:dark}.certificate-fields fieldset{grid-column:1 / -1;margin:0;border:1px solid #34414d;padding:20px;border-radius:8px;display:grid;gap:12px}.certificate-fields legend{color:#ff9b61;font-size:12px;padding:0 8px}.certificate-fields fieldset label{flex-direction:row;align-items:center}.certificate-fields input[type=checkbox]{width:17px;height:17px;accent-color:#ff8a46}.score-field{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#c3cdd6}.score-field input{width:75px}.download-panel{position:relative;background:linear-gradient(110deg,#1f201d,#141a20);border:1px solid #67503b;border-radius:15px;padding:40px;margin:30px 0 60px}.download-panel h2{font-size:36px}.download-panel p{max-width:560px}.download-panel .button{background:#ff7c35;color:#0a0c0e;border-color:#ff7c35}.main-nav a{padding:8px 0}.main-nav a[aria-current=page]{color:#ff995b;border-bottom:1px solid #ff995b}.manual-card{background:radial-gradient(ellipse at 50% 30%,#ff6b1910,transparent 65%),#12191f}.manual-card:hover{box-shadow:0 12px 45px #0003}.card{border-top:0;border-left:2px solid #ff7c35;border-radius:9px}.card h3{font-size:19px}.start-section .steps li{border-top-color:#bd6b40}.record-note{color:#a7b6c3!important;font-size:12px;line-height:1.6}a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #ffab73;outline-offset:4px;border-radius:5px}@media(max-width:800px){.manual-hero h1{font-size:72px}.technique-body{grid-template-columns:1fr;gap:15px}.technique-body>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:25px}.certificate{grid-template-columns:1fr}.certificate-art img{max-height:240px}.certificate-art{display:none}.illustrated-level summary{gap:18px;padding:18px}.level-art{width:105px;height:120px;flex-basis:105px}.illustrated-level summary b{font-size:24px}}@media(max-width:460px){.manual-hero h1{font-size:62px;letter-spacing:-3px}.manual-stats{gap:20px}.manual-stats small{font-size:8px;letter-spacing:1px}.hero-actions .button{width:100%}.level-art{width:72px;height:100px;flex-basis:72px}.illustrated-level summary{gap:12px}.illustrated-level summary b{font-size:19px}.illustrated-level .level-content{padding:0 18px 20px}.illustrated-level summary .plus{width:28px;height:28px}.technique-body>div:first-child{grid-template-columns:1fr}.challenge-band .detail-list{columns:1}.certificate-fields{grid-template-columns:1fr}.volley-difference{grid-template-columns:1fr}.download-panel{padding:28px 22px}.download-panel h2{font-size:30px}}
/* Illustrated homepage */
.home-experience{--home-accent:#ff7b32;color:#f5f6f3}.home-hero{position:relative;padding-top:28px;isolation:isolate}.home-topline{display:flex;align-items:center;justify-content:space-between;gap:16px}.home-topline .eyebrow{margin:0;font-size:10px;letter-spacing:1.5px}.motion-toggle{background:transparent;border:1px solid #34404b;border-radius:30px;color:#c0ccd6;font:11px Arial,sans-serif;padding:9px 14px;white-space:nowrap}.motion-toggle:hover{border-color:#ff8845;color:#fff}.home-hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:610px;align-items:center;gap:0}.edition-label{display:flex;align-items:center;gap:9px;color:#b3bdc7;font-size:9px;letter-spacing:1.8px}.edition-label>span{width:5px;height:5px;border-radius:50%;background:#ff8d4a;box-shadow:0 0 12px #ff6b19}.home-hero-copy{position:relative;z-index:5;padding:45px 0}.home-hero h1{font-size:clamp(48px,5.9vw,85px);line-height:1.02;letter-spacing:-4px;margin:25px 0;font-weight:900}.home-hero h1 i{color:#ff823f}.home-hero .lead{max-width:390px;font-size:16px;color:#b8c3cd;line-height:1.8}.home-hero .button{border-radius:40px;gap:35px;font-size:13px;padding:15px 23px}.home-sub-link{font-size:12px;color:#d1dbe3;padding:12px 5px}.hero-caption{display:flex;align-items:center;gap:13px;margin-top:40px;font-size:9px;letter-spacing:3px;color:#8f9eab}.caption-line{height:1px;width:35px;background:#ff8b46}.home-art{position:relative;min-height:570px;isolation:isolate}.home-art:before{content:'';position:absolute;inset:10% -4%;z-index:-1;background:radial-gradient(ellipse,#ff6b1922,transparent 67%)}.home-main-player{position:absolute;right:10%;top:2%;width:65%;height:93%;object-fit:contain;z-index:3;filter:drop-shadow(0 15px 25px #0008);animation:home-player-enter 1s ease-out both}.home-orbit{position:absolute;border:1px solid #ff7b3245;border-radius:50%;aspect-ratio:1;z-index:0}.orbit-one{width:92%;left:3%;top:9%;border-right-color:#ff9d68;box-shadow:0 0 50px #ff6b1909;animation:home-orbit-turn 28s linear infinite}.orbit-two{width:68%;left:15%;top:19%;border-style:dashed;border-color:#ff9d6825;animation:home-orbit-turn 34s linear infinite reverse}.home-orbit:after{content:'';position:absolute;top:12%;left:12%;width:7px;height:7px;background:#ff8136;box-shadow:0 0 18px #ff6b19;border-radius:50%}.art-lettering{position:absolute;left:-3%;top:23%;font-size:clamp(75px,13vw,170px);font-weight:900;letter-spacing:-8px;color:transparent;-webkit-text-stroke:1px #c1cadb16;z-index:0;line-height:1}.floating-pair{position:absolute;z-index:4;width:47%;filter:drop-shadow(0 15px 12px #0008);animation:home-float 6s ease-in-out infinite}.floating-kick{left:-9%;top:2%;--float-rotate:-13deg}.floating-shoot{right:-1%;bottom:0;--float-rotate:12deg;animation-delay:-3s}.floating-pair>span{display:block;color:#d0d8df;font-size:8px;letter-spacing:1.5px;text-align:center;margin-top:-12px}.art-coordinate{position:absolute;left:9%;bottom:30px;font-size:8px;letter-spacing:2px;color:#a4b0bc;writing-mode:vertical-rl;transform:rotate(180deg)}.art-tick{position:absolute;width:17px;height:17px;border-left:1px solid #ff873f;border-top:1px solid #ff873f}.tick-top{top:3%;right:0;transform:rotate(90deg)}.tick-bottom{bottom:4%;left:0;transform:rotate(-90deg)}.home-statline{display:flex;align-items:center;gap:40px;border-top:1px solid #303943;border-bottom:1px solid #303943;padding:25px 0}.home-statline>span{display:flex;gap:13px;align-items:center}.home-statline b{font-size:32px;line-height:1;color:#f5f6f3;letter-spacing:-1px}.home-statline small{font-size:8px;letter-spacing:1.5px;color:#b5c2cc;max-width:80px;line-height:1.6}.home-statline>a{display:flex;gap:20px;align-items:center;font-size:8px;letter-spacing:1.4px;color:#b5c2cc;margin-left:auto}.home-statline>a b{font-size:25px;color:#ff8845}.home-manual-section,.home-how{padding:85px 0 0}.home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:35px}.home-section-heading h2{font-size:clamp(31px,3.5vw,47px);margin-bottom:0;letter-spacing:-1.8px}.home-section-heading>p{font-size:13px;line-height:1.8;margin:0;color:#b4c0cb}.home-manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.home-manual-card{position:relative;overflow:hidden;border-radius:16px;border:1px solid #34404c;background:#12191f;display:block;transition:transform .35s,border-color .35s,box-shadow .35s;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.home-manual-card:hover{border-color:#ff934f;box-shadow:0 20px 60px #0004}.manual-card-top{display:flex;justify-content:space-between;align-items:center;padding:24px 27px;font-size:9px;letter-spacing:2px;color:#c0c9d2;position:relative;z-index:4}.round-arrow{border:1px solid #4a5661;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:#f5f6f3;font-size:19px}.manual-card-scene{position:relative;height:310px;margin-top:-10px;background:radial-gradient(ellipse at 55% 60%,#ff7b3222,transparent 67%);isolation:isolate}.finish-card .manual-card-scene{background:radial-gradient(ellipse at 55% 60%,#e3d94114,transparent 65%)}.card-player{position:absolute;width:70%;height:100%;left:12%;top:-5%;object-fit:contain;z-index:2;transition:transform .5s}.finish-card .card-player{width:90%;left:0;top:0}.home-manual-card:hover .card-player{transform:translateY(-8px) scale(1.045)}.scene-word{position:absolute;top:30%;left:6%;font-size:clamp(32px,4vw,60px);font-weight:900;letter-spacing:-2px;color:transparent;-webkit-text-stroke:1px #e4ecf222;line-height:1;z-index:0}.scene-ring{position:absolute;inset:10% 18%;border:1px solid #ff7b3220;border-radius:50%;transform:rotate(-20deg)}.card-dice{position:absolute;right:0;bottom:-6%;width:46%;z-index:3;transform:rotate(10deg);transition:transform .5s}.home-manual-card:hover .card-dice{transform:rotate(0) translateY(-6px)}.manual-card-copy{position:relative;z-index:4;padding:22px 28px 28px}.manual-pill{display:inline-block;font-size:8px;letter-spacing:1.3px;color:#ffad7b;border:1px solid #684c3b;border-radius:20px;padding:5px 9px;background:#151b20}.finish-card .manual-pill{color:#e9dd79;border-color:#5e5a39}.manual-card-copy h3{font-size:33px;letter-spacing:-1px;margin:19px 0 12px}.manual-card-copy p{font-size:13px;color:#b5c3ce;margin:0 0 25px}.manual-card-cta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #34404c;padding-top:20px;font-size:12px;color:#f2f5f8}.manual-card-cta>span{font-size:22px;color:#ff9559}.how-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.how-cards article{position:relative;border-top:1px solid #3d4853;padding:0 10px 20px}.how-picture{height:155px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#ff7b320b,transparent 65%)}.how-picture img{max-width:90%;height:125px;object-fit:contain;transition:transform .35s}.how-picture .real-dice{width:100%;transform:rotate(-10deg)}.how-cards article:nth-child(2) .how-picture img{height:75px}.how-cards article:hover img{transform:translateY(-8px) rotate(-4deg)}.how-number{font-size:10px;letter-spacing:2px;color:#ff9b61}.how-cards h3{font-size:26px;margin:9px 0}.how-cards p{font-size:13px;color:#b8c5cf;line-height:1.75;margin:0}.home-progression{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;border-top:1px solid #2f3943;padding:90px 0;margin-top:55px}.progression-art{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center}.progression-art img{position:relative;width:110%;max-width:110%;z-index:2;filter:drop-shadow(0 20px 20px #0006);transform:rotate(-8deg);transition:transform .5s}.progression-art:hover img{transform:rotate(-3deg) translateY(-10px)}.progression-art>span{position:absolute;bottom:0;left:0;font-size:clamp(45px,6vw,90px);font-weight:900;letter-spacing:-4px;color:transparent;-webkit-text-stroke:1px #ffffff20;z-index:0}.progression-halo{position:absolute;width:80%;aspect-ratio:1;border:1px solid #ff8a4645;border-radius:50%;box-shadow:inset 0 0 80px #ff7b320a,0 0 80px #ff7b320a}.progression-copy h2{font-size:clamp(30px,3.5vw,45px)}.progression-copy>p{font-size:14px}.level-path{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:27px 0}.level-path li{font-size:9px;background:#171f27;padding:9px;border:1px solid #35414d;border-radius:6px;color:#c0cbd5}.level-path b{display:block;color:#ff9759;font-size:12px;margin-bottom:4px}.progression-copy .button{font-size:12px;border-radius:40px}.home-downloads{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;background:radial-gradient(ellipse at 10% 0,#ff7b3215,transparent 75%),#121a21;border:1px solid #3b4651;border-radius:16px;padding:40px;margin-bottom:65px}.home-downloads h2{font-size:36px;margin-bottom:15px}.home-downloads p{font-size:13px}.download-links a{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0;border-bottom:1px solid #3b4651}.download-links a:last-child{border-bottom:0}.download-links small{display:block;font-size:9px;letter-spacing:2px;color:#ff9b61;margin-bottom:7px}.download-links b{font-size:19px}.download-links a>span:last-child{font-size:28px;color:#ff995f;transition:transform .25s}.download-links a:hover>span:last-child{transform:translateY(5px)}.home-experience[data-motion=paused] *{animation-play-state:paused!important}.home-experience[data-motion=paused] .home-manual-card{transform:none!important}.home-experience button:focus-visible{outline:2px solid #ffab73;outline-offset:4px}@keyframes home-float{0%,100%{transform:translateY(0) rotate(var(--float-rotate))}50%{transform:translateY(-12px) rotate(calc(var(--float-rotate) + 3deg))}}@keyframes home-orbit-turn{to{transform:rotate(360deg)}}@keyframes home-player-enter{from{transform:translateY(15px) scale(.96);opacity:.2}to{transform:translateY(0) scale(1);opacity:1}}@media(max-width:950px){.home-hero h1{font-size:61px}.home-art{min-height:490px}.home-hero-grid{min-height:540px}.home-statline{gap:22px}.home-statline>a{display:none}.floating-kick{left:-5%}.manual-card-scene{height:270px}.how-cards{gap:15px}.home-progression{gap:25px}}@media(max-width:700px){.home-hero-grid{grid-template-columns:1fr}.home-hero-copy{padding:45px 0 5px}.home-hero h1{font-size:clamp(53px,11vw,75px);letter-spacing:-3px}.home-art{min-height:480px;max-width:460px;width:100%;margin:auto}.home-statline{justify-content:space-between;gap:12px}.home-statline b{font-size:27px}.home-statline>span{gap:8px}.home-statline small{font-size:7px;letter-spacing:1px;max-width:65px}.home-topline .eyebrow{max-width:190px;font-size:8px;line-height:1.8}.home-manual-grid,.home-progression,.home-downloads{grid-template-columns:1fr}.home-section-heading{align-items:flex-start;flex-direction:column;gap:18px}.manual-card-scene{height:330px}.scene-word{font-size:58px}.how-cards{grid-template-columns:1fr 1fr;gap:24px}.home-progression{padding:45px 0}.progression-art{min-height:300px}.progression-art img{width:100%;max-width:100%}.home-downloads{padding:28px;gap:10px}.home-manual-section,.home-how{padding-top:60px}.home-section-heading h2{font-size:36px}.hero-caption{margin-top:28px}.home-main-player{right:14%;width:63%}.floating-shoot{right:0;bottom:1%}.floating-kick{left:0;top:4%}}@media(max-width:380px){.home-art{min-height:380px}.home-hero h1{font-size:49px}.home-statline b{font-size:23px}.home-statline small{font-size:6px}.manual-card-scene{height:270px}.manual-card-copy{padding:20px}.scene-word{font-size:42px}.floating-pair>span{font-size:6px}.home-section-heading h2{font-size:32px}}@media(prefers-reduced-motion:reduce){.home-experience *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.home-experience .home-manual-card{transform:none!important}}
.training-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0 25px}.tools-actions{display:flex;gap:8px;flex-wrap:wrap}.training-tools button,.training-timer button,.print-actions button,.certificate-print{font:12px Arial,sans-serif;padding:11px 14px;color:#e3ebf1;background:#16212b;border:1px solid #435160;border-radius:6px}.training-tools button:hover,.training-timer button:hover{border-color:#ff9a5c}.save-status{font-size:11px;max-width:280px;color:#b6c6d2;margin:0}.training-timer{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:linear-gradient(120deg,#15212b,#10171e);border:1px solid #344553;border-radius:12px;padding:28px;margin-bottom:35px}.training-timer h3{margin:8px 0 20px}.training-timer .eyebrow{margin:0}.training-timer label{display:flex;flex-direction:column;font-size:12px;gap:8px}.training-timer select{background:#0c141c;color:#e3ebf1;padding:10px;border:1px solid #4d6071;border-radius:5px;font:13px Arial,sans-serif;width:100%}.timer-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.timer-controls output{font-size:50px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:2px;color:#ff9b61;line-height:1.2}.timer-controls p{font-size:12px;margin:0}.timer-controls button:first-child{background:#ff914e;color:#0c1319;border-color:#ff914e;min-width:90px}.print-actions{margin-bottom:20px}.certificate-print{margin-bottom:22px}.resume-shortcut{display:inline-block;margin-top:22px;color:#ffab75;font-size:13px}.resume-shortcut[hidden]{display:none}.section-nav{position:sticky;top:77px;z-index:10;background:#090b0df5}.training-manual [data-training-detail]{scroll-margin-top:170px}[data-print-value]{display:none}@media(max-width:700px){.training-tools{flex-direction:column;align-items:flex-start}.save-status{max-width:none}.training-timer{grid-template-columns:1fr;padding:22px}.section-nav{top:64px;gap:5px}.section-nav a{font-size:10px;padding:7px 9px}.training-tools button{font-size:11px}.timer-controls output{font-size:42px}}
@media print{html[data-junaizo-print] body{background:#fff!important;color:#111!important}html[data-junaizo-print] .site-header,html[data-junaizo-print] .site-footer,html[data-junaizo-print] .home-experience{display:none!important}html[data-junaizo-print] main{max-width:none!important;padding:0!important}html[data-junaizo-print] .training-manual:not([data-print-active]){display:none!important}html[data-junaizo-print] [data-print-active]>*{display:none!important}html[data-junaizo-print="records"] [data-print-active]>[data-print-section="records"],html[data-junaizo-print="certificate"] [data-print-active]>[data-print-section="certificate"]{display:block!important}html[data-junaizo-print] [data-print-section]{background:#fff!important;border:0!important;padding:15px 0!important;margin:0!important}html[data-junaizo-print] [data-print-section] *{color:#111!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important}html[data-junaizo-print] [data-print-section] h2{font-size:26px!important}html[data-junaizo-print] [data-print-section] p,html[data-junaizo-print] [data-print-section] label{font-size:12px!important}html[data-junaizo-print] [data-print-section] input,html[data-junaizo-print] button,html[data-junaizo-print] .button,html[data-junaizo-print] .record-note,html[data-junaizo-print] .certificate-art,html[data-junaizo-print] .callout{display:none!important}html[data-junaizo-print] [data-print-value]{display:inline!important;color:#111!important;font-size:13px!important}html[data-junaizo-print] .progress-layout{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important}html[data-junaizo-print] .card,html[data-junaizo-print] .progress-checks,html[data-junaizo-print] .personal-records,html[data-junaizo-print] .certificate-fields{break-inside:avoid}html[data-junaizo-print] .certificate-fields{max-width:650px!important}html[data-junaizo-print] .manual-illustration{max-height:45px!important}}