:root{--bg:#080808;--panel:#111;--panel2:#181818;--panel3:#202020;--line:#2c2c2c;--gold:#ffc21c;--gold2:#ff9f0a;--red:#ef3340;--green:#30d158;--blue:#4aa8ff;--purple:#bf5af2;--text:#f7f7f7;--muted:#999;--shadow:0 18px 60px #0008;--r:18px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}.login{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(360px,.85fr);background:radial-gradient(circle at 20% 20%,#5b2e00 0,#130b04 32%,#070707 68%)}.login-art{position:relative;display:grid;place-items:center;padding:5vw;overflow:hidden}.login-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#070707dd)}.login-art>img{width:min(620px,90%);max-height:68vh;object-fit:contain;filter:drop-shadow(0 24px 50px #000)}.login-copy{position:absolute;left:7vw;bottom:6vh;z-index:2;max-width:550px}.eyebrow,#pageKicker{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--gold)}.login-copy h1{font-size:clamp(42px,5vw,78px);line-height:.92;margin:10px 0 18px;text-transform:uppercase}.login-copy p{font-size:17px;color:#ddd;max-width:520px}.login-card{align-self:center;justify-self:center;width:min(430px,86%);background:#101010ed;border:1px solid #363636;border-radius:28px;padding:34px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.login-mark{display:flex;align-items:center;gap:12px;margin-bottom:26px}.login-mark img{width:58px;height:58px;object-fit:contain}.login-mark b{display:block;font-size:19px}.login-mark small{color:var(--gold);font-weight:800}.login-card h2{font-size:30px;margin:0 0 5px}.login-card>p{margin:0 0 22px;color:var(--muted)}label{display:block;color:#ddd;font-weight:700;margin:10px 0}.password-field{position:relative}.password-field input{padding-right:52px}.password-field button{position:absolute;right:6px;top:9px}.login-status{margin-top:20px;color:#aaa;font-size:12px;display:flex;gap:8px;align-items:center}.status-dot,#cloudDot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #30d15888}.error{color:#ff7b86;margin-top:12px}.wide{width:100%}.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#15100a;border-radius:12px;padding:13px 18px;font-weight:900}.secondary{background:#242424;color:#fff;border:1px solid #444;border-radius:11px;padding:11px 15px;font-weight:800}.danger{background:#48131a;color:#ffb2b8;border:1px solid #7d2730;border-radius:10px;padding:9px 12px}.ghost{background:transparent;color:#ddd;border:1px solid #333;border-radius:11px;padding:11px}.icon-btn{width:40px;height:40px;border-radius:11px;background:#202020;color:#fff;border:1px solid #363636;display:inline-grid;place-items:center;padding:0}input,select,textarea{width:100%;background:#1c1c1c;border:1px solid #3a3a3a;border-radius:11px;padding:12px 13px;color:#fff;margin-top:6px;outline:none}input:focus,select:focus,textarea:focus{border-color:#a97900;box-shadow:0 0 0 3px #ffc21c16}#app{min-height:100vh;display:grid;grid-template-columns:260px 1fr}aside{position:sticky;top:0;height:100vh;background:#060606;border-right:1px solid #252525;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:18px;cursor:pointer}.brand img{width:58px;height:58px;object-fit:contain}.brand b{display:block;font-size:18px}.brand small{color:var(--gold);font-size:10px;letter-spacing:.08em}nav{padding:4px 10px;overflow:auto;display:grid;gap:3px}.nav-group{padding:14px 11px 5px;color:#6f6f6f;font-weight:900;font-size:10px;letter-spacing:.13em}.nav-btn{background:transparent;color:#cfcfcf;text-align:left;padding:11px 12px;border:1px solid transparent;border-radius:11px;display:flex;gap:11px;align-items:center}.nav-btn span:first-child{width:22px;text-align:center}.nav-btn.active,.nav-btn:hover{background:linear-gradient(90deg,#4a3100,#251b05);color:var(--gold);border-color:#614600}.aside-foot{margin-top:auto;padding:14px;border-top:1px solid #252525}.sync-row{display:flex;gap:10px;align-items:center;margin-bottom:12px}.sync-row b,.sync-row small{display:block}.sync-row b{font-size:12px}.sync-row small{color:#777;font-size:10px}#cloudDot{background:#777;box-shadow:none}#cloudDot.ok{background:var(--green);box-shadow:0 0 12px #30d15866}main{min-width:0}header{height:86px;border-bottom:1px solid #252525;padding:12px 24px;display:flex;align-items:center;gap:17px;position:sticky;top:0;background:#090909e8;backdrop-filter:blur(16px);z-index:15}.crumb h1{font-size:25px;margin:1px 0}.crumb p{margin:0;color:var(--muted);font-size:12px}.header-actions{margin-left:auto;display:flex;gap:9px;align-items:center}.profile{display:flex;align-items:center;gap:10px;margin-left:7px}.profile b,.profile small{display:block}.profile small{color:#888;font-size:11px}.avatar,.player-avatar{border-radius:50%;display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,var(--gold),#a95700);color:#150d00}.avatar{width:40px;height:40px}.view-wrap{padding:22px;max-width:1600px;margin:auto}.hero{min-height:310px;border-radius:24px;background:linear-gradient(90deg,#000e 0,#0008 42%,#0002),url('../assets/laktong-logo.png') 92% 50%/380px no-repeat,#2a1705;border:1px solid #5a3d00;display:flex;align-items:center;padding:36px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-100px;top:-120px;width:400px;height:400px;border:1px solid #ffc21c22;border-radius:50%}.hero-copy{max-width:650px;z-index:1}.hero h2{font-size:clamp(34px,4vw,58px);line-height:.95;margin:10px 0 15px;text-transform:uppercase}.hero p{font-size:16px;color:#d0d0d0}.hero-actions{display:flex;gap:10px;margin-top:22px}.grid,.action-grid,.metric-grid,.player-grid,.course-grid,.settings-grid,.stats-grid{display:grid;gap:14px}.action-grid{grid-template-columns:repeat(6,1fr);margin:16px 0}.action{min-height:118px;text-align:left;background:linear-gradient(145deg,#1b1b1b,#101010);color:#fff;border:1px solid #353535;border-radius:16px;padding:18px;transition:.18s}.action:hover{transform:translateY(-2px);border-color:#8b6400}.action .icon{font-size:24px}.action strong{display:block;font-size:15px;margin-top:15px}.action small{display:block;color:#888;margin-top:4px}.metric-grid{grid-template-columns:repeat(4,1fr);margin:16px 0}.metric,.card{background:linear-gradient(145deg,#131313,#0e0e0e);border:1px solid var(--line);border-radius:var(--r);padding:18px}.metric{position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;top:-35px;background:#ffc21c0d}.metric b{font-size:32px;color:var(--gold);display:block}.metric span{color:var(--muted)}.metric small{display:block;color:#5fd579;margin-top:5px}.grid.two{grid-template-columns:1.25fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.card h3{margin:0 0 14px;font-size:16px}.card-head,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.toolbar h2{margin:0}.section-title{font-size:19px;margin:24px 0 12px}.table-wrap{overflow:auto;border-radius:13px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:#101010}th,td{padding:12px;border-bottom:1px solid #292929;text-align:left;white-space:nowrap}th{background:#191919;color:#bbb;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#2a2a2a;color:#ddd;font-size:11px;font-weight:800}.badge.green{background:#123b21;color:#82efa0}.badge.gold{background:#4b3400;color:#ffd85d}.badge.red{background:#47151b;color:#ff9ca5}.forms{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.wizard{display:grid;grid-template-columns:250px 1fr;gap:18px}.steps{background:#101010;border:1px solid var(--line);border-radius:16px;padding:12px;height:max-content}.step{padding:13px;border-radius:11px;color:#777;font-weight:800}.step.active{background:#3c2a00;color:var(--gold)}.step.done{color:var(--green)}.pick-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pick-card{border:1px solid #353535;border-radius:13px;padding:13px;display:flex;align-items:center;gap:11px;background:#151515}.pick-card input{width:auto;margin:0}.player-avatar{width:42px;height:42px}.score-head{position:sticky;top:86px;z-index:4;background:#080808;padding:8px 0 14px}.hole-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:5px}.hole-tab{min-width:48px;background:#1a1a1a;color:#aaa;border:1px solid #333;border-radius:10px;padding:9px}.hole-tab.active{background:var(--gold);color:#161008}.scoreboard{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.score-player{background:#111;border:1px solid #323232;border-radius:18px;padding:18px}.score-player-head{display:flex;align-items:center;gap:12px}.score-control{display:grid;grid-template-columns:52px 1fr 52px;gap:8px;align-items:center;margin:20px 0}.score-control button{height:52px;border-radius:14px;background:#272727;color:#fff;font-size:24px}.score-number{text-align:center;font-size:52px;font-weight:900}.score-meta{display:flex;justify-content:space-between;color:#aaa}.lptj-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:15px}.lptj-pill{border:1px solid #3a3a3a;border-radius:10px;padding:8px;text-align:center}.lptj-pill input{margin:5px 0 0;text-align:center}.player-grid{grid-template-columns:repeat(4,1fr)}.player-card,.course-card{background:#111;border:1px solid #303030;border-radius:18px;overflow:hidden}.player-card-top{height:86px;background:linear-gradient(135deg,#4a2f00,#141414);padding:16px;display:flex;justify-content:space-between}.player-card-body{padding:16px}.player-card h3{margin:0}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.mini-stats div{background:#191919;border-radius:9px;padding:8px;text-align:center}.mini-stats b,.mini-stats small{display:block}.mini-stats small{color:#777}.course-grid{grid-template-columns:repeat(3,1fr)}.course-cover{height:130px;background:linear-gradient(135deg,#0f3a23,#252d0e);display:flex;align-items:flex-end;padding:15px}.course-card-body{padding:15px}.stats-grid{grid-template-columns:repeat(3,1fr)}.chart{height:210px;display:flex;align-items:flex-end;gap:8px;padding-top:20px}.bar{flex:1;background:linear-gradient(180deg,var(--gold),#805500);border-radius:7px 7px 2px 2px;min-width:18px;position:relative}.bar span{position:absolute;top:-22px;width:100%;text-align:center;font-size:10px;color:#aaa}.line-chart{height:210px;width:100%}.leader-row{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #252525}.rank{font-size:19px;font-weight:900;color:var(--gold)}.settings-grid{grid-template-columns:repeat(2,1fr)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #292929}.toggle{width:46px;height:26px;border-radius:20px;background:#383838;padding:3px}.toggle.on{background:var(--green)}.toggle:after{content:"";display:block;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}.toggle.on:after{transform:translateX(20px)}.empty{padding:42px;text-align:center;color:#888}.empty .big{font-size:44px}.drawer{position:fixed;right:-480px;top:0;width:min(460px,92vw);height:100vh;background:#101010;border-left:1px solid #333;z-index:40;transition:.25s;box-shadow:var(--shadow);overflow:auto}.drawer.open{right:0}.drawer-head{position:sticky;top:0;background:#101010e8;backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid #2d2d2d}.drawer-head h3{margin:0}.drawer #drawerBody{padding:18px}.overlay{position:fixed;inset:0;background:#0009;z-index:35;display:none}.overlay.show{display:block}#toast{position:fixed;right:20px;bottom:20px;background:#202020;border:1px solid #555;border-radius:11px;padding:12px 16px;opacity:0;transform:translateY(8px);transition:.2s;z-index:60}#toast.show{opacity:1;transform:none}#menuBtn{display:none}@media(max-width:1180px){.action-grid{grid-template-columns:repeat(3,1fr)}.player-grid{grid-template-columns:repeat(3,1fr)}.course-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){#app{grid-template-columns:1fr}aside{position:fixed;left:-280px;width:260px;transition:.22s}aside.open{left:0}#menuBtn{display:grid}.grid.two,.wizard{grid-template-columns:1fr}.steps{display:flex;overflow:auto}.step{min-width:max-content}.scoreboard{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.login{grid-template-columns:1fr}.login-art{display:none}}@media(max-width:720px){header{padding:10px 13px;height:76px}.profile>div:last-child,.header-actions>#searchBtn{display:none}.view-wrap{padding:12px}.hero{min-height:280px;background-size:230px;background-position:120% 45%;padding:22px}.hero h2{font-size:38px}.action-grid,.metric-grid,.forms,.pick-list,.player-grid,.course-grid,.settings-grid,.stats-grid{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:1fr}.score-head{top:76px}}@media(max-width:480px){.action-grid,.metric-grid,.forms,.pick-list,.player-grid,.course-grid,.settings-grid,.stats-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero{background-position:160% 40%}.login-card{width:92%;padding:24px}.crumb p{display:none}}

/* V4.2 complete UI layer */
button:disabled{opacity:.45;cursor:not-allowed}.check{display:flex;align-items:center;gap:9px;font-weight:600;color:var(--muted)}.check input{width:auto;margin:0}.profile{background:transparent;color:inherit;border:0;padding:0;display:flex;align-items:center;gap:10px;text-align:left}.notify{position:relative}.notify #notifyCount{position:absolute;right:-5px;top:-6px;background:var(--red);color:white;min-width:18px;height:18px;border-radius:10px;font-size:10px;display:grid;place-items:center}.modal{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{width:min(500px,100%);max-height:90vh;overflow:auto;background:#111;border:1px solid #3a3a3a;border-radius:20px;box-shadow:var(--shadow);padding:20px}.modal-actions,.drawer-actions,.wizard-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.mobile-nav{display:none}.step{border:1px solid #333;background:#151515;color:#888;border-radius:12px;padding:12px;text-align:center;font-weight:800}.step.active{background:#4a3100;border-color:#9b6e00;color:var(--gold)}.step.done{color:var(--green);border-color:#245a34}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.option-card{display:flex;gap:12px;align-items:center;background:#171717;border:1px solid #333;border-radius:12px;padding:14px;margin:0}.option-card input{width:auto;margin:0}.option-card b,.option-card small{display:block}.option-card small{color:var(--muted)}.handicap-list{display:grid;gap:10px}.handicap-row{display:grid;grid-template-columns:46px 1fr 130px;align-items:center;gap:12px;padding:12px;border:1px solid #333;border-radius:13px;background:#141414}.handicap-row small{display:block;color:var(--muted)}.handicap-row label{margin:0}.review-banner{background:linear-gradient(135deg,#3d2600,#19130a);border:1px solid #6e4e00;border-radius:16px;padding:22px;margin-bottom:15px}.review-banner h2{font-size:28px;margin:5px 0}.profile-hero{display:flex;gap:15px;align-items:center;margin-bottom:16px}.profile-hero h2{margin:0 0 5px}.player-avatar.large{width:74px;height:74px;font-size:22px}.two-mini{grid-template-columns:repeat(2,1fr)!important}.three-mini{grid-template-columns:repeat(3,1fr)!important}.tabs{display:flex;gap:6px;overflow:auto;margin:18px 0 14px;border-bottom:1px solid #333}.tabs button{background:transparent;color:#aaa;padding:10px 12px;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.hole-editor{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:16px}.hole-editor>div{background:#171717;border:1px solid #333;border-radius:10px;padding:8px;text-align:center}.hole-editor input{padding:8px;margin-top:5px;text-align:center}.course-cover.detail{min-height:170px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end}.progress{height:8px;background:#2a2a2a;border-radius:10px;overflow:hidden;margin:15px 0}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--green))}.compact{padding:18px!important}.drawer form{padding-bottom:18px}.drawer-body small,.setting-row small{display:block;color:var(--muted)}
@media(max-width:900px){main{padding-bottom:72px}.mobile-nav{display:grid;position:fixed;bottom:0;left:0;right:0;z-index:30;grid-template-columns:repeat(5,1fr);background:#090909f4;border-top:1px solid #333;padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));backdrop-filter:blur(18px)}.mobile-nav button{background:transparent;color:#888;display:grid;gap:2px;place-items:center;padding:6px;border-radius:9px}.mobile-nav button span{font-size:18px}.mobile-nav button small{font-size:9px}.mobile-nav button.active{color:var(--gold);background:#2b2108}.option-grid{grid-template-columns:1fr}.hole-editor{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.modal{padding:10px}.modal-card{border-radius:16px}.wizard-actions{position:sticky;bottom:66px;background:#080808e8;padding:10px 0;z-index:5}.wizard-actions .ghost{display:none}.handicap-row{grid-template-columns:42px 1fr 100px}.two-mini,.three-mini{grid-template-columns:1fr!important}.profile>div:not(.avatar){display:none}}