.guest-game h1{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;margin:0}.guest-game>p{font-size:12px;margin:0}.guest-game .row{gap:6px}.guest-game .btn{padding:8px 12px;min-height:40px;font-size:13px}.guest-toolbar{display:flex;align-items:center;gap:4px;position:relative}.guest-game select{max-width:36%;min-width:0;min-height:44px;font-size:13px}.guest-game .guest-restart{width:44px;min-height:44px;padding:0;font-size:24px}.guest-menu summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;list-style:none;font-size:24px}.guest-menu summary::-webkit-details-marker{display:none}.guest-menu-panel{position:absolute;top:100%;right:0;z-index:100;width:min(340px,100%);padding:12px;background:var(--surface);border:2px solid var(--line);display:flex;flex-direction:column;gap:8px;box-shadow:var(--drop)}.guest-menu-panel p{margin:0;font-size:12px}.guest-menu summary:focus-visible{outline:2px solid var(--accent)}.four-root{max-width:1240px;margin:0 auto;padding:24px clamp(12px,3vw,32px) 56px;color:#f4eee3;background:#132724;border-radius:24px;box-shadow:0 18px 60px #10251d36;font-family:system-ui,sans-serif}.four-solo-settings{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.four-solo-settings label{display:flex;align-items:center;gap:7px;color:#e8d7a6}.four-solo-settings select{padding:5px;border-radius:7px;background:#f7f4e9;color:#17332c}.four-guide{margin-top:12px;background:#1c3830;border:1px solid #3a6657;border-radius:10px;padding:11px 14px;color:#dce8dc}.four-guide summary{cursor:pointer;font-weight:700;color:#f3d894}.four-guide p{font-size:14px;line-height:1.55;margin:9px 0 0}.four-local-test{border:1px solid #5a7c6d;border-radius:10px;padding:10px 14px;margin:8px 0 14px;background:#244138}.four-local-test summary{cursor:pointer;color:#f2d89c;font-weight:700}.four-local-test p{font-size:13px;color:#d6e2d4;margin:8px 0}.four-local-test input{min-height:40px;padding:7px 10px;border-radius:8px;border:1px solid #afc4b5;background:#f6f5eb;color:#15332b;width:150px}.four-header{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:14px}.four-header h1{font-size:clamp(26px,4vw,42px);margin:0;color:#f9e5af;letter-spacing:-.04em}.four-subtitle{margin:5px 0 0;color:#b9d4c7}.four-status{min-height:1.5em;color:#efcf8e;font-weight:700;margin:8px 0 18px}.four-link{background:transparent!important;border:0!important;color:#d5e8dd!important;white-space:nowrap}.four-card{background:#1e3833;border:1px solid #42645b;border-radius:18px;padding:20px;margin:14px 0}.four-card h2{margin:0 0 15px;font-size:21px;color:#f6e3b7}.four-options{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px}.four-options label,.four-controls label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#d1dfd6}.four-options select,.four-actions input{min-height:42px;padding:8px 10px;background:#f5f2e9;color:#183029;border:1px solid #b8c9ba;border-radius:9px;font:inherit}.four-options .four-check{flex-direction:row;align-items:center;gap:8px}.four-check input{width:19px;height:19px}.four-help,.four-tip{font-size:14px;color:#b8cfc2;line-height:1.55}.four-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}.four-root button{min-height:42px;padding:8px 15px;border:1px solid #8daea1;background:#254a40;color:#fff;border-radius:9px;font:inherit;cursor:pointer}.four-root button:disabled{opacity:.5;cursor:not-allowed}.four-root button:hover:not(:disabled){filter:brightness(1.14)}.four-root .four-primary{background:#e2b75e;color:#193029;border-color:#f1d68f;font-weight:800}.four-room-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.four-code{font-size:25px;letter-spacing:.13em;color:#ffdf8a}.four-seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:12px}.four-seat{background:#25463e;border-radius:8px;padding:10px 12px}.four-seat.active{outline:2px solid #efc86d}.four-play{margin-top:16px}.four-score{display:flex;justify-content:center;text-align:center;background:#1e3833;border-radius:12px;padding:12px;font-weight:800;font-size:clamp(17px,2vw,23px);color:#f8e6b9;margin-bottom:10px}.four-table-wrap{border-radius:16px;overflow:hidden;box-shadow:0 14px 35px #0005}.four-table-wrap canvas{display:block;width:100%;height:auto;touch-action:manipulation;cursor:crosshair}.four-controls{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) auto auto;align-items:end;gap:14px;background:#1e3833;border-radius:15px;padding:16px}.four-controls input[type=range]{accent-color:#e5bf6e;width:100%}.four-controls output{font-size:13px;color:#e9cf93}.four-shoot{font-size:19px!important;padding:12px 24px!important}.four-root [hidden]{display:none!important}@media(max-width:720px){.four-root{border-radius:0;padding:15px 10px 40px}.four-options{grid-template-columns:repeat(2,minmax(0,1fr))}.four-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.four-controls label{font-size:12px;min-width:0}.four-controls button{grid-column:span 3}.four-header h1{font-size:27px}.four-subtitle{font-size:13px}.four-actions input{width:160px}}.four-table-wrap canvas{touch-action:none}.four-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 20px}.four-tip-control{display:flex;align-items:center;gap:18px}.four-tip-control strong{display:block;color:#f1d48f}.four-game-tip-pad{width:86px!important;height:86px!important;flex:none;margin:0!important}.four-game-tip-text{display:block;color:#d9e5d8;font-size:14px;margin-top:4px}.four-shot-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.four-power-readout{min-width:75px;color:#f1d48f;font-weight:700}@media(max-width:720px){.four-controls{display:flex;padding:10px;gap:8px}.four-tip-control{gap:8px}.four-game-tip-pad{width:68px!important;height:68px!important}.four-game-tip-text{font-size:12px}.four-shot-actions{justify-content:flex-end;gap:5px}.four-power-readout{font-size:12px;min-width:0}.four-controls button{grid-column:auto}.four-shoot{font-size:15px!important;padding:8px 12px!important}}.four-theme-link{display:inline-flex;align-items:center;min-height:42px;padding:8px 12px;color:#f2d795;border:1px solid #496f60;border-radius:9px;text-decoration:none;font-size:14px;white-space:nowrap}.four-theme-link:hover{background:#24483e}.four-root.four-modern{color:#213c2d;background:#fff;border:1px solid #dce5d8;box-shadow:0 8px 28px #24422d14;font-family:var(--font,system-ui),sans-serif}.four-modern .four-header h1{color:#213c2d}.four-modern .four-subtitle,.four-modern .four-help,.four-modern .four-tip{color:#647568}.four-modern .four-status,.four-modern .four-code,.four-modern .four-power-readout,.four-modern .four-tip-control strong{color:#32644b}.four-modern .four-link{color:#32644b!important}.four-modern .four-theme-link{color:#32644b;border-color:#c8d8c4}.four-modern .four-theme-link:hover{background:#eef3eb}.four-modern .four-card,.four-modern .four-controls,.four-modern .four-score,.four-modern .four-guide,.four-modern .four-seat{background:#f5f7f2;border-color:#dce5d8;color:#213c2d}.four-modern .four-card h2,.four-modern .four-guide summary,.four-modern .four-score{color:#213c2d}.four-modern .four-options label,.four-modern .four-controls label,.four-modern .four-solo-settings label,.four-modern .four-guide p,.four-modern .four-game-tip-text{color:#526749}.four-modern .four-root button,.four-modern button{background:#eef3eb;border-color:#c8d8c4;color:#213c2d}.four-modern .four-primary{background:#32644b!important;border-color:#32644b!important;color:#fff!important}.four-modern .four-options select,.four-modern .four-solo-settings select,.four-modern .four-actions input{background:#fff;color:#213c2d;border-color:#c8d8c4}.four-modern .four-seat.active{outline-color:#32644b}.four-modern .four-table-wrap{box-shadow:0 6px 20px #24422d1f}.four-modern .four-local-test{background:#eef3eb;border-color:#c8d8c4}.four-modern .four-local-test summary,.four-modern .four-local-test p{color:#32644b}.four-online-entry{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:8px 0 15px;padding:15px 18px;border:1px solid #b78e4b;border-radius:13px;background:#294338;color:#f9eac6}.four-online-entry strong{font-size:17px}.four-online-entry p{margin:4px 0 0;font-size:13px;line-height:1.45;color:#dae5d7}.four-online-button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:9px 14px;border-radius:9px;background:#e2b75e;color:#193029;font-weight:800;text-decoration:none;white-space:nowrap}.four-online-button:hover{filter:brightness(1.08)}.four-modern .four-online-entry{background:#eef3eb;border-color:#c8d8c4;color:#213c2d}.four-modern .four-online-entry p{color:#526749}.four-modern .four-online-button{background:#32644b;color:#fff}@media(max-width:720px){.four-online-entry{align-items:stretch;flex-direction:column;gap:10px}.four-online-button{width:100%}}.four-shot-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px}.four-shot-step{padding:9px 12px;border:1px solid #416957;border-radius:9px;background:#244039;color:#b8cfc2;text-align:center;font-weight:700}.four-shot-step.active{background:#e2b75e;border-color:#f1d68f;color:#193029}.four-shot-step.done{color:#f1d48f;border-color:#a98443}.four-step-hint{min-height:2.2em;margin:11px 0}.four-shot-table{position:relative}.four-tip-overlay{position:absolute;left:14px;bottom:14px;z-index:2;width:210px;padding:12px 14px;border:1px solid #ddc780;border-radius:14px;background:#17362feb;box-shadow:0 8px 24px #10251d88;color:#f6e8bf;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.four-tip-overlay strong{display:block;font-size:15px}.four-tip-overlay small{display:block;margin-top:6px;font-size:11px;line-height:1.35;color:#e4dabb}.four-tip-overlay .four-game-tip-pad{width:108px!important;height:108px!important;margin:9px auto 4px!important}.four-tip-overlay .four-game-tip-text{color:#f8e8b1}.four-shot-summary{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.four-shot-spin{font-size:14px;color:#d9e5d8}.four-previous-step{min-width:112px}.four-modern .four-shot-step{background:#eef3eb;border-color:#c8d8c4;color:#526749}.four-modern .four-shot-step.active{background:#32644b;border-color:#32644b;color:#fff}.four-modern .four-shot-step.done{color:#32644b;border-color:#a8c4a9}.four-modern .four-tip-overlay{background:#f5f7f2ee;border-color:#b5cda9;color:#213c2d;box-shadow:0 8px 24px #24422d36}.four-modern .four-tip-overlay small,.four-modern .four-tip-overlay .four-game-tip-text,.four-modern .four-shot-spin{color:#526749}@media(max-width:720px){.four-header{flex-direction:column;gap:8px}.four-header-actions{justify-content:flex-start;gap:5px}.four-header-actions .four-link,.four-header-actions .four-theme-link{min-height:35px;padding:5px 8px;font-size:12px}.four-shot-step{font-size:12px;padding:8px 4px}.four-tip-overlay{width:150px;padding:9px;left:8px;bottom:8px}.four-tip-overlay strong{font-size:12px}.four-tip-overlay .four-game-tip-pad{width:86px!important;height:86px!important}.four-tip-overlay small{font-size:10px}.four-shot-summary{gap:6px}.four-shot-spin{font-size:11px}.four-previous-step{min-width:0}}.four-view-tools{display:flex;align-items:center;gap:9px;margin:0 0 9px;color:#e6d6a8;font-size:13px}.four-view-tools span{flex:1;color:#b8cfc2}.four-view-tools button{min-height:34px;padding:5px 10px;font-size:12px}.four-view-tools .four-feedback-button{white-space:nowrap}.four-stroke-choice{display:flex;align-items:center;gap:6px!important;flex-direction:row!important;color:#e6d6a8!important;font-size:13px}.four-stroke-choice select{min-height:36px;padding:5px 8px;border-radius:8px;border:1px solid #8daea1;background:#f5f2e9;color:#183029;font:inherit}.four-shot-table canvas[data-shot-step=power]{cursor:grab}.four-shot-table canvas[data-shot-step=aim]{cursor:crosshair}.four-modern .four-view-tools,.four-modern .four-stroke-choice{color:#32644b!important}.four-modern .four-view-tools span{color:#647568}.four-modern .four-stroke-choice select{border-color:#c8d8c4;background:#fff;color:#213c2d}@media(max-width:720px){.four-view-tools{flex-wrap:wrap;gap:6px}.four-view-tools span{order:5;flex-basis:100%;font-size:11px}.four-view-tools button{font-size:11px;padding:4px 7px}.four-stroke-choice{font-size:11px}.four-stroke-choice select{max-width:106px;font-size:11px}}.four-shot-table .four-contact-lens{position:absolute;right:1%;top:2%;width:22%;max-width:260px;height:auto;pointer-events:none;z-index:1;cursor:default}.four-shot-table:has(canvas[data-shot-step=tip]:not([hidden])) .four-contact-lens{opacity:.78}@media(max-width:720px){.four-shot-table .four-contact-lens{width:31%;right:0;top:0}}@media(max-width:720px){.four-shot-table canvas:first-child:not([hidden]){position:relative;left:50%;display:block;width:auto;max-width:none;height:min(82vw,330px);transform:translate(-50%)}.four-shot-table .four-contact-lens{position:absolute;width:36%;max-width:150px;height:auto}}.four-header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.four-tutorial{padding:18px;background:#1b3731;border:1px solid #416957;border-radius:16px}.four-tutorial h2{margin:0 0 5px;color:#f4d786;font-size:24px}.four-tutorial h3{margin:18px 0 6px;color:#f4d786;font-size:17px}.four-tutorial-grid{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:16px;margin-top:15px}.four-tutorial-controls{background:#24443b;border-radius:12px;padding:16px}.four-tutorial-controls p{font-size:13px;line-height:1.5;color:#cbdccf}.four-tutorial-controls label{display:flex;flex-direction:column;gap:4px;margin:10px 0;color:#e8e1c5}.four-tutorial-controls input[type=range]{width:100%;accent-color:#e4bd67}.four-tutorial-controls output{font-size:13px;color:#f1d48f}.four-tutorial-controls .four-actions{gap:6px}.four-tutorial-controls .four-actions button{font-size:12px;min-height:35px;padding:5px 8px}.four-tip-pad{width:122px;height:122px;margin:10px auto;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff,#e4e1d5 65%,#aaa695);border:3px solid #d7c994;box-shadow:inset 0 0 15px #4444;position:relative;touch-action:none;cursor:crosshair}.four-tip-pad:before,.four-tip-pad:after{content:"";position:absolute;background:#988d73;opacity:.45}.four-tip-pad:before{width:1px;top:8%;bottom:8%;left:50%}.four-tip-pad:after{height:1px;left:8%;right:8%;top:50%}.four-tip-dot{position:absolute;left:50%;top:50%;width:12px;height:12px;background:#d94c3d;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #3338;z-index:1}.four-tip-readout{text-align:center;margin:4px 0 10px!important;color:#f3d795!important}.four-tutorial-visual canvas{display:block;width:100%;height:auto}.four-tutorial-outcome{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.four-tutorial-outcome span{background:#24483e;border-radius:8px;padding:10px;font-weight:700;text-align:center;color:#f2e2be;font-size:14px}.four-tutorial-visual>.four-help{margin-top:12px}@media(max-width:800px){.four-tutorial-grid{grid-template-columns:1fr}.four-tutorial-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.four-tutorial-controls h3,.four-tutorial-controls p,.four-tutorial-controls .four-actions{grid-column:span 2}.four-tutorial-controls label{margin:4px 0}.four-tip-pad{margin:0 auto}.four-tutorial-outcome{grid-template-columns:1fr 1fr 1fr}.four-tutorial-outcome span{font-size:12px}.four-header-actions{justify-content:flex-start}}.four-power-presets button.active{background:#e2b75e;color:#193029;border-color:#f1d68f;font-weight:800}.four-modern .four-tutorial{background:#fff;border-color:#dce5d8}.four-modern .four-tutorial h2,.four-modern .four-tutorial h3{color:#32644b}.four-modern .four-tutorial-controls,.four-modern .four-tutorial-outcome span{background:#f5f7f2;color:#213c2d}.four-modern .four-tutorial-controls p,.four-modern .four-tutorial-controls label{color:#526749}.four-modern .four-tutorial-controls output,.four-modern .four-tip-readout{color:#32644b!important}.four-modern .four-tutorial-controls input[type=range]{accent-color:#32644b}.four-modern .four-power-presets button.active{background:#32644b;color:#fff;border-color:#32644b}html body.playing #app{height:var(--play-height, 100dvh);max-width:none;padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}body.playing #app>.play-screen{flex:1;min-height:0;min-width:0;margin:0;gap:4px}body.playing .play-screen>*{flex:none}body.playing .play-screen>:empty{display:none}body.playing .play-screen>.stage-space{display:flex;flex:1;min-height:0;min-width:0;justify-content:center;align-items:center}body.playing .stage-space .stage{flex:none;max-width:none;margin:0;box-shadow:none;padding:0;border:0}body.playing .play-screen>p{margin:0;font-size:12px}body.playing .play-screen>.topbar{padding:0 6px;box-shadow:none;gap:4px;flex-wrap:nowrap}body.playing .play-screen .topbar .brand{min-width:0}body.playing .play-screen .topbar-title{font-size:14px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.playing .play-screen>.rotate-hint{padding:4px;gap:0;border:0}body.playing .play-screen .rotate-icon,body.playing .play-screen .rotate-hint>.muted{display:none}body.playing .play-screen .rotate-title{font-size:12px}body.playing .play-account{display:none}