.moon-skip{width:100%;max-width:1800px;height:var(--screen-height, 100dvh);margin:auto;padding:12px;display:grid;grid-template-columns:clamp(160px,18vw,230px) minmax(0,1fr) clamp(160px,18vw,230px);grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:10px 18px;font:14px/1.35 Courier New,monospace;color:#e1e6d3;background:#101e28;color-scheme:dark}.moon-skip>*{min-width:0}html[data-theme=light] .moon-skip{color:#1a3039;background:#e8e6d7;color-scheme:light}.moon-skip header{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.moon-skip h1{font-size:clamp(16px,2.5vw,26px);letter-spacing:-.04em;margin:0}.moon-skip header p{margin:2px 0;font-size:12px}.moon-skip button{font:inherit;color:inherit;background:transparent;border:1px solid currentColor;padding:8px;min-height:44px;cursor:pointer}.moon-skip button:disabled{opacity:.45;cursor:default}.moon-skip :focus-visible{outline:3px solid #a58b4c;outline-offset:2px}.skip-hud{grid-column:1;grid-row:3;display:flex;justify-content:space-between;gap:8px;font-weight:700}.skip-display{grid-column:2;grid-row:2 / 6;position:relative;width:min(100%,calc((var(--screen-height, 100dvh) - 88px) * 1.142857));align-self:center;justify-self:center}.skip-display canvas{display:block;width:100%;height:auto;image-rendering:pixelated;border:1px solid #304650}.skip-pause{position:absolute;inset:0;background:#0b1420e8;color:#edf0d1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.skip-card{grid-column:1;grid-row:4;display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;text-align:center;border-block:1px solid #788078}.skip-card li{padding:4px 0;font-size:12px}.skip-card strong{display:block;font-size:20px}.moon-skip section{grid-column:1;grid-row:2}.moon-skip section>label{display:block;margin:0 0 14px}.moon-skip section p{margin:12px 0}.moon-skip input[type=range]{display:block;width:100%;min-height:36px;accent-color:#b5a36b}.skip-setting{display:flex!important;gap:6px;align-items:center;margin:8px 0}.skip-setting input{width:22px;height:22px;flex-shrink:0}.skip-outcome{grid-column:3;grid-row:2 / 6;display:flex;flex-direction:column;gap:10px}.skip-throw{width:100%;font-weight:700!important;touch-action:none;-webkit-user-select:none;user-select:none}.skip-status{margin:0}.moon-skip footer{border-top:1px solid #788078;padding-top:8px}.moon-skip footer p{margin:8px 0 0;font-size:12px}.moon-skip select{display:block;width:100%;min-height:44px;font:inherit;color:inherit;background:#101e28;border:1px solid currentColor}.skip-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0}.skip-actions button{flex:1;padding:6px}.moon-skip .skip-help{grid-column:1;grid-row:5;margin:0;padding:6px 0;font-size:12px;text-align:left;border:0}.moon-skip .skip-round-dialog{position:fixed;inset:0;margin:auto;width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:20px;color:#e1e6d3;border:1px solid #8aada8;background:#101e28}.skip-round-dialog::backdrop{background:#0b1420dd}.moon-skip .skip-round-dialog button{margin:8px 6px 0 0}@media(max-width:959px){.moon-skip{padding:10px;column-gap:12px;font-size:12px;grid-template-columns:clamp(118px,20vw,170px) minmax(0,1fr) clamp(118px,20vw,170px)}.moon-skip header p{font-size:10px}.moon-skip section>label{margin-bottom:8px}.moon-skip section p{margin:8px 0}.skip-outcome{gap:8px}.skip-actions{gap:4px;margin:6px 0}.skip-card li{font-size:10px}.skip-card strong{font-size:16px}}@media(max-width:480px){.moon-skip{padding:8px;column-gap:8px;font-size:11px;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr)}.skip-hud{flex-direction:column;gap:0;font-size:10px}.skip-card li{font-size:9px;overflow-wrap:anywhere}.skip-setting{flex-wrap:wrap}}@media(max-height:540px){.moon-skip{padding-block:6px;row-gap:4px;font-size:11px}.moon-skip header p{display:none}.moon-skip h1{font-size:16px}.moon-skip section p:last-child,.moon-skip footer>p{display:none}.moon-skip section>label,.skip-actions,.skip-setting{margin-block:4px}.skip-outcome{gap:4px}.moon-skip footer{padding-top:4px}.skip-display{width:min(100%,calc((var(--screen-height, 100dvh) - 72px) * 1.142857))}.skip-card li{padding:0}}.moon-skip header>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 20px}.moon-skip header>div p:first-child{font-size:10px}.skip-hud{flex-wrap:wrap;font-size:12px}.skip-card li{font-size:10px}.skip-card strong{font-size:16px}@media(max-width:959px){.moon-skip{column-gap:10px}.moon-skip header>div{gap:2px 10px}.moon-skip header>div p:first-child{display:none}.moon-skip h1{font-size:18px}.skip-hud{font-size:10px}.skip-card li{font-size:9px}}.moon-skip .skip-throw,.moon-skip .skip-primary{color:#16252b;background:#e8dfc4;border:2px solid #c4b48a;box-shadow:inset 0 -3px #b5a88755,2px 2px #02080f66;font-weight:700}.moon-skip .skip-throw:not(:disabled):hover,.moon-skip .skip-primary:hover{background:#f2ead0;border-color:#f2ead0}.moon-skip .skip-throw:not(:disabled):active,.moon-skip .skip-primary:active{transform:translateY(1px)}.skip-pause{gap:18px;padding:20px;background:#09121bea}.skip-pause-title{color:#f2ead0;font-weight:700;font-size:clamp(15px,2.4vw,28px);letter-spacing:.06em;margin:0}.moon-skip .skip-primary{width:min(100%,320px);min-height:58px;padding:14px 20px;font-size:18px}.skip-pause-save{font-size:12px;color:#b4c1b7;margin:0}.moon-skip .skip-restart{border-color:#526861;color:#bac6bb}.skip-help .skip-card{margin:12px 0 20px}.skip-help .skip-card strong{font-size:14px}.skip-preview{color:#b7c6bc;font-size:12px}.moon-skip input[type=range]{appearance:none;-webkit-appearance:none;background:transparent}.moon-skip input[type=range]::-webkit-slider-runnable-track{height:6px;background:#445c5c;border:1px solid #829589}.moon-skip input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:14px;margin-top:-5px;background:#e8dfc4;border:2px solid #c4b48a;border-radius:3px}.moon-skip input[type=range]::-moz-range-track{height:6px;background:#445c5c;border:1px solid #829589}.moon-skip input[type=range]::-moz-range-thumb{width:16px;height:10px;background:#e8dfc4;border:2px solid #c4b48a;border-radius:3px}.moon-skip input:disabled{opacity:.5}@media(max-width:959px){.moon-skip header>div p:first-child{display:block}.skip-pause{gap:14px;padding:12px}.moon-skip .skip-primary{font-size:14px;min-height:52px;padding:10px}.skip-pause-save{font-size:10px}}@media(prefers-reduced-motion:reduce){.moon-skip .skip-throw:not(:disabled):active,.moon-skip .skip-primary:active{transform:none}}.skip-history{border-top:1px solid #536c63;margin-top:20px;padding-top:12px}.skip-history h2{font-size:12px;letter-spacing:.06em;font-weight:400;margin:0 0 8px;color:#b8c7ba}.skip-history ol{list-style:none;padding:0;margin:0}.skip-history li{padding:5px 0;color:#aebfb6;font-size:12px;line-height:1.35}.skip-history strong,.skip-history span{display:block}.skip-history strong{font-weight:400}.skip-history .latest-throw{color:#f2ead0}.skip-history .latest-throw strong{font-weight:700}.skip-history p{color:#aebfb6;font-size:11px}@media(max-width:959px){.skip-history{margin-top:12px;padding-top:8px}.skip-history li{font-size:10px;padding:4px 0}.skip-history h2{font-size:10px}}@media(max-height:540px){.skip-history{margin-top:8px;padding-top:6px}.skip-history li:not(:last-child){display:none}.skip-history h2{font-size:10px;margin-bottom:4px}.skip-history p{display:block!important}}.skip-win h2{color:#f2ead0;font-size:clamp(18px,2.3vw,30px);line-height:1.15;letter-spacing:.04em;margin:0 0 12px}.skip-win p{font-size:12px;margin:0 0 12px}.skip-win .skip-win-rest{color:#b8c7ba}@media(max-width:959px),(max-height:540px){.skip-win p{font-size:10px;margin-bottom:8px}.skip-win h2{font-size:18px;margin-bottom:8px}}.skip-notebook{position:fixed;inset:12px auto 12px 12px;margin:auto 0;padding:0;width:min(480px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);border:2px solid #c4b48a;background:#0d1524;color:#f2ead0;box-shadow:4px 4px #02080f88}.skip-notebook::backdrop{background:#07122266}.skip-notebook-inner{display:flex;flex-direction:column;max-height:calc(100dvh - 28px)}.skip-notebook-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 6px}.skip-notebook-header h2{font:700 18px/1.3 Courier New,monospace;margin:0;letter-spacing:.04em}.skip-notebook-header h2 span{display:block;font:12px/1.5 Arial,sans-serif;color:#c0bdad;letter-spacing:0}.skip-notebook-header button{flex-shrink:0;font:13px Arial,sans-serif;border-color:#877d64}.skip-pad-strip{display:flex;gap:26px;padding:20px 24px 25px;margin:0 18px;border-bottom:1px dotted #c4b48a80}.mini-pad{position:relative;width:28px;height:12px;background:#365f50;box-shadow:-3px 3px #365f50,3px 3px #365f50,0 6px #274b45;text-align:center}.mini-pad.reached{background:#aecb77;box-shadow:-3px 3px #aecb77,3px 3px #aecb77,0 6px #6d925b}.mini-pad b{position:absolute;inset:-5px 0 0;color:#f2ead0;font-size:20px}.mini-pad i{position:absolute;top:-19px;left:8px;font:14px monospace}.mini-pad small{position:absolute;top:21px;left:11px;font:10px Arial,sans-serif;color:#c0bdad}.skip-notebook-body{overflow-y:auto;overscroll-behavior:contain;padding:4px 18px 18px;font:14px/1.5 Arial,sans-serif;color:#c0bdad}.moon-skip .skip-notebook section{padding:14px 0;border-bottom:1px solid #c4b48a26}.skip-notebook h3{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#f2ead0;margin:0 0 9px}.moon-skip .skip-notebook section p{display:block;margin:0 0 8px}.moon-skip .skip-notebook section p:last-child{margin-bottom:0}.skip-notebook dl{margin:0}.skip-notebook dl>div{display:grid;grid-template-columns:58px 1fr;gap:8px;margin-bottom:10px}.skip-notebook dt{color:#f2ead0;font-weight:700}.skip-notebook dd{margin:0}.skip-notebook .notebook-note{font-size:12px}.skip-scorecard{width:100%;border-collapse:collapse;font:13px/1.5 Courier New,monospace;text-align:right}.skip-scorecard th,.skip-scorecard td{padding:5px 4px;font-weight:400}.skip-scorecard th:first-child{text-align:left}.skip-scorecard thead{color:#c0bdad;font-size:11px;text-transform:uppercase;border-bottom:1px solid #c4b48a40}.skip-scorecard .unused-stone{color:#827f77}.skip-scorecard .latest-stone{color:#f2ead0;background:#f2ead00a}.skip-scorecard .latest-stone th{box-shadow:inset 2px 0 #c4b48a;padding-left:8px}@media(max-width:480px){.skip-notebook-header,.skip-notebook-body{padding-inline:12px}.skip-notebook-header h2{font-size:16px}}@media(max-width:600px)and (orientation:portrait){.moon-skip{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:max-content;align-content:start;gap:10px 12px;padding:12px;font-size:13px}.moon-skip header{grid-row:1}.moon-skip header p{display:none}.skip-hud{grid-column:1 / -1;grid-row:2;flex-direction:row;font-size:12px}.skip-display{grid-column:1 / -1;grid-row:3;width:min(100%,max(180px,calc((var(--screen-height, 100dvh) - 430px) * 1.142857)));margin:4px 0}.moon-skip>.skip-controls,.moon-skip>.skip-outcome{display:contents}.skip-controls>label:nth-of-type(1){grid-column:1;grid-row:4}.skip-controls>label:nth-of-type(2){grid-column:2;grid-row:4}.moon-skip .skip-controls>label{margin:0}.moon-skip input[type=range]{min-height:44px}.moon-skip .skip-controls>.skip-preview{grid-column:1;grid-row:5;align-self:center;margin:0;font-size:12px}.skip-controls>.skip-setting{grid-column:2;grid-row:5;flex-wrap:nowrap;font-size:11px;min-height:44px}.skip-outcome>.skip-throw{grid-column:1 / -1;grid-row:6;min-height:48px;font-size:15px}.skip-outcome>.skip-status,.skip-outcome>.skip-win{grid-column:1 / -1;grid-row:7}.skip-win h2,.skip-win p{margin-bottom:6px}.skip-outcome>button:not(.skip-throw){grid-column:1 / -1;grid-row:8}.skip-history{grid-column:1 / -1;grid-row:9;margin:0;padding-top:8px}.skip-history li:not(:last-child){display:none}.skip-history li{font-size:12px}.skip-history strong,.skip-history span{display:inline}.skip-history span{margin-left:10px}.moon-skip .skip-help{grid-column:1 / -1;grid-row:10;min-height:44px;font-size:12px}.skip-outcome>footer{grid-column:1 / -1;grid-row:11;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.skip-outcome>footer>p{grid-column:1 / -1}.skip-outcome>footer .skip-actions{margin:0}}.moon-skip header nav{display:flex;gap:8px;flex-shrink:0}.moon-skip header nav button{border-color:#526861;font-size:12px}.has-finished>.skip-controls,.has-finished>.skip-outcome{align-self:center}.has-finished .skip-history{margin-top:0;border-top:0}.has-finished .skip-history li{padding:7px 0}.has-finished .skip-history .latest-throw{color:#aebfb6}.has-finished .skip-history .latest-throw strong{font-weight:400}.moon-skip .skip-settings-dialog{position:fixed;inset:0;margin:auto;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:20px;color:#e1e6d3;border:1px solid #536c63;background:#101e28}.skip-settings-dialog::backdrop{background:#0b1420bb}.skip-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.skip-settings-heading h2{margin:0;font-size:22px;letter-spacing:-.04em}.skip-settings-dialog>label{display:block;margin-bottom:18px}.skip-settings-dialog select{margin-top:6px}@media(max-width:600px)and (orientation:portrait){.has-finished .skip-display{grid-row:2}.has-finished .skip-outcome>.skip-win,.has-finished .skip-outcome>.skip-finish{grid-row:3}.has-finished .skip-outcome>.skip-throw{grid-row:4}.has-finished .skip-outcome>button:not(.skip-throw){grid-row:5}.has-finished .skip-history{grid-row:6}.has-finished .skip-history li{display:block;padding:3px 0}.has-finished .skip-help{grid-row:7}}.skip-finish h2{color:#f2ead0;font-size:clamp(18px,2.3vw,30px);line-height:1.15;letter-spacing:.04em;margin:0 0 12px}.skip-finish p{color:#b8c7ba;font-size:12px;margin:0 0 12px}@media(max-width:959px),(max-height:540px){.skip-finish h2{font-size:18px}}@media(max-width:600px)and (orientation:portrait){.skip-outcome>.skip-finish{grid-column:1 / -1}}.moon-skip .skip-throw-style{display:block!important}.skip-throw-style select{margin:5px 0}.skip-throw-style small{display:block;color:#b8c7ba;font-size:11px;line-height:1.4}@media(max-width:600px)and (orientation:portrait){.app-screen:has(>.moon-skip){overflow:hidden}.moon-skip{padding:4px 10px max(8px,env(safe-area-inset-bottom));grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:44px minmax(0,1fr) 64px 20px 52px 52px;gap:6px 12px;overflow:hidden}.moon-skip>header{grid-column:2;grid-row:1;justify-content:flex-end}.moon-skip>header>div,.moon-skip .skip-header-home{display:none}.moon-skip header nav{gap:2px}.moon-skip header nav button{border:0;padding:6px;min-width:44px;min-height:44px}.moon-skip .skip-hud{grid-column:1;grid-row:1;align-self:center;font-size:10px;gap:8px;flex-wrap:nowrap}.moon-skip .skip-display{grid-column:1 / -1;grid-row:2;width:auto;height:100%;max-width:100%;aspect-ratio:256 / 224;margin:0;min-height:0}.skip-display canvas{width:100%;height:100%;object-fit:contain}.moon-skip .skip-controls>label:nth-of-type(1),.moon-skip .skip-controls>label:nth-of-type(2){grid-row:3;align-self:center}.moon-skip .skip-controls>.skip-preview{grid-column:1 / -1;grid-row:4;font-size:11px}.moon-skip .skip-outcome>.skip-throw{grid-column:1 / -1;grid-row:5;min-height:52px;margin:0}.moon-skip .skip-outcome>.skip-status{grid-row:6;font-size:12px;line-height:1.35;overflow:auto;margin:0}.moon-skip .skip-history,.moon-skip>.skip-help,.moon-skip .skip-outcome>footer{display:none}.moon-skip.has-finished{grid-template-rows:44px minmax(0,1fr) auto 52px 44px}.moon-skip.has-finished .skip-outcome>.skip-win,.moon-skip.has-finished .skip-outcome>.skip-finish{grid-column:1 / -1;grid-row:3}.moon-skip.has-finished .skip-outcome>.skip-throw{grid-row:4}.moon-skip.has-finished .skip-outcome>button:not(.skip-throw){grid-row:5}.moon-skip .skip-settings-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}}.moon-skip header nav .skip-header-pause{width:64px;min-width:64px;flex-shrink:0}.skip-paused-label{display:flex;align-items:center;justify-content:center;min-height:44px;color:#b8c7ba;font-size:12px}.skip-round-caption{color:#b8c7ba;font-size:12px;margin:0 0 8px}@media(max-width:600px)and (orientation:portrait){.moon-skip .skip-hud{flex-wrap:wrap;gap:2px 8px}.moon-skip .skip-hud>span:first-child:nth-last-child(3){flex-basis:100%}}.moon-skip .skip-outcome>.skip-hud{display:grid;grid-template-columns:1fr auto;gap:4px 10px;margin:0 0 4px;align-self:stretch;font-size:12px}.skip-stone-number{color:#f2ead0}@media(max-width:600px)and (orientation:portrait){.moon-skip:not(.has-finished){grid-template-rows:44px minmax(0,1fr) 64px 20px 38px 52px 44px}.moon-skip .skip-outcome>.skip-hud{grid-column:1 / -1;grid-row:5;margin:0;font-size:11px;gap:2px 10px}.moon-skip:not(.has-finished) .skip-outcome>.skip-throw{grid-row:6}.moon-skip:not(.has-finished) .skip-outcome>.skip-status{grid-row:7}}.home-unlock{margin:.5rem 0;opacity:.9;font-size:.95rem}:root{color-scheme:dark;font-family:Courier New,monospace;color:#e1e6d3;background:#0b1420;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,summary{cursor:pointer}:focus-visible{outline:2px solid #f2ead0;outline-offset:4px}.home{position:relative;isolation:isolate;width:100%;height:var(--screen-height, 100dvh);max-width:1520px;margin:auto;padding:clamp(16px,3vw,40px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(18px,3vw,42px);align-items:center;background:radial-gradient(ellipse at 56% 26%,#cedfce10 0,#9ac4c908 24%,transparent 58%)}.home:before{content:"";position:absolute;z-index:-1;inset:48% 0 0;background:linear-gradient(180deg,transparent,#1a3a4a15 45%,#152e3c24);pointer-events:none}.home-art{width:100%;min-width:0;margin:auto}.home-art canvas{display:block;width:100%;height:auto;max-height:calc(var(--screen-height, 100dvh) - 80px);object-fit:contain;image-rendering:pixelated;border:1px solid #728e8b;box-shadow:0 0 0 4px #152b3455,0 16px 48px #02080f30}.home-content{position:relative;min-width:0;padding:48px clamp(16px,2.2vw,32px) 24px;font:14px/1.5 system-ui,sans-serif;background:linear-gradient(135deg,#0d1524c9,#0a101c66 75%);border-left:1px solid #aec1b21c}.home h1{margin:0;color:#f2ead0;font:bold clamp(34px,5.5vw,72px)/.98 "Courier New",monospace;letter-spacing:-.055em;text-shadow:0 2px 0 #63747630}.edition{margin:14px 0 0;font:10px/1.4 Courier New,monospace;letter-spacing:.12em;text-transform:uppercase;color:#acb6ad}.home .intro{margin:26px 0 12px;color:#dedfcc;font-size:17px;line-height:1.55}.home-rule{margin:0 0 26px;color:#b6bfb5;font-size:13px}.play-button{width:100%;min-height:54px;padding:12px 20px;border:2px solid #c4b48a;background:#e8dfc4;color:#16252b;font:700 16px/1.3 Courier New,monospace;letter-spacing:.08em;box-shadow:inset 0 -3px #b5a88755,3px 3px #02080f77;transition:transform .2s ease,background .2s ease,border-color .2s ease}.play-button:hover{transform:translateY(-1px);background:#f2ead0;border-color:#f2ead0}.play-button:focus-visible{outline:2px solid #f2ead0;outline-offset:4px}.play-button:active{transform:translateY(1px);box-shadow:inset 0 2px #b5a88755}.save-caption{min-height:16px;margin:12px 0 0;font-size:11px;color:#b4beb5}.home-records{display:inline-block;margin:24px 0 16px;padding:8px 12px;border-block:1px solid #d5d9bb2e;background:#152b3433;color:#b6c3b7;font:12px/1.5 Courier New,monospace}.home-records strong{font-weight:400;color:#e1e3c9}.home footer{font-size:10px;color:#9aa9a3}.storage-warning{flex:0 0 auto;max-height:30dvh;overflow:auto;margin:0;padding:10px 16px;font-size:13px;background:#514225;color:#fff1c6;line-height:1.5}@media(max-width:760px){.home-content{padding:44px 14px 16px}.home .intro{font-size:14px;margin-top:18px}.home-rule{font-size:12px;margin-bottom:20px}.edition{font-size:9px;letter-spacing:.06em}.home-records{font-size:11px;margin-top:18px;padding-inline:6px}.save-caption{font-size:10px}}@media(max-width:480px)and (min-height:600px){.home{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;padding:12px 20px;gap:14px}.home-art{width:min(100%,calc((var(--screen-height, 100dvh) - 405px) * 1.142857))}.home-content{padding:14px 0 0;border:0;background:transparent}.home h1{font-size:36px}.home-settings{top:8px;right:0}.edition{margin-top:8px}.home .intro{margin:10px 0 6px}.home-rule{margin-bottom:12px}.play-button{min-height:44px;padding:8px}.save-caption{margin-top:8px}.home-records{margin:12px 0 8px;padding-block:4px}}@media(max-height:540px){.home{padding:12px;gap:20px}.home-content{padding:34px 12px 8px}.home h1{font-size:clamp(26px,4vw,42px)}.edition{margin-top:6px;font-size:9px}.home .intro{font-size:12px;margin:8px 0 4px}.home-rule{font-size:11px;margin-bottom:10px}.play-button{min-height:44px;padding:6px}.save-caption{margin-top:6px;font-size:10px}.home-records{margin:8px 0 6px;padding-block:3px;font-size:10px}.home footer{font-size:9px}}@media(prefers-reduced-motion:reduce){.play-button{transition:none}.play-button:hover,.play-button:active{transform:none}}.home-secondary{display:block;width:fit-content;min-height:36px;margin-top:8px;padding:6px 12px;border:1px solid #c4b48a80;background:transparent;color:#d3cfba;font:12px/1.4 system-ui,sans-serif}.home-secondary:hover{border-color:#c4b48a;color:#f2ead0}.home-confirm{width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:22px;color:#f2ead0;background:#0d1524;border:2px solid #c4b48a;font:14px/1.5 system-ui,sans-serif}.home-confirm::backdrop{background:#07122288}.home-confirm h2{margin:0;font:700 20px/1.3 Courier New,monospace}.home-confirm p{color:#c0bdad;margin:14px 0 20px}.home-confirm>div{display:flex;align-items:center;gap:12px}.home-confirm .play-button{width:auto;min-height:44px;padding:10px;font-size:13px}.home-confirm .home-secondary{margin:0;min-height:44px}@media(max-width:480px)and (min-height:600px){.home-art{width:min(100%,calc((var(--screen-height, 100dvh) - 449px) * 1.142857))}}@media(max-height:540px){.home-secondary{margin-top:4px;min-height:30px;padding:4px 10px}}.app-shell{height:100dvh;display:flex;flex-direction:column}.app-screen{flex:1;min-height:0;container-type:size;overflow:auto}.app-screen>.home,.app-screen>.moon-skip{--screen-height: 100cqh}.home-difficulty{display:flex;align-items:center;gap:12px;margin:0 0 14px;color:#d4dccd;font-size:13px}.home-difficulty select{flex:1;min-width:0;min-height:44px;padding:8px 12px;font:inherit;color:#e1e6d3;background:#101e28;border:1px solid #526861}.home-settings{position:absolute;right:16px;top:10px;min-height:44px;border:0;padding:8px;background:transparent;color:#bec7ba;font:12px Courier New,monospace}.settings-panel{position:fixed;inset:0;margin:auto;width:min(480px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid #536c63;border-radius:8px;background:#101e28;color:#e1e6d3;box-shadow:0 18px 60px #02080f80;font:14px/1.5 system-ui,sans-serif;overflow:hidden}.settings-panel[open]{display:flex;flex-direction:column}.settings-panel::backdrop{background:#060e18c9}.settings-panel-header{display:flex;flex:0 0 auto;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid #30464c;background:#101e28}.settings-panel .settings-panel-header h2{margin:0;color:#f2ead0;font:700 24px/1.2 Courier New,monospace;letter-spacing:-.04em}.settings-panel-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:4px 20px 20px}.settings-panel button{font:inherit;color:#e1e6d3;background:transparent;border:1px solid #536c63;border-radius:4px;min-height:44px;padding:8px 12px;cursor:pointer}.settings-panel button:disabled{opacity:.45;cursor:default}.settings-panel .settings-group{padding:18px 0;border-bottom:1px solid #30464c}.settings-panel label{display:block;color:#f2ead0;font-weight:600;margin:0 0 8px}.settings-panel select{display:block;width:100%;min-height:44px;padding:8px 12px;border:1px solid #637d7c;border-radius:4px;background:#152b34;color:#f2ead0;font:inherit}.settings-panel .settings-group p,.settings-panel .settings-howto p{margin:8px 0 0;color:#b8c7ba;font-size:13px;line-height:1.5}.settings-panel .settings-sound>label{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin:0}.settings-sound-value{display:flex;align-items:center;gap:10px;font-weight:400}.settings-panel input[type=checkbox]{width:22px;height:22px;margin:0;accent-color:#c4b48a}.settings-panel .settings-sound>button{margin-top:8px;font-size:13px}.settings-howto{padding:8px 0;border-bottom:1px solid #30464c}.settings-howto summary{padding:12px 0;min-height:44px;color:#f2ead0;font-weight:600}.settings-howto>div{padding-bottom:12px}.settings-panel h3{margin:18px 0 8px;font-size:14px;color:#f2ead0}.settings-howto dl{margin:0}.settings-howto dl>div{display:grid;grid-template-columns:90px 1fr;gap:12px;margin:8px 0;font-size:13px}.settings-howto dt{color:#e1e6d3}.settings-howto dd{margin:0;color:#b8c7ba}.settings-round>label{margin-top:12px}.settings-round select{margin-top:8px}@media(max-width:480px){.home-settings{right:0;top:8px}.settings-panel-header{padding:10px 16px}.settings-panel-body{padding-inline:16px}}.help-rules{margin:0;padding:18px 0 18px 22px;border-bottom:1px solid #30464c;color:#e1e6d3}.help-rules li{padding:4px 0 4px 4px}.help-panel .skip-pad-strip{margin:0;padding:26px 8px 30px;border-bottom:0}.help-panel .skip-scorecard,.help-panel .settings-howto button{margin-top:12px}.home-progress{margin:0 0 12px;color:#b6c3b7;font-size:12px;line-height:1.5}.home-auth{margin:0 0 16px;padding:10px 12px;border:1px solid #52686155;background:#101e2888;border-radius:6px}.home-auth-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.home-auth-email{margin:0;flex:1;min-width:0;color:#d4dccd;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-auth-out{margin-top:0}.home-auth-guest{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.home-google-btn{min-height:40px}.home-google-btn iframe{color-scheme:light}.home-auth-setup{margin:0;color:#9aa9a3;font-size:11px;line-height:1.4}.home-auth-note{margin:8px 0 0;color:#c0bdad;font-size:12px;line-height:1.4}