:root{color-scheme:light;--gold:#24634c;--muted:#717970;--border:#dedfd5;--text:#24352b;--surface:#f4f2eb;--green:#235b45;--card:#fffefa;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--surface)}
html,body{height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none}body{padding:0;color:var(--text);background:var(--surface)}[hidden]{display:none!important}
button,select,input,textarea{font:inherit;color:var(--text)}button{border:1px solid var(--border);border-radius:12px;background:var(--card);min-height:44px;padding:11px 15px;font-weight:550;color:var(--text)}button:hover{background:#edf1e9;border-color:#b8c6b9}button:disabled{opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #74a58b;outline-offset:3px}button.primary,.primary{background:var(--green);border-color:var(--green);color:white;border-radius:14px;min-height:50px}button.primary:hover{background:#194b37}a{color:var(--green)}h1,h2,h3,p{color:inherit}h1{font-size:clamp(26px,4vw,38px);letter-spacing:-1.1px;line-height:1.08;font-weight:650;margin:8px 0 0}h2{font-size:21px;letter-spacing:-.5px;margin:0 0 16px}h3{font-size:17px}p{line-height:1.5}select,input[type=number],input[type=email],input[type=month],textarea{background:var(--card)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:10px;min-height:44px;padding:10px;max-width:100%}input[type=checkbox]{accent-color:var(--green);width:20px;height:20px}label{color:var(--muted)}summary{color:var(--text)}
.app-shell{height:100%;max-width:1120px;margin:auto;display:grid;grid-template-rows:76px minmax(0,1fr) 76px;background:var(--surface);padding:0 28px}.native-header{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);min-width:0}.native-brand{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.native-brand img{border-radius:10px}.native-brand span{font-size:20px;font-weight:650;letter-spacing:-.6px;white-space:nowrap}.preview-label{font-size:10px;color:#6f7d70;border:1px solid #cdd6c9;border-radius:6px;padding:4px 6px;letter-spacing:.03em}.icon-button{padding:0;width:44px;min-width:44px;font-size:25px;background:transparent;border:0}.native-header #offline-status{font-size:11px;background:transparent;color:var(--muted);border:0;padding:0;max-width:110px;line-height:1.2}.native-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;border-top:1px solid var(--border);align-items:center;padding:6px 0 max(6px,env(safe-area-inset-bottom))}.native-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;color:#879083;font-size:13px;height:52px}.native-tabs button[aria-current=page]{background:#e5ecdf;color:var(--green)}.native-tabs svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#native-viewport{min-height:0;overflow:hidden;position:relative}.native-view{height:100%;min-height:0;padding:24px 0;max-width:760px;margin:0 auto}.scroll-view{overflow:auto;overscroll-behavior:contain;padding-right:4px}.native-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:650;color:#77866e}.view-intro{margin:8px 0 28px}.home-view{display:flex;flex-direction:column;gap:16px}.home-greeting{margin-bottom:7px}.home-tip{border:1px solid #d6decf;border-radius:19px;background:#eaf0e3;padding:18px 20px}.daily-tip-wrap{display:block;max-width:none;margin:0;padding:0;border:0;background:transparent}.daily-tip{padding:0;border:0;background:transparent}.daily-tip>summary{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;background:transparent}.daily-tip-label{font-size:10px;letter-spacing:.12em;color:#66805d;text-transform:uppercase}#today-phrase{font-size:19px;line-height:1.35;font-weight:550;color:var(--green);max-width:100%}.daily-tip-chevron{display:none}.daily-tip-body p{font-size:13px;color:#60715e;margin:10px 0}.daily-tip-wrap #today-open{border:0;background:transparent;padding:6px 0 0;min-height:34px;margin:8px 0 0;color:var(--green);font-size:12px}.home-primary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-card{text-align:left;position:relative;padding:20px;min-height:146px;display:flex;flex-direction:column;align-items:flex-start;border-radius:18px;background:var(--card);gap:7px}.action-card strong{font-size:19px;font-weight:650}.action-card small{font-size:12px;opacity:.72}.action-card.primary small{color:#e8f0e7}.action-icon{font-size:25px;font-weight:400;margin-bottom:8px;line-height:1}.action-arrow{position:absolute;right:18px;top:18px;font-size:22px;font-weight:400}.native-row{display:flex;align-items:center;text-align:left;gap:12px;width:100%;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;min-height:66px;padding:10px 2px;font-size:15px}.native-row>span:last-child{margin-left:auto;color:#879780;font-size:22px}.native-row strong{display:block;font-size:15px;font-weight:550}.native-row small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.row-icon{display:flex;align-items:center;justify-content:center;background:#e9edde;width:40px;height:40px;border-radius:12px;flex:none;color:var(--green);font-size:23px}.row-icon.large{width:56px;height:56px;margin-bottom:24px;font-size:32px}.compare-link{font-size:11px;color:#7e897a;text-decoration:none;margin-top:auto;align-self:center;padding:8px}.native-card{padding:24px;border:1px solid var(--border);background:var(--card);border-radius:20px;margin:0 0 20px}.native-card>.primary{width:100%;margin-top:24px}.learning-hero{width:100%;margin:0 0 22px;background:#eaf0e3;min-height:170px}.preview-note{font-size:12px;color:var(--muted);max-width:500px}.native-sheet{color:var(--text);background:var(--surface);border:0;border-radius:24px 24px 0 0;box-shadow:0 -12px 70px #17271c22;margin:auto auto 0;width:min(100%,560px);max-width:100%;max-height:88dvh;padding:12px 24px 28px}.native-sheet::backdrop,dialog::backdrop{background:#16271d66;backdrop-filter:blur(3px)}.sheet-handle{height:4px;width:35px;border-radius:4px;background:#b9c4b5;margin:0 auto 12px}.sheet-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--surface);z-index:2}.sheet-head h2{margin:0}.sheet-body{padding-top:18px}.sheet-body>button{display:block;width:100%;margin:8px 0}.sheet-body .play-mode-settings{background:transparent;border:0;padding:0;margin:0}.sheet-body .play-mode-settings>summary{display:none}.play-mode-settings label{display:block;margin:15px 0 6px}.play-mode-settings input[type=number]{width:100%}.play-mode-settings p{font-size:12px;color:var(--muted)}.play-options{display:flex;gap:12px;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}.play-options label{font-size:13px}.play-options select{max-width:220px}.sheet-body .board-actions{flex-wrap:wrap}.sheet-body .help{font-size:12px;color:var(--muted)}
body:has(.native-tabs[hidden]) .app-shell{grid-template-rows:64px minmax(0,1fr)}.focus-view{max-width:940px;padding:12px 0}.play-panel,.riddle-panel{border:0;background:transparent;margin:0;padding:0}.play-panel>summary,.riddle-panel>summary{display:none}.play-content,.riddle-content{padding:0;background:transparent}.play-content{display:flex;flex-direction:column;align-items:stretch;gap:6px}.play-content>h3,.play-content>.play-actions,.play-help,.play-share-controls{display:none}.play-players{margin:4px 0 8px;max-width:none;color:var(--text)}.play-player{background:transparent;border:0;color:var(--muted);font-size:12px}.play-player.active{background:#e4ecdF;color:var(--green);border:0;box-shadow:none}.play-opening-result{color:#75816b;font-size:11px}.play-scoreboard{color:var(--green);font-size:13px;margin:0;text-align:center}#play-status{margin:0;padding:4px 0;border:0;background:transparent;color:var(--muted);font-size:12px;line-height:1.4;max-width:none;min-height:22px}#play-turn{background:#e7eddf;color:var(--green);border:0;border-radius:10px;padding:6px 10px;margin:6px auto;font-size:12px}.play-move-hint{color:var(--muted);font-size:12px;margin:0;text-align:center}.play-board-shell{width:100%;max-width:800px;margin:auto}.play-board-shell .board{width:100%}.native-play-bar{display:flex;gap:12px;justify-content:center;margin:10px 0 0}.native-play-bar button{min-width:100px;background:transparent;border:0;color:#5a715e;font-size:19px}.native-play-bar button span{font-size:12px;margin-left:7px}#play-session-banner{color:var(--text);background:#f3ebd2;border:1px solid #cdbd8c;font-size:12px}#play-session-banner p{font-size:12px}#play-storage-status{color:#9b6020}.play-board-shell .play-board-finish{background:var(--green);color:white;border-color:#b7c5a4;border-radius:9px;min-height:44px}.play-board-shell .game-cube{color:#233126}.play-cube-actions button{min-height:44px}
.board-panel{border:0;background:transparent;padding:0;margin:0}.board-panel>.section-intro{display:none}.board-panel>.player-strip{display:none}.board-panel>#edit-help,.board-panel>#direction,.board-panel>#lesson-navigation{display:none}.board-panel .board-toolbar{display:flex;justify-content:flex-end;margin:0 0 8px}.board-toolbar button{font-size:12px;padding:4px 12px;min-height:36px}.off-row{display:flex;gap:10px;margin:8px 0}.off-row button{min-height:36px;background:transparent;font-size:12px;color:var(--muted)}#notice{font-size:12px;margin:5px 0;line-height:1.35;color:var(--muted)}.native-editor-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.native-editor-actions>button{flex:1}.setup{padding:0;border:0;background:transparent}.setup>.section-intro,.setup-board-preview,.engine-note{display:none}.setup label{display:block;margin:14px 0 6px}.setup .dice-fields{margin:0}.setup #analyse{width:100%;margin-top:20px}.setup .game-settings{background:var(--card);margin-top:20px}.setup #cancel{width:100%;margin-top:8px}.setup .help{color:var(--muted);font-size:12px}.setup #roll-note{font-size:12px}.setup #position-summary{font-size:13px;border:0;color:var(--muted);background:transparent;padding:0}.setup #game-label{color:var(--muted)}
#view-review{display:flex;flex-direction:column;gap:0;max-width:900px}#native-review-board{flex:none;max-width:720px;width:100%;margin:auto}body[data-view=review] .board-toolbar,body[data-view=review] .off-row,body[data-view=review] #notice,body[data-view=review] #review-reference,body[data-view=review] #import-confirmation{display:none}.review-tabs{flex:none;display:flex;gap:6px;border-bottom:1px solid var(--border);margin-top:12px;padding:0 0 8px}.review-tabs button{flex:1;background:transparent;border:0;font-size:13px;min-height:40px}.review-tabs button[aria-selected=true]{color:var(--green);background:#e2ebdC}.review-tabs button:last-child{flex:0 0 44px}#native-review-detail{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px 4px 6px}#analyse-bereich{background:transparent;border:0;padding:0;margin:0}.analysis .section-head{display:none}#cube-analysis{margin:0 0 8px}#analyse-cube{font-size:12px;width:auto;min-height:36px;margin:0;background:transparent;color:var(--muted)}#cube-result:empty{display:none}#cube-result p{color:var(--muted);font-size:12px}.move{background:var(--card);border-color:var(--border);border-radius:12px;color:var(--text)}.move:hover{background:#edf1e7}.move.selected,.move.active{background:#e8efdF;border-color:#89a17e}.move-top,.move-top strong,.equity,.probabilities,.move p{color:var(--text)}.move .rank{color:#7c8e6a;background:#e5ebdb}.move-explanation{background:var(--card);border-color:var(--border);color:var(--text)}.move-explanation p,.move-explanation h3,.move-explanation .coaching-takeaway{color:var(--text)}.move-explanation summary{color:var(--green)}.analysis-rating{color:var(--muted);font-size:12px;margin-top:16px}.analysis-rating button{background:transparent;color:#b69947;font-size:22px;border:0}.discussion{margin:0;padding:0;border:0}.discussion h3{display:none}.coach-disclosure{font-size:11px;color:var(--muted)}.discussion>.coach-disclosure{display:none}#coach-messages{min-height:0}.coach-text{color:var(--text);font-size:14px;line-height:1.55}.coach-message.user{color:var(--muted)}.coach-message>strong,.coach-message-head>strong{color:var(--muted)}.coach-composer{background:var(--card);border-color:var(--border);position:sticky;bottom:0}.coach-composer textarea{color:var(--text);background:transparent!important;min-height:46px;border:0!important;font-size:14px;resize:none}.discussion .coach-composer button{background:var(--green);color:white}.discussion .coach-utilities button{color:var(--muted)}.discussion .coach-suggestions button{color:var(--green)}body[data-review=moves] #discussion,body[data-review=why] #discussion,body[data-review=coach] #results,body[data-review=coach] #cube-analysis,body[data-review=coach] .analysis-rating{display:none}body[data-review=moves] .move-explanation,body[data-review=moves] #archived-explanation{display:none}body[data-review=why] #results>.move,body[data-review=why] #results>.move-list,body[data-review=why] .near-moves{display:none}
.import-panel{background:var(--card);border:1px solid var(--border);padding:20px;border-radius:18px;margin:20px 0}.import-head h2{font-size:20px;color:var(--text)}.import-head p{font-size:13px;color:var(--muted)}.upload{background:var(--green);color:white;border-radius:12px;min-height:48px;padding:14px 18px;font-size:14px}.import-grid{grid-template-columns:1fr}.import-grid img{max-height:210px;margin:auto}.import-controls .help{font-size:12px;color:var(--muted)}.import-status{font-size:12px;color:var(--muted)}.recognition-preferences{font-size:12px;color:var(--muted)}.import-progress{background:#eaf0e4;border-color:#c6d4bf;color:var(--text)}.progress-stages{color:var(--muted)}.import-panel details{margin:14px 0;padding:12px 0;border-top:1px solid var(--border)}.import-panel details summary{font-size:12px}.import-panel label{font-size:12px}.import-panel p{font-size:12px;color:var(--muted)}#apply-import{width:100%;margin-top:12px}#import-confirmation{background:#eaf0e2;border:1px solid #c1ceb8;border-radius:14px;padding:14px;margin-top:12px}#import-confirmation p{font-size:12px;color:var(--muted)}#confirm-import{width:100%;background:var(--green);color:white}#review-reference{margin:10px 0;font-size:12px}#review-photo{max-height:130px;object-fit:contain}#review-reference button{min-height:32px;font-size:11px}#ai-import-status{font-size:12px}
#view-riddle .riddle-content{padding:0}#riddle-heading{display:none}#riddle-context,#riddle-status,#riddle-moves{color:var(--muted);font-size:13px;margin:6px 0}.riddle-actions{gap:8px}.riddle-actions button{font-size:12px;flex:1}.riddle-content #riddle-result{background:var(--card);color:var(--text);border-color:var(--border)}#play-report{margin:0;padding:0;border:0}#play-report-summary{font-size:14px;color:var(--text)}#play-report label{font-size:12px}.play-report-position,.play-snapshot{background:var(--card);border-color:var(--border);color:var(--text);border-radius:14px}.play-report-position summary{font-size:13px;color:var(--text)}.play-report-position p{color:var(--muted)}.play-snapshot strong{font-size:13px}.play-snapshot p{font-size:12px}.play-snapshot .play-actions button{font-size:12px}.play-report-board{max-width:620px}.play-report-position .play-actions{flex-wrap:wrap}.play-report-position .play-actions button{font-size:12px}.play-shared{background:var(--card);color:var(--text);border-color:var(--border)}
#account-slot{margin:0;width:100%}.account-card{width:100%;max-width:none;margin:0;position:static;border:0;background:transparent}.account-card>summary{display:none}.account-popover{position:static;box-shadow:none;border:0;padding:0;background:transparent;min-width:0;max-width:none;width:100%;color:var(--text)}.account-popover p{font-size:14px;color:var(--muted)}.account-popover button{width:100%;margin:8px 0}.account-popover a{display:block;padding:14px;border:1px solid var(--border);border-radius:12px;text-decoration:none}.native-view footer{margin:0;padding:0;border:0;color:var(--muted);font-size:12px}.native-view footer summary{font-size:13px}.footer-line{flex-wrap:wrap;gap:12px;border:0;font-size:11px}.language-switch{border-color:var(--border);color:var(--muted);margin-top:20px}#collection-dialog{color:var(--text);background:var(--surface);border:0;border-radius:20px;width:min(760px,96vw);max-height:92dvh;padding:24px}.collection-head{position:sticky;top:0;background:var(--surface);z-index:1}.collection-head h2{color:var(--text)}#collection-dialog p{color:var(--muted);font-size:13px}.recognized-board,.archive-item{background:var(--card);border-color:var(--border);color:var(--text)}.decision-card{border:0;padding:0;background:transparent}.decision-card h2{font-size:16px}.decision-card p{font-size:12px;color:var(--muted)}
@media(min-width:760px){.home-view{max-width:660px;padding-top:38px;gap:18px}.home-primary .action-card{min-height:150px}.native-sheet{margin:auto;border-radius:24px}.app-shell{border-left:1px solid var(--border);border-right:1px solid var(--border)}.native-view:not(.focus-view):not(.home-view){max-width:620px}#view-play .play-board-shell{max-width:min(800px,calc((100dvh - 286px)*1.6))}#view-editor #brett{max-width:min(800px,calc((100dvh - 220px)*1.6));margin:auto}#view-review #native-review-board{max-width:min(650px,calc((100dvh - 270px)*1.1))}}
@media(max-width:600px){.app-shell{padding:0 16px;grid-template-rows:68px minmax(0,1fr) 74px}.native-header{padding-top:env(safe-area-inset-top)}.native-header .native-brand img{width:30px;height:30px}.native-brand span{font-size:18px}.native-tabs{margin:0 -16px;padding-left:12px;padding-right:12px}.native-tabs button{flex-direction:column;gap:4px;font-size:10px;height:56px;border-radius:13px}.native-tabs svg{width:21px;height:21px}.native-view{padding:20px 0}.home-view{gap:12px}.home-greeting{margin-bottom:5px}.home-tip{padding:16px}#today-phrase{font-size:17px}.action-card{padding:18px 16px;min-height:138px}.action-card strong{font-size:18px}.action-card small{font-size:11px}.native-row{min-height:63px}.native-card{padding:20px}.view-intro{margin:4px 0 24px}.focus-view{padding:10px 0}.native-header #offline-status{display:none}.native-play-bar button{min-width:80px}.native-sheet{padding-bottom:max(24px,env(safe-area-inset-bottom))}.native-play-bar{margin-top:4px}.play-player{font-size:11px}.play-board-shell .play-board-finish{min-width:88px}#native-review-detail{padding-top:10px}#view-review #native-review-board{max-width:600px}.preview-label{font-size:9px}.board{border-top-width:28px}.native-card footer .footer-line>span{display:none}}
@media(max-height:730px) and (orientation:portrait){.home-view{gap:8px;padding:14px 0}.home-greeting h1{font-size:25px}.home-tip{padding:12px 16px}#today-phrase{font-size:15px}.home-primary .action-card{min-height:118px;padding:14px}.action-icon{margin-bottom:3px}.native-row{min-height:54px}.compare-link{padding:2px}.daily-tip-wrap #today-open{margin:3px 0 0;min-height:24px}.native-header{height:auto}#view-play .play-board-shell{max-width:min(100%,calc((100dvh - 255px)*1.6))}.play-opening-result{max-width:140px}.play-move-hint{font-size:11px}.native-play-bar{margin-top:0}#native-review-board{max-width:min(100%,calc((100dvh - 300px)*1.6))}}
@media(orientation:landscape) and (max-height:600px){body:has(.native-tabs[hidden]) .app-shell{grid-template-rows:48px minmax(0,1fr);padding:0 20px}.native-brand img{display:none}.native-header .native-brand span{font-size:16px}.native-view{padding:10px 0}.home-view{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:900px}.home-greeting{display:none}.home-tip{grid-row:span 2}.home-primary .action-card{min-height:116px}.home-primary{grid-column:2}.home-view .native-row{min-height:46px}.compare-link{display:none}#view-play{position:relative;padding-right:190px;max-width:none}.play-content{position:relative;gap:0}.play-content #play-status,.play-content #play-turn,.play-content #play-move-hint,.play-content .play-scoreboard{position:absolute;left:calc(100% + 16px);width:174px;margin:0;text-align:left}.play-content #play-status{top:62px}.play-content .play-scoreboard{top:20px}.play-content #play-turn{top:128px}.play-content #play-move-hint{top:167px}.play-content .play-players{margin:0 0 4px}.play-board-shell{max-width:min(100%,calc((100dvh - 95px)*1.6))}.native-play-bar{position:absolute;right:0;top:235px;width:175px;gap:0}.native-play-bar button{min-width:0;padding:5px 8px}.native-play-bar button span{display:block;margin:0;font-size:10px}#view-review{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);grid-template-rows:48px minmax(0,1fr);gap:0 18px;max-width:none}#native-review-board{grid-row:span 2;max-width:100%;align-self:center}.review-tabs{margin:0}.review-tabs button{padding:6px}#native-review-detail{padding-top:10px}#view-editor{display:flex;align-items:center;gap:20px}#native-editor-board{flex:1;min-width:0}#view-editor #brett{max-width:min(100%,calc((100dvh - 105px)*1.6))}.native-editor-actions{width:160px;flex-direction:column}.native-tabs{height:55px}.app-shell{grid-template-rows:48px minmax(0,1fr) 55px}.native-tabs button{height:40px;flex-direction:row}.native-tabs svg{width:18px;height:18px}.native-sheet{max-height:92dvh}}
@media(prefers-reduced-motion:no-preference){.native-view{animation:app-appear .18s ease-out}@keyframes app-appear{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}}
/* Override legacy selectors that intentionally had higher specificity. */
.native-header{margin:0;align-self:stretch}.daily-tip-wrap .daily-tip>summary{display:flex;align-items:flex-start;row-gap:8px}.daily-tip-wrap .daily-tip-label{padding:0}.daily-tip-wrap #today-open{position:static;display:block;margin:8px 0 0;padding:4px 0;min-height:30px;font-size:12px;text-decoration:none}.daily-tip-body{padding:0}.daily-tip-wrap #today-phrase{font-size:17px;line-height:1.35}.daily-tip-label::after{content:none}
.play-content{border:0;max-width:none}.play-content #play-status{display:block;max-width:none;min-height:22px;margin:0;padding:2px 0;background:transparent;color:var(--muted);border:0;border-radius:0;font-size:12px;line-height:1.35}.play-content #play-turn{display:block;max-width:100%;margin:4px auto;padding:6px 10px;border:0;border-radius:9px;background:#e7eddf;color:var(--green);font-size:12px;line-height:1.35}.play-content .play-scoreboard{font-size:13px;margin:0}.play-content .play-move-hint{font-size:12px;margin:0;line-height:1.35}.play-content .play-players{margin:3px 0 6px}.play-content #play-off{width:auto;min-height:32px;font-size:11px;padding:4px 12px;align-self:center}.play-content .play-board-shell .board{margin:4px auto}.native-play-bar{margin:6px 0 0}.native-play-bar button{min-height:40px}
.board{--gold:#d9b866;background:#b39463;border-color:#775735}.point:before{background:#eee0b8}.point:nth-of-type(even):before{background:#715437}.board .bar{background:#876440}.board .bar span,.board .bar button{color:#f6edd5}.board .board-mid{color:#503821}.board .num{color:#fff4db}.board .board-pip-count{color:#fff4db}.board .chip.gold{background:#d9b866}.point.highlight{background:#274f3624;box-shadow:inset 0 0 0 1px #4f8d5c}.native-play-bar #native-off{display:none}
body[data-view=review] #archived-explanation{border:1px solid var(--border);border-left:3px solid #6d9060;border-radius:12px;padding:14px;background:var(--card);color:var(--text);margin-bottom:12px}body[data-view=review] #archived-explanation summary{color:var(--green);font-size:14px;line-height:1.4}body[data-view=review] #archived-explanation p{font-size:14px;line-height:1.5;color:var(--text)}body[data-review=why] #results>.result-summary,body[data-review=why] #results>.result-note,body[data-review=why] #near-equivalent{display:none}.result-summary{border-color:var(--border)}.result-summary strong{color:var(--green)}.result-summary span,.move-meta,.result-note{color:var(--muted)}.result-note{font-size:11px;line-height:1.5}.near-equivalent{color:var(--muted);font-size:12px}
@media(min-width:760px){.play-content .play-board-shell{max-width:min(800px,calc((100dvh - 225px)*1.4))}.play-content .play-board-shell .board{max-width:none}.home-tip .daily-tip-wrap #today-phrase{font-size:19px}}
@media(max-height:730px) and (orientation:portrait){.play-content .play-board-shell{max-width:min(100%,calc((100dvh - 215px)*1.13))}.play-content .play-opening-result{display:none}.play-content #play-status{font-size:11px}.play-content #play-turn{font-size:11px;padding:4px 8px}.play-content .play-move-hint{font-size:11px}.home-tip .daily-tip-wrap #today-phrase{font-size:14px}.home-tip .daily-tip-wrap #today-open{min-height:24px;margin-top:3px}}
@media(orientation:landscape) and (max-height:600px){.play-content .play-board-shell{max-width:min(100%,calc((100dvh - 92px)*1.4))}.play-content #play-status{position:absolute;left:calc(100% + 16px);top:62px;max-width:174px}.play-content #play-turn{position:absolute;left:calc(100% + 16px);top:128px;max-width:174px;margin:0}.play-content .play-scoreboard{position:absolute;left:calc(100% + 16px);top:20px;max-width:174px}.play-content .play-move-hint{position:absolute;left:calc(100% + 16px);top:180px;max-width:174px}.play-content #play-off{position:absolute;left:calc(100% + 16px);top:230px}.native-play-bar{top:275px}.play-content .play-opening-result{display:none}}
#view-play .play-board-shell{max-width:none!important}#view-play .play-content{min-width:0}.native-play-bar button{flex:1;min-width:0;white-space:nowrap}.native-play-bar button span{white-space:nowrap}.saved-takeaway{font-weight:550}.native-brand{overflow:hidden}.native-brand span{overflow:hidden;text-overflow:ellipsis}.native-header .preview-label{flex:none}
@media(max-width:360px){body:has(.native-tabs[hidden]) .native-header .preview-label{display:none}.native-play-bar button{padding:6px 8px}.native-play-bar button span{font-size:11px}}
.play-panel{overflow:visible}.native-view .archive-item{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:12px 0;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--card)}.archive-item strong{flex:1;font-size:14px}.archive-item p{flex-basis:100%;margin:0}.archive-item button{font-size:12px}
@media(max-height:730px) and (orientation:portrait){.home-tip .daily-tip-wrap #today-phrase{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-view .compare-link{display:none}.home-view .native-row{min-height:48px}.home-view .row-icon{width:34px;height:34px}.home-view .action-card{min-height:104px}.home-view .action-card .action-icon{font-size:22px;margin:0}.home-view .action-card small{font-size:10px}}
body:has(#import-confirmation:not([hidden]):not(.confirmed)){padding:0}#import-confirmation:not(.confirmed) #confirm-import{position:static;width:100%;min-height:48px;box-shadow:none;background:var(--green);color:white;border:0;margin-top:14px}.native-sheet #import-confirmation{border:0;background:transparent;margin:0;padding:0}#review-reference{position:static;z-index:auto;margin:0 0 10px;padding:10px;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:none;color:var(--muted)}#review-reference .review-reference-head{color:var(--muted)}#review-reference #review-photo{height:110px;max-height:110px;width:100%;object-fit:contain;background:transparent;border:0}.needs-action{outline:none;box-shadow:none;animation:none}#view-editor{display:flex;flex-direction:column}.native-editor-actions{margin-top:auto;flex:none;padding-top:10px}#native-editor-board{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain}.native-editor-actions button{min-height:48px}.home-tip .daily-tip-body{max-height:105px;overflow:auto}.next-action-hint{background:#eaf0e4;color:var(--text);border-color:#82a071;font-size:12px}.expert-panel,.expert-group{background:transparent;color:var(--text);border-color:var(--border)}
.board .point .num{color:#35291b}.off-row .chip.gold{background:#d9b866}
@media(max-height:730px) and (orientation:portrait){.home-greeting .native-eyebrow{display:none}.home-greeting h1{font-size:24px;margin:0}.home-view .home-greeting{margin:0}}
@media(orientation:landscape) and (max-height:600px){.home-view{grid-template-rows:minmax(0,1fr) 48px 48px}.home-view .home-tip{grid-row:span 3}.home-view .native-row{grid-column:2;min-height:44px;height:48px;margin:0}.home-view .home-primary .action-card{min-height:112px;padding:14px;gap:4px}.home-view .action-icon{font-size:22px;margin-bottom:4px}.home-view .action-card strong{font-size:17px}.home-view .action-card small{font-size:11px}.home-view .daily-tip-wrap #today-phrase{font-size:16px}}

.native-sheet .play-mode-settings label,.native-sheet .play-options label{color:var(--text)}.native-sheet{box-sizing:border-box;overflow-y:auto}.native-sheet select,.native-sheet input,.native-sheet textarea{font-size:16px}

/* Native game controls remain readable in both enabled and disabled states. */
#view-play .play-board-tools button{opacity:1;box-shadow:0 2px 5px #30251455;min-height:44px}
#view-play .play-board-undo{background:#fff9e9;color:#233e30;border:2px solid #556b4e;min-width:44px;width:44px;font-size:28px}
#view-play .play-board-finish{background:#235b45;color:#fff;border:2px solid #e4ecd9}
#view-play .play-board-tools button:disabled{opacity:1;background:#ddd8c9;color:#595a51;border:2px solid #aaa791;box-shadow:none}
#view-play .play-content{gap:4px}
#view-play .play-board-shell{margin:0 auto}
#view-play .play-board-shell .board{margin:0;max-width:none}
#view-play .play-content #play-turn{margin:0 auto;padding:4px 10px}
#view-play .play-content .play-players{margin:0}
#view-play .play-opening-result{display:none}
body[data-view=play]:has(.native-tabs[hidden]) .app-shell{grid-template-rows:56px minmax(0,1fr);padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
#view-play{max-width:none;padding:6px 0 max(4px,env(safe-area-inset-bottom))}
#view-play .native-play-bar{margin-top:4px}
#view-play .native-play-bar button{min-height:44px}
#view-play .play-content #play-off{min-height:44px}
/* Lists may scroll; the live game always fits the available viewport. */
.report-match-card{display:flex;flex-direction:column;gap:8px;width:100%;padding:16px;text-align:left;margin:0 0 10px;background:var(--card)}
.report-match-card strong{font-size:15px}.report-match-card span{font-size:12px;color:#5c6b5e}
#play-report-back{margin-bottom:16px}#play-report-matches:empty{display:none}
#play-saved-positions{margin:20px 0}#play-saved-positions>summary{padding:12px 0;font-size:14px}
.play-report-position.player-marked{border:2px solid #ad8227;border-left-width:5px;background:#fffae8}
.play-report-position>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;column-gap:10px;row-gap:6px;padding:14px;cursor:pointer}
.play-report-position>summary::after{content:'';grid-column:3;grid-row:1;align-self:center;justify-self:center;width:7px;height:7px;border-right:2px solid #52634e;border-bottom:2px solid #52634e;transform:rotate(45deg)}
.play-report-position>summary:has(.report-bookmark)::after{grid-row:2}
.play-report-position[open]>summary::after{transform:rotate(225deg)}
.report-bookmark{grid-column:1 / 3;font-size:12px;font-weight:750;color:#795619}
.report-turn{grid-column:1;font-size:14px;line-height:1.4}.report-severity{grid-column:1 / 3;font-size:12px;color:#52604f}
.report-roll{grid-column:2;justify-self:end;display:inline-flex;align-items:center;gap:4px;vertical-align:middle;font-weight:800;color:#203528;white-space:nowrap}
.report-die{display:block;flex:none;width:22px;height:22px;border:0;background:transparent;color:#1f3025}
.report-roll-numbers{line-height:22px;font-size:14px;letter-spacing:1px;margin-left:3px}
.report-marked-note{font-size:13px;font-weight:700;color:#795619}
.match-open-form{padding:18px 0;border-top:1px solid var(--border);margin-top:20px}
.match-open-form label{display:block;margin-bottom:8px;font-weight:650;color:var(--text)}
.match-open-form>div{display:flex;gap:8px}.match-open-form input{min-width:0;flex:1}
.match-open-form input,#play-share-link{background:var(--card);color:var(--text);border:1px solid #a9b6a4;border-radius:10px;padding:12px;font-size:16px;width:100%;min-height:46px}
.match-open-form p:empty{display:none}.match-open-form p{font-size:13px;color:#794d21}
.native-sheet .match-code{font-size:22px;letter-spacing:1px;font-weight:750;color:var(--green);margin:0 0 12px}
#play-share-ready label{display:block;font-size:12px;margin:12px 0 6px}.share-copy-actions{display:flex;gap:8px;margin-top:8px}.share-copy-actions button{flex:1;padding:10px;font-size:14px}.native-sheet .share-note{font-size:12px;color:var(--muted)}
@media(orientation:landscape) and (max-height:600px){
 body[data-view=play]:has(.native-tabs[hidden]) .app-shell{grid-template-rows:44px minmax(0,1fr);max-width:none}
 #view-play{padding:4px 0 max(4px,env(safe-area-inset-bottom));position:relative}
 #view-play #play-panel{height:100%}
 #view-play .play-content{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 156px;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;gap:6px 12px;padding-bottom:0}
 #view-play .play-content>.play-board-shell{grid-column:1;grid-row:1/7;align-self:center}
 #view-play .play-content #play-status,#view-play .play-content #play-turn,#view-play .play-content #play-move-hint,#view-play .play-content .play-scoreboard,#view-play .play-content #play-off,#view-play .play-content .play-players{position:static;left:auto;top:auto;max-width:none;width:auto;margin:0;grid-column:2;font-size:12px;text-align:left}
 #view-play .play-content .play-scoreboard{grid-row:1;line-height:1.3}
 #view-play .play-content .play-players{grid-row:2;flex-direction:column;align-items:flex-start;gap:0}
 #view-play .play-content .play-player{padding:3px 6px;font-size:11px}
 #view-play .play-content #play-status{grid-row:3;padding:0;min-height:0}
 #view-play .play-content #play-turn{display:none}
 #view-play .play-content #play-move-hint{grid-row:4;font-size:11px}
 #view-play .play-content #play-off{position:absolute;bottom:50px;right:0;top:auto;left:auto;width:156px;text-align:center}
 #view-play .native-play-bar{position:absolute;right:0;bottom:4px;top:auto;width:156px;margin:0;gap:0}
 #view-play .native-play-bar button{padding:4px;min-height:44px}
 #view-play .play-content #play-engine-retry,#view-play .play-content #play-storage-status,#view-play .play-content #play-session-banner{grid-column:2;grid-row:5;align-self:start;max-height:110px;overflow:auto;font-size:11px}
 #view-play .play-content #play-session-banner p{font-size:11px;margin:4px 0}
 #view-play .play-content #play-session-banner button{min-height:36px;padding:4px;font-size:11px}
 #view-play .play-board-tools{gap:5px}
 #view-play .play-board-tools .play-board-finish{min-width:96px;font-size:12px}
 #view-play .board{border-top-width:25px}
}

/* The live game keeps its identity in sight without taking another board row. */
#view-play .play-scoreboard{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px 9px}
#view-play #play-id-chip{min-height:28px;padding:2px 6px;border:0;border-radius:7px;background:transparent;color:#596d5c;font-size:11px;font-weight:650;letter-spacing:.01em;white-space:nowrap;cursor:pointer}
#view-play #play-id-chip:focus-visible{outline:2px solid #235b45;outline-offset:1px}
@media(orientation:landscape) and (max-height:600px){#view-play .play-scoreboard{justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:0}#view-play #play-id-chip{padding-left:0;font-size:10px;white-space:normal;text-align:left;overflow-wrap:anywhere}}

/* Dice are unframed ivory pieces; the selected die lifts instead of gaining a ring. */
#view-play .play-board-shell .game-die,#view-play .play-board-shell .game-die:hover,#view-play .play-board-shell .game-die:active,#view-play .play-board-shell .game-die:disabled{border:0;background:#fffdf4;box-shadow:inset 0 1px 1px #fff,0 2px 5px #352a1c77;border-radius:9px}
#view-play .play-board-shell .game-die.active{transform:translateY(-3px);box-shadow:inset 0 1px 1px #fff,0 4px 7px #352a1c99}
#view-play .play-board-shell .game-die.used{opacity:.76;box-shadow:0 1px 3px #352a1c55}
#view-play .play-board-shell .game-die:focus-visible{outline:2px solid #235b45;outline-offset:2px}

.native-sheet #play-share-status{color:#385d48;font-size:13px;margin:8px 0}

.play-report-board button:disabled,#play-shared-board button:disabled{opacity:1}.report-metrics{margin:0 0 16px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--card)}.report-metrics summary{font-size:13px}.report-metrics #play-report-summary{font-size:12px}.play-report-position[open]>summary{border-bottom:1px solid #dbd0af}#play-report>label{display:flex;gap:8px;align-items:center;margin:8px 0}#play-review-status:empty{display:none}
/* A short decision card, with the board kept in view. */
body[data-review=moves] .decision-explanation{display:none}
.learning-comparison{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-bottom:12px;align-items:end}.learning-comparison button{min-height:38px;font-size:12px;padding:7px 10px}.learning-best{grid-column:1/-1;background:#e3ecdf;color:#285640;border:1px solid #bdcfb4;text-align:left}.learning-comparison label{font-size:10px;letter-spacing:.04em;color:var(--muted);min-width:0;margin:0}.learning-select{display:block;width:100%;min-width:0;max-width:100%;font-size:12px;min-height:38px;padding:6px;margin-top:3px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:9px}.learning-view{background:var(--card);color:var(--green);border:1px solid var(--border)}
.decision-card{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.decision-card .learning-category{font-size:10px;line-height:1.3;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#526b55;margin:0 0 5px}.decision-card h3{font-size:21px;line-height:1.16;letter-spacing:-.025em;margin:0 0 12px;color:var(--text)}.decision-card p{font-size:14px;line-height:1.48;margin:10px 0 0;color:var(--text)}.decision-card p strong{display:block;font-size:10px;line-height:1.3;text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px;color:#526b55}.decision-card .learning-principle{border-left:3px solid #819766;padding:3px 0 3px 10px}.decision-card .learning-limit{font-size:12px;color:#62665c}.learning-source{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}.learning-source summary{color:var(--green);font-size:12px;cursor:pointer;min-height:30px}.learning-source blockquote{font-size:17px;line-height:1.4;margin:8px 0;color:var(--green);font-family:Georgia,serif}.learning-source cite{font-size:11px}.learning-source p{font-size:12px}.learning-source a{color:#285640;text-decoration:underline;text-underline-offset:3px}.learning-source small{display:block;margin-top:4px;color:var(--muted)}.learning-evidence{font-size:10px!important;color:var(--muted);line-height:1.4;margin:8px 2px!important}.decision-explanation>.move-explanation{padding:12px;border-radius:12px;margin-top:10px}.decision-explanation>.move-explanation>summary{font-size:12px}.decision-card .learning-report-pair{font-size:11px;color:var(--muted);margin:0 0 10px}.play-report-position .decision-card{margin-top:12px}.play-report-position .decision-card h3{font-size:19px}
@media(max-width:360px){.decision-card{padding:12px}.decision-card h3{font-size:19px}.decision-card p{font-size:13px}.learning-comparison{gap:5px}}
.decision-card .learning-equal{font-size:11px;color:#526b55;background:#edf1e7;padding:6px 8px;border-radius:6px;margin:0 0 8px}
body[data-review=why] #cube-analysis:has(#cube-result:empty){display:none}
@media(orientation:portrait) and (max-width:759px){
 body[data-view=review][data-review=why] #view-review #native-review-board{max-width:clamp(190px,calc((100dvh - 390px)*.75),280px)}
}
@media(orientation:landscape) and (max-height:600px){
 #view-review #native-review-board{max-width:min(100%,calc((100dvh - 90px)*1.15));width:100%}
}
@media(min-width:1000px) and (min-height:601px){
 #view-review{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,1fr);grid-template-rows:48px minmax(0,1fr);gap:0 24px;max-width:1080px}
 #view-review #native-review-board{grid-row:span 2;max-width:100%;align-self:center}.review-tabs{margin-top:0}
}

.review-tabs button{-webkit-tap-highlight-color:transparent}
@media(max-width:360px){body[data-review=why] #native-review-board .num{font-size:9px}body[data-review=why] #native-review-board .board-mid{font-size:8px}body[data-review=why] #native-review-board .board-pip-count{font-size:12px}}

/* Report decisions: bookmarks and errors stay outside the collapsed group. */
.report-equivalent-group{border:1px solid var(--line,#d6d9ce);border-radius:12px;margin:12px 0;background:var(--panel,#f6f7ef)}
.report-equivalent-group>summary{padding:16px;cursor:pointer;font-weight:700;line-height:1.4;min-height:48px;box-sizing:border-box}
.report-equivalent-body{padding:0 10px 10px}
.report-equivalent-group>summary:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:12px}

[data-action="bookmark"][aria-pressed="true"]{color:#111}

.library-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;margin:8px 0 14px;background:#e7ebe3;border-radius:14px}.library-tabs button{border:0;background:transparent;border-radius:10px;min-height:44px;color:#344b3e;font-weight:600;padding:6px 2px}.library-tabs button[aria-pressed=true]{background:#fff;color:#172f22;box-shadow:0 1px 4px #0002}.library-toolbar,.library-report-actions,.library-bulk{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.library-toolbar button,.library-report-actions button,.library-bulk button{min-height:44px;font-size:14px;padding:8px 12px}.library-report{background:var(--card);border:1px solid var(--border);border-radius:14px;margin:8px 0;padding:8px}.library-report .report-match-card{border:0;box-shadow:none;margin:0;width:100%;text-align:left}.library-report-actions{margin:0}.library-report-actions button{background:transparent}.library-position{border:1px solid var(--border);border-radius:12px;padding:12px;margin:8px 0;background:var(--card)}.library-position-head{display:flex;align-items:center;gap:12px;min-height:44px}.library-position-head input{width:22px;height:22px}.library-position>details>summary{min-height:44px;padding:10px 0}.library-controls,.library-fields{display:grid;gap:12px;margin:12px 0}.library-controls label,.library-fields label{display:grid;gap:5px;font-size:14px;color:var(--text)}.library-controls select,.library-controls input,.library-fields input,.library-fields textarea,.library-fields select{width:100%;min-height:44px;box-sizing:border-box;font-size:16px}.library-fields textarea{min-height:70px}.weekly-er-chart{display:block;width:100%;height:auto;max-height:240px;background:var(--card);border:1px solid var(--border);border-radius:14px}.weekly-er-chart circle{cursor:pointer}.weekly-er-chart circle:focus-visible{outline:2px solid #111}#play-progress-detail{font-size:14px;color:var(--text);min-height:24px}
@media(max-width:360px){.library-tabs button{font-size:13px;letter-spacing:-.2px;padding:6px 0}}
.library-archive-select{display:grid;gap:5px;font-size:14px}.library-archive-select select{min-height:44px;font-size:16px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--card)}
.library-position-label{min-width:0}.library-position-label strong,.library-position-label small{display:block}.library-position-label small{margin-top:3px;color:var(--muted);font-size:13px}

#play-reports-heading{display:none}.library-bulk select,.library-report-actions input{min-height:44px;font-size:16px;min-width:0}.library-bulk select{flex:1 1 170px}.library-report-actions input{flex:1 1 100%}

.library-group-title{font-size:16px;margin:18px 0 6px;color:#294738}.library-position+ .library-group-title{margin-top:22px}

#view-play{position:relative}#view-play .play-result{position:static;margin:0 0 8px;padding:12px 14px;font-size:14px;line-height:1.4;box-shadow:0 3px 10px #0002}#view-play .play-result strong{font-size:16px}#view-play .play-result p{margin:5px 0 10px}.play-result-actions{display:flex;gap:8px;flex-wrap:wrap}.play-result-actions button{min-height:44px;font-size:14px;color:#173d31;background:#f5eddb;border-color:#e4c477;flex:1 1 120px}.play-result-actions #play-result-report{background:transparent;color:#fff}
@media(orientation:landscape) and (max-height:600px){#view-play .play-content:has(#play-result:not([hidden])) :is(#play-status,#play-turn,#play-move-hint,.play-scoreboard,.play-players){display:none}#view-play .play-content .play-result{grid-column:2;grid-row:1/5;align-self:start;margin:0;padding:10px;font-size:13px}#view-play .play-result-actions{gap:5px}#view-play .play-result-actions button{flex-basis:100%;padding:6px}}
/* Analysis remains one tap away in the main navigation. */
.native-tabs button{min-width:0;padding:6px 3px;color:#61715e}.native-tabs{gap:3px}
.beta-badge{display:inline-block;vertical-align:middle;padding:3px 7px;border-radius:6px;background:#efe2b9;color:#66501a;font:650 11px/1.3 system-ui;letter-spacing:.02em}
.video-view h1{font-size:27px;line-height:1.2}.video-view p{line-height:1.5}.video-sources{display:grid;gap:18px;margin-bottom:20px}.video-sources .upload{justify-self:start}.video-sources label,.video-options label{display:block}.video-inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.video-inline input{flex:1;min-width:140px}.video-options{display:grid;gap:14px;margin:18px 0}.video-options input[type=checkbox]{width:auto;margin-right:6px}.video-options select{max-width:100%}.video-limit,#video-summary{background:#e8edde;padding:14px;border-radius:12px;color:#334c38;font-size:13px}.video-view video,.video-view iframe{width:100%;aspect-ratio:1112/512;max-height:55vh;background:#13261e;border:0;border-radius:12px}.video-view iframe{min-height:210px}.video-view progress{width:100%;margin-top:16px;accent-color:var(--green)}#video-timeline{padding:0;list-style:none}#video-timeline li{padding:14px 0;border-top:1px solid var(--border);display:grid;gap:8px}#video-timeline .video-row-title{font-weight:650;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.video-row-state{font-size:11px;padding:3px 7px;border-radius:6px;background:#e2eadb;color:#234b35}.video-row-state[data-state=unresolved]{background:#f0e4ce;color:#6c4b18}.video-row-state[data-state=inferred]{background:#e1e8ee;color:#365166}#video-timeline p{margin:0;font-size:13px}#video-timeline button{min-height:44px}#youtube-panel a{display:inline-block;margin:0 12px 14px 0}#youtube-panel p{font-size:13px}#video-status{overflow-wrap:anywhere}#video-start:disabled{opacity:.5}
@media(max-width:600px){.native-tabs button{font-size:11px;gap:4px}.video-view h1{font-size:23px}.video-inline button{flex-grow:1}.video-view .view-intro{margin-bottom:20px}}

#youtube-url{display:block;width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;background:#fffefb;color:var(--text);font:inherit;min-width:0}.video-sources .video-inline{display:grid;grid-template-columns:minmax(0,1fr) auto}

@media(orientation:landscape) and (max-height:600px){#view-play .native-play-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}

.discussion-rating{margin-top:16px}.discussion-rating button{min-width:44px;min-height:44px;background:transparent;color:#8c702c;font-size:24px}.discussion-rating p{font-size:13px}.discussion-rating #discussion-archive-status{color:var(--muted)}#discussion-game-result{padding:10px;border:1px solid var(--border);border-radius:10px;color:var(--green)}#discussion-archive-list{display:flex;flex-direction:column;gap:8px}#discussion-archive-list button{text-align:left;overflow-wrap:anywhere}.coach-text{overflow-wrap:anywhere}.coach-text>div{white-space:normal}
.coach-message,.coach-text,.discussion{min-width:0;max-width:100%}.coach-text{white-space:normal}
.discussion-rating [role=group]{display:flex;gap:4px;flex-wrap:wrap}.discussion-rating [role=group] button{width:44px;flex:0 0 44px;padding:4px;min-height:44px}

/* The account is an inline native screen, never the Classic header popover. */
#view-account #account-slot{position:static;z-index:auto}
#view-account #account{position:static;margin:0;width:100%}
#view-account #account>summary{display:none}
#view-account #account .account-popover{position:static;width:100%;max-width:none;padding:0;background:transparent;border:0;box-shadow:none;color:var(--text)}
#view-account #account .account-popover button,#view-account #account .account-popover a{color:var(--text);background:var(--card);border:1px solid var(--border);min-height:48px;padding:12px 16px;text-align:left;font-size:16px}
#view-account #account-state{color:var(--muted);font-size:14px;margin:18px 0;line-height:1.5}
.account-profile{display:flex;align-items:center;gap:16px}.account-profile[hidden]{display:none}.account-avatar{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:50%;background:#e0e8db;color:#245d48;font-size:24px;font-weight:700;overflow:hidden}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-identity{display:grid;gap:6px;min-width:0}.account-identity strong{font-size:21px;line-height:1.25;overflow-wrap:anywhere}.account-identity span{font-size:14px;overflow-wrap:anywhere;color:var(--muted)}
#view-account #account-collection{background:#245d48;color:#fff;border-color:#245d48}
#view-account #account-logout{margin-top:18px}