:root{--cream:#f6efce;--cream-deep:#efe6bd;--ink:#24405a;--sun-1:#f4bd3d;--sun-2:#f0a838;--sun-3:#ec8f34;--sun-4:#e5713a;--sun-5:#dc5334;--sun-6:#d23f2e;--sea-1:#33a89c;--sea-2:#3f9fd4;--sea-3:#2f79c2;--sea-4:#274f9c}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{min-height:100vh;position:relative}.screen{min-height:100vh}.game-screen{background:#050505;overflow:hidden}.coming-soon{background:var(--cream);justify-content:center;align-items:center;min-height:100vh;display:flex}.cs-card{text-align:center;max-width:420px;padding:32px}.cs-card h2{letter-spacing:1px;margin:0 0 10px;font-size:44px}.cs-card p{color:#6f7f74;margin:0 0 26px;font-size:16px}.cs-back{background:var(--sea-3);color:var(--cream);cursor:pointer;border:none;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:600;transition:filter .15s}.cs-back:hover{filter:brightness(1.08)}.main-menu{background:var(--cream);justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.mm-frame{flex-direction:column;align-items:center;gap:30px;width:100%;max-width:520px;display:flex}.mm-hero{border-radius:14px;width:100%;height:auto;display:block;box-shadow:0 18px 48px #24405a38}.mm-title text{letter-spacing:10px;font-family:Arial Narrow,Helvetica Neue,system-ui,sans-serif;font-size:62px;font-weight:800}.mm-buttons{flex-direction:column;gap:14px;width:100%;max-width:340px;display:flex}.mm-btn{color:var(--cream);letter-spacing:.5px;cursor:pointer;border:none;border-radius:10px;padding:16px 20px;font-size:19px;font-weight:700;transition:transform .12s,filter .12s;box-shadow:0 6px 16px #24405a2e}.mm-btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.mm-btn:active{transform:translateY(0)}.mm-single{background:var(--sea-1)}.mm-online{background:var(--sea-3)}.mm-editor{background:var(--sun-3)}.mm-build-number{color:var(--ink);opacity:.5;font-family:ui-monospace,monospace;font-size:12px;position:absolute;bottom:16px;right:16px}.online-screen,.rooms-screen,.room-lobby{background:var(--cream);justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.ol-frame,.rb-frame{flex-direction:column;width:100%;max-width:420px;display:flex}.ol-title{text-align:center;letter-spacing:1px;color:var(--ink);margin:0 0 24px;font-size:46px}.ol-buttons{flex-direction:column;gap:14px;display:flex}.ol-create{background:var(--sea-1)}.ol-join{background:var(--sea-3)}.ol-confirm{background:var(--sea-1)}.ol-back,.ol-cancel{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #24405a47;border-radius:999px;align-self:center;margin-top:10px;padding:10px 18px;font-size:15px;font-weight:600;transition:background .12s,border-color .12s}.ol-back:hover,.ol-cancel:hover{background:#24405a12;border-color:#24405a80}.ol-modal{z-index:50;background:#14222e73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ol-modal[hidden]{display:none}.ol-modal-card{background:var(--cream);text-align:center;border-radius:14px;width:100%;max-width:340px;padding:26px;box-shadow:0 20px 60px #14222e66}.ol-modal-card h2{color:var(--ink);margin:0 0 18px;font-size:24px}.ol-input{width:100%;color:var(--ink);background:#fff;border:1px solid #24405a4d;border-radius:9px;outline:none;padding:12px 14px;font-size:16px}.ol-input:focus{border-color:var(--sea-3)}.ol-modal-actions{justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.ol-modal-actions .mm-btn{flex:1}.ol-modal-actions .ol-cancel{margin-top:0}.rb-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rb-head .ol-title{margin:0}.rb-refresh{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #24405a47;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.rb-refresh:hover{background:#24405a12}.rb-list{flex-direction:column;gap:10px;min-height:120px;display:flex}.rb-row{background:#33a89c1f;border:1px solid #33a89c47;border-radius:10px;grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:12px 16px;display:grid}.rb-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.rb-count{color:#6f7f74;font-variant-numeric:tabular-nums;font-size:13px}.rb-status{color:var(--sea-1);font-size:13px;font-weight:600}.rb-join{background:var(--sea-3);color:var(--cream);cursor:pointer;border:none;border-radius:999px;padding:7px 16px;font-weight:700}.rb-join:hover{filter:brightness(1.08)}.rb-join:disabled{opacity:.5;cursor:default}.rb-empty{text-align:center;color:#8a978f;padding:28px 12px;font-style:italic}.rb-error{text-align:center;color:#c0392b;min-height:18px;margin:6px 0 0;font-size:13px}.rl-card{text-align:center;max-width:460px}.rl-text{color:var(--ink);margin:0 0 24px;font-size:26px}.rl-name{color:var(--sea-3);font-weight:800}.room-lobby{background:var(--cream);justify-content:center;align-items:center;min-height:100vh;padding:24px 20px;display:flex}.lobby-shell{background:#fbf7e4;border:1px solid #24405a24;border-radius:14px;width:100%;max-width:880px;padding:22px 26px 26px;position:relative;overflow:hidden;box-shadow:0 18px 48px #24405a2e}.lobby-stripes{background:linear-gradient(90deg, var(--sea-1) 0 25%, var(--sea-2) 25% 50%, var(--sea-3) 50% 75%, var(--sea-4) 75% 100%);height:8px;position:absolute;top:0;left:0;right:0}.lobby-head{justify-content:space-between;align-items:center;margin:6px 0 18px;display:flex}.lobby-title{color:var(--ink);margin:0;font-size:30px}.lobby-leave{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #24405a47;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.lobby-leave:hover{background:#24405a12}.lobby-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;display:grid}.lobby-col{flex-direction:column;gap:16px;min-width:0;display:flex}.lobby-section{min-width:0}.lobby-label{letter-spacing:1px;text-transform:uppercase;color:#7c8a80;margin-bottom:8px;font-size:12px;font-weight:700}.lobby-empty{color:#97a39a;padding:12px;font-size:14px;font-style:italic}.color-grid{flex-wrap:wrap;gap:10px;display:flex}.swatch{cursor:pointer;border:2px solid #24405a33;border-radius:50%;width:34px;height:34px;padding:0;transition:transform .1s,box-shadow .1s}.swatch:hover{transform:scale(1.08)}.swatch.selected{border-color:var(--ink);box-shadow:0 0 0 3px #24405a2e}.swatch.taken{opacity:.35;cursor:default}.swatch.taken:hover{transform:none}.course-list{flex-direction:column;gap:8px;max-height:168px;display:flex;overflow-y:auto}.course-item{color:var(--ink);cursor:pointer;text-align:left;background:#33a89c1a;border:1px solid #33a89c47;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:15px;display:flex}.course-item:hover:not(:disabled){background:#33a89c33}.course-item.selected{border-color:var(--sea-1);background:#33a89c47;font-weight:700}.course-item:disabled{cursor:default}.course-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.course-holes{color:#7c8a80;flex:none;font-size:12px}.chip-row{gap:10px;display:flex}.chip{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #24405a40;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600}.chip:hover:not(:disabled){background:#24405a0f}.chip.selected{background:var(--sea-3);border-color:var(--sea-3);color:var(--cream)}.chip:disabled{opacity:.55;cursor:default}.players-list{flex-direction:column;gap:8px;display:flex}.player-row{background:#24405a0d;border:1px solid #24405a1a;border-radius:9px;align-items:center;gap:10px;padding:9px 12px;display:flex}.player-dot{border:1px solid #24405a4d;border-radius:50%;flex:none;width:16px;height:16px}.player-name{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.host-badge{letter-spacing:1px;color:var(--sun-4);border:1px solid var(--sun-4);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:800}.player-ready{color:#97a39a;flex:none;font-size:13px}.player-ready.is-ready{color:var(--sea-1);font-weight:700}.name-row{align-items:center;gap:8px;display:flex}.name-display{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.lobby-input{min-width:0;color:var(--ink);background:#fff;border:1px solid #24405a47;border-radius:8px;outline:none;padding:9px 11px;font-size:14px}.lobby-input:focus{border-color:var(--sea-3)}.name-row .lobby-input{flex:0 130px}.chat-section{flex-direction:column;gap:8px;display:flex}.chat-log{height:150px;color:var(--ink);background:#fffdf5;border:1px solid #24405a29;border-radius:9px;padding:10px 12px;font-size:14px;overflow-y:auto}.chat-line{word-break:break-word;margin-bottom:4px}.chat-who{color:var(--sea-3);font-weight:700}.chat-row{gap:8px;display:flex}.chat-row .lobby-input{flex:1}.lobby-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.ready-btn,.start-btn{color:var(--cream);cursor:pointer;border:none;border-radius:10px;padding:12px 28px;font-size:16px;font-weight:700;transition:filter .12s;box-shadow:0 6px 16px #24405a2e}.ready-btn{background:var(--sea-1)}.ready-btn.selected{background:var(--sun-4)}.start-btn{background:var(--sea-3)}.ready-btn:hover,.start-btn:hover:not(:disabled){filter:brightness(1.07)}.start-btn:disabled{opacity:.45;cursor:default;box-shadow:none}.match-screen{background:#050505;justify-content:flex-start;align-items:flex-start;min-height:100vh;display:flex;overflow:hidden}.match-countdown{color:var(--cream);text-shadow:0 6px 30px #0009;pointer-events:none;justify-content:center;align-items:center;font:800 150px/1 system-ui,sans-serif;display:flex;position:absolute;inset:0}.match-board{background:#060c098c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mb-card{background:#fbf7e4;border:1px solid #24405a29;border-radius:14px;width:460px;max-width:92%;padding:24px 26px;box-shadow:0 20px 60px #00000080}.mb-title{text-align:center;color:var(--ink);margin:0 0 16px;font-size:26px}.mb-row,.mb-head{grid-template-columns:28px 18px 1fr auto auto;align-items:center;gap:10px;padding:8px 6px;display:grid}.mb-head{text-transform:uppercase;letter-spacing:1px;color:#8a978f;border-bottom:1px solid #24405a24;font-size:11px}.mb-row{border-bottom:1px solid #24405a12}.mb-rank{color:var(--ink);text-align:center;font-weight:800}.mb-dot{border:1px solid #24405a4d;border-radius:50%;width:14px;height:14px}.mb-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.mb-hole{color:#7c8a80;font-variant-numeric:tabular-nums;font-size:14px}.mb-total{color:var(--sea-3);font-variant-numeric:tabular-nums;font-weight:700}.mb-next{text-align:center;color:#7c8a80;margin-top:16px;font-style:italic}.mb-return{background:var(--sea-3);color:var(--cream);cursor:pointer;border:none;border-radius:999px;margin:18px auto 0;padding:11px 26px;font-size:15px;font-weight:700;display:block}.mb-return:hover{filter:brightness(1.08)}.gc-wrap{position:relative}.gc-canvas{cursor:crosshair;display:block}.gc-hud{color:var(--cream);letter-spacing:.5px;white-space:pre;background:#080e14b8;border-radius:8px;padding:6px 12px;font:600 15px/1 ui-monospace,monospace;position:absolute;top:12px;left:14px}.gc-menu{z-index:20;flex-direction:column-reverse;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:14px;right:14px}.gc-menu-toggle{background:var(--cream);width:44px;height:44px;color:var(--ink);cursor:pointer;border:1px solid #33a89c80;border-radius:10px;font-size:20px;box-shadow:0 6px 16px #00000059}.gc-menu-toggle:hover{background:#fffdf5}.gc-menu-panel{background:var(--cream);border:1px solid #33a89c80;border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex;box-shadow:0 10px 28px #0006}.gc-item{background:var(--sea-3);color:var(--cream);cursor:pointer;white-space:nowrap;border:none;border-radius:7px;padding:10px 18px;font-size:14px;font-weight:700}.gc-item:hover{filter:brightness(1.08)}.gc-item-close{background:var(--sea-1)}.free-arrows{z-index:15;pointer-events:none;position:absolute;inset:0}.free-hint{color:var(--cream);white-space:nowrap;background:#080e14b8;border:1px solid #33a89c80;border-radius:999px;padding:6px 14px;font:600 13px/1 ui-monospace,monospace;position:absolute;top:64px;left:50%;transform:translate(-50%)}.free-arrow{border:2px solid var(--sea-3);width:40px;height:40px;color:var(--sea-3);cursor:pointer;pointer-events:auto;background:#f6efced9;border-radius:8px;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;position:absolute}.free-arrow:hover{background:var(--cream)}.fa-up{top:14px;left:50%;transform:translate(-50%)}.fa-down{bottom:14px;left:50%;transform:translate(-50%)}.fa-left{top:50%;left:14px;transform:translateY(-50%)}.fa-right{top:50%;right:14px;transform:translateY(-50%)}.ken-screen{background:var(--cream);justify-content:center;min-height:100vh;padding:32px 20px 60px;display:flex}.ken-frame{flex-direction:column;width:100%;max-width:640px;display:flex}.ken-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ken-title{letter-spacing:1px;color:var(--ink);margin:0;font-size:40px}.ken-status{color:var(--sea-1);font-size:13px;font-weight:600}.ken-hint{color:#6f7f74;margin:10px 0 20px;font-size:13px;line-height:1.5}.ken-fields{flex-direction:column;gap:24px;display:flex}.ken-section h3{letter-spacing:.3px;color:var(--sea-3);margin:0 0 10px;font-size:15px}.ken-row{background:#33a89c14;border:1px solid #33a89c33;border-radius:10px;margin-bottom:8px;padding:10px 14px}.ken-row-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.ken-label{color:var(--ink);font-size:15px;font-weight:700}.ken-default{color:#8a978f;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.ken-desc{color:#6f7f74;margin:2px 0 8px;font-size:12px}.ken-input{width:100%;color:var(--ink);font-variant-numeric:tabular-nums;background:#fff;border:1px solid #24405a4d;border-radius:8px;outline:none;padding:8px 10px;font-size:15px}.ken-input:focus{border-color:var(--sea-3)}.ken-io{border-top:1px solid #24405a26;margin-top:28px;padding-top:18px}.ken-io-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.ken-io-head h3{color:var(--ink);margin:0;font-size:15px}.ken-io-actions{flex-wrap:wrap;gap:8px;display:flex}.ken-btn{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #24405a47;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s}.ken-btn:hover{background:#24405a12;border-color:#24405a80}.ken-btn-reset{color:#c0392b;border-color:#c0392b66}.ken-btn-reset:hover{background:#c0392b14;border-color:#c0392b}.ken-json{width:100%;min-height:220px;color:var(--ink);resize:vertical;background:#fff;border:1px solid #24405a4d;border-radius:10px;outline:none;padding:12px 14px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.ken-json:focus{border-color:var(--sea-3)}.ken-back{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #24405a47;border-radius:999px;align-self:center;margin-top:24px;padding:10px 18px;font-size:15px;font-weight:600;transition:background .12s,border-color .12s}.ken-back:hover{background:#24405a12;border-color:#24405a80}.editor-overlay{z-index:100;color:#ddd;background:#141414;flex-direction:column;font-family:monospace;position:fixed;inset:0}.editor-toolbar{background:#0e0e0e;border-bottom:1px solid #333;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.editor-title{text-align:center;color:#888;letter-spacing:2px;text-transform:uppercase;flex:1;font-size:14px;font-weight:700}.editor-body{flex:1;min-height:0;display:flex;overflow:hidden}.editor-sidebar{background:#1a1a1a;border-right:1px solid #2a2a2a;flex-shrink:0;width:290px;padding:8px 10px;overflow-y:auto}.editor-preview{background:#0a0a14;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.preview-header{background:#0e0e0e;border-bottom:1px solid #222;flex-shrink:0;align-items:center;gap:6px;padding:5px 10px;display:flex}.view-btn{color:#666;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#1a1a1a;border:1px solid #333;border-radius:3px;padding:3px 12px;font:11px monospace;transition:background .1s,color .1s}.view-btn:hover{color:#aaa;background:#252525}.view-btn.active{color:#5b9bd5;background:#0f1f2f;border-color:#2a5a8a}.preview-canvas-wrap{flex:1;min-height:0;position:relative;overflow:hidden}.preview-canvas-wrap canvas{position:absolute;inset:0}.game-zoom-bar{background:#0e0e0e;border-top:1px solid #222;flex-shrink:0;align-items:center;gap:8px;padding:5px 10px;display:flex}.game-zoom-bar input[type=range]{accent-color:#5b9bd5;cursor:pointer;height:3px}.editor-section{margin-bottom:14px}.section-header{color:#666;text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid #2a2a2a;align-items:center;gap:6px;margin-bottom:8px;padding:6px 2px 5px;font-size:10px;font-weight:700;display:flex}.collapse-btn{color:#555;cursor:pointer;text-align:center;background:0 0;border:none;flex-shrink:0;width:14px;padding:0;font:13px/1 monospace}.collapse-btn:hover{color:#aaa}.mode-toggle{text-align:center;color:#666;background:#1a1a1a;border-color:#333;flex:1}.mode-toggle.active{color:#8bc87a;background:#1a2a1a;border-color:#4a7a4a}.mode-toggle:hover{color:#aaa;background:#252525}.mode-toggle.active:hover{color:#9abf70;background:#223022}.spline-hint{color:#5a8aaa;background:#28507826;border-left:2px solid #2a5a8a;border-radius:3px;margin-bottom:6px;padding:5px 6px;font-size:10px;line-height:1.6}.spline-count{color:#777;margin-bottom:6px;font-size:11px}.editor-segment{background:#1e1e1e;border:1px solid #2e2e2e;border-radius:4px;margin-bottom:8px;padding:8px}.segment-header,.wave-header{color:#999;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;display:flex}.editor-wave{background:#242424;border-left:2px solid #3a5a3a;border-radius:3px;margin:5px 0;padding:6px 8px}.slider-row{align-items:center;gap:6px;margin:5px 0;display:flex}.slider-label{color:#777;flex-shrink:0;width:44px;font-size:10px}.slider-row input[type=range]{accent-color:#5b9bd5;cursor:pointer;flex:1;min-width:0;height:3px}.slider-num{color:#ccc;text-align:right;background:#252525;border:1px solid #3a3a3a;border-radius:3px;flex-shrink:0;width:56px;padding:2px 4px;font:11px monospace}.slider-num:focus{border-color:#5b9bd5;outline:none}.editor-btn{color:#bbb;cursor:pointer;white-space:nowrap;background:#242424;border:1px solid #3a3a3a;border-radius:3px;padding:4px 10px;font:12px monospace;transition:background .12s,color .12s}.editor-btn:hover{color:#fff;background:#333}.add-btn{color:#7a9955;text-align:center;background:#1a261a;border-color:#3a5a3a;width:100%;margin:6px 0 2px;display:block}.add-btn:hover{color:#9abf70;background:#223022}.del-btn{color:#996060;background:#261a1a;border-color:#5a3a3a;padding:1px 6px;font-size:14px;line-height:1}.del-btn:hover{color:#dd8080;background:#3a2020}.color-picker{cursor:pointer;background:#252525;border:1px solid #3a3a3a;border-radius:3px;flex-shrink:0;width:36px;height:22px;padding:1px 2px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:2px}.slider-row:has(.color-picker) .slider-label{width:90px}.editor-sidebar::-webkit-scrollbar{width:6px}.editor-sidebar::-webkit-scrollbar-track{background:#111}.editor-sidebar::-webkit-scrollbar-thumb{background:#333;border-radius:3px}