@font-face{font-family:SerifLocal;src:local('Georgia')}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:#102420;color:#eee8d9;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background-image:radial-gradient(ellipse at 50% 30%,#2c4940 0,transparent 65%)}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:transparent;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.32;cursor:default}button:focus-visible,canvas:focus-visible,input:focus-visible{outline:2px solid #e5bf6d;outline-offset:4px}button:hover:not(:disabled){filter:brightness(1.15)}button[hidden],[hidden]{display:none!important}.app{height:100dvh;max-width:1080px;margin:auto;padding:clamp(12px,2.4vh,26px) 30px max(12px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;gap:clamp(8px,1.5vh,16px)}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #dfc69022}.brand{display:flex;gap:12px;align-items:center}.brand img{border-radius:12px;box-shadow:0 3px 12px #0005}.brand h1{font-family:Georgia,serif;font-size:24px;letter-spacing:-.6px;font-weight:normal;margin:0}.brand p{font-size:8px;letter-spacing:3.4px;color:#baa97f;margin:5px 0 0}.header-actions{display:flex;gap:10px;align-items:center}.icon-button{width:40px;height:40px;background:#ffffff08;border:1px solid #ffffff12;border-radius:50%;font-size:23px;color:#d3c49d}.game-head{display:flex;align-items:center;justify-content:space-between;max-width:600px;width:100%;margin:auto}.level-picker{text-align:left;padding:0}.level-picker>span{display:block;font-size:9px;letter-spacing:2.3px;color:#cab783;margin-bottom:3px}.level-picker strong{font-family:Georgia,serif;font-weight:normal;font-size:29px}.level-picker small{font-family:system-ui;font-size:17px;color:#c9b985;margin-left:8px}.stats{display:flex;gap:22px;align-items:center}.stats div{text-align:center;min-width:50px}.stats strong{display:block;font-size:25px;font-weight:400;font-variant-numeric:tabular-nums}.stats span{font-size:8px;letter-spacing:1.6px;color:#adbaaa}.stats i{height:28px;width:1px;background:#e0c99022}.board-area{min-height:0;display:flex;justify-content:center;align-items:center}.board{position:relative;aspect-ratio:1;width:min(100%,var(--board-size,520px));height:auto;max-height:100%;border-radius:10%;box-shadow:0 24px 55px #0006,0 2px 4px #0005;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}.board-message{position:absolute;inset:0;background:#19322ae8;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;backdrop-filter:blur(8px)}.board-message h2{font-family:Georgia,serif;font-weight:normal;font-size:30px}.board-message p{font-size:13px;color:#d6d1b9}.victory-symbol{color:#f0c46d;font-size:70px}.interaction{max-width:600px;width:100%;margin:auto}#status{text-align:center;font-size:12px;color:#b8c6b6;min-height:17px;margin:0 0 10px;line-height:1.4}.selection{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff04;padding:7px 8px 7px 14px;min-height:48px}#selected-label{font-size:12px;color:#d9d9c6}.primary{background:linear-gradient(135deg,#edcf85,#c89a48);color:#26352b;font-size:12px;font-weight:650;padding:11px 20px;border-radius:8px;box-shadow:inset 0 1px #fff6,0 3px 10px #0002;white-space:nowrap}.primary span{margin-left:8px}.toolbar{display:grid;grid-template-columns:repeat(4,1fr);max-width:600px;width:100%;margin:auto;border-top:1px solid #dfc69022;padding-top:10px}.toolbar button{font-size:11px;color:#c8d1c2;display:flex;flex-direction:column;align-items:center;gap:3px;padding:3px}.toolbar button>span{font-size:26px;line-height:30px;color:#e0c88e}.toolbar button:last-child:not(:disabled){color:#ebc776}footer{display:flex;gap:6px;align-items:center;justify-content:center;font-size:9px;color:#839d8d;letter-spacing:.2px}.offline-dot{width:4px;height:4px;border-radius:50%;background:#8eac83}.edition{margin-left:auto;font-size:8px;letter-spacing:1.5px}dialog{border:1px solid #c5ac6870;border-radius:20px;background:#203a32;color:#eee8d9;max-width:460px;width:calc(100% - 28px);max-height:calc(100dvh - 28px);padding:24px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#071a16bb;backdrop-filter:blur(6px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.modal-head h2{font-family:Georgia,serif;font-weight:normal;font-size:27px;margin:0}dialog p,dialog li{color:#c7d3c4;font-size:13px;line-height:1.7}dialog h3{color:#d9c087;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin:24px 0 12px}.setting{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff0c;font-size:13px}.setting input[type=checkbox]{width:19px;height:19px;accent-color:#d4b16a}.setting input[type=range]{width:145px;accent-color:#d4b16a}.setting select{background:#152b24;border:1px solid #c5ac6844;color:#eee8d9;padding:5px;border-radius:6px}.wide{width:100%;margin-top:12px}.secondary{padding:10px 15px;border:1px solid #c5ac6844;border-radius:8px;font-size:12px}.danger{color:#f0a797}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.level-grid button{height:43px;border:1px solid #dbc58c30;border-radius:8px;background:#ffffff06;font-size:13px}.level-grid .done{color:#e9cc84;background:#c9ad6b17}.level-grid .current{border-color:#e9cc84}.hint-key{font-size:10px;border:1px solid #ffffff30;border-radius:4px;padding:1px 5px;white-space:nowrap}.fatal{position:fixed;inset:0;background:#17352a;color:white;display:grid;place-content:center;text-align:center;padding:25px}#install{font-size:11px;color:#e4c77e}.notice{color:#f3cb78!important}body.reduced *{scroll-behavior:auto!important;transition:none!important}
@media(min-width:900px){.app{max-width:940px}header{padding-bottom:17px}.brand h1{font-size:27px}.board{max-width:610px}}@media(max-width:600px){.app{padding:12px 16px max(10px,env(safe-area-inset-bottom));gap:10px}.brand h1{font-size:21px}.brand img{width:37px;height:37px;border-radius:10px}.brand p{font-size:7px;letter-spacing:2.6px}header{padding-bottom:10px}.edition{display:none}.stats{gap:14px}.level-picker strong{font-size:27px}.board{border-radius:10%}}@media(max-height:650px){.app{gap:6px;padding-top:8px;padding-bottom:6px}header{padding-bottom:6px}.brand img{width:32px;height:32px}.brand h1{font-size:19px}.brand p{font-size:6px}.game-head strong{font-size:21px}.level-picker>span{font-size:7px}.stats span{font-size:7px}.selection{min-height:37px;padding:4px 5px 4px 10px}.primary{padding:9px 15px}#status{font-size:10px;margin-bottom:5px}.toolbar{padding-top:4px}.toolbar button>span{font-size:22px;line-height:24px}.toolbar button{font-size:10px}footer{font-size:8px}.icon-button{width:32px;height:32px}}
.timer{font-size:17px;font-variant-numeric:tabular-nums;color:#e9ce91;border:1px solid #e9ce9130;border-radius:8px;padding:6px}.timer.urgent{color:#ffac88;border-color:#ffac8860}@media(max-width:360px){.stats{gap:8px}.stats div{min-width:40px}.timer{font-size:13px;padding:4px}.brand h1{font-size:19px}}

.connection-count{font-size:11px;color:#e7cc8f;white-space:nowrap}.version-label{font-size:9px;color:#e2c586;margin-left:5px}.selection{min-height:44px}.selection #selected-label{flex:1}.release{display:none}

#apply-update{font-size:10px;color:#f0cc80;padding:0;text-decoration:underline;text-underline-offset:3px}

.brand-icon{padding:0;display:block;line-height:0;border-radius:12px;flex-shrink:0}.about-dialog{background:linear-gradient(150deg,#24523e,#14382b);border-color:#dfbd5f70}.about-dialog .modal-head{border-bottom:1px solid #ffffff18;padding-bottom:12px;margin-bottom:16px}.about-dialog .modal-head h2{font-family:system-ui,sans-serif;font-size:13px;font-weight:700;color:#c5d1c9}.about-logo{padding:14px 12px;margin-bottom:16px;border-radius:13px;background:#fff;box-shadow:0 5px 18px #0005}.about-logo img{display:block;width:min(190px,100%);height:auto;margin:auto}.about-dialog h3.about-name{font-family:Georgia,serif;font-size:29px;font-weight:700;text-transform:none;letter-spacing:-.5px;color:#f2e9d4;margin:0 0 4px}.about-subtitle{color:#e0bd5f!important;font-size:15px!important;font-weight:700;margin:0 0 16px!important}.about-features{display:grid;gap:8px;padding:13px;border:1px solid #ffffff18;border-radius:11px;background:#ffffff08;color:#cbd9d0;font-size:12px}.about-author{display:grid;gap:5px;margin-top:16px;padding-top:14px;border-top:1px solid #ffffff1c}.about-author strong{font-size:14px}.about-author span{font-size:12px;color:#a5bcb0}@media(max-height:650px){dialog.about-dialog{padding:16px}.about-logo{padding:7px;margin-bottom:10px}.about-logo img{width:140px}.about-dialog .modal-head{margin-bottom:10px;padding-bottom:7px}.about-features{font-size:11px;padding:11px;gap:6px}.about-author{margin-top:11px;padding-top:11px}.about-subtitle{margin-bottom:10px!important}}
#install{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border:1px solid #dfc69044;border-radius:8px;min-height:34px;flex-shrink:0}.install-symbol{font-size:22px;line-height:1}.header-actions{flex-shrink:0}dialog a{color:#e9cc84}@media(max-width:360px){#install{width:32px;min-height:32px;padding:0;justify-content:center}#install .install-text{display:none}.header-actions{gap:7px}.brand{gap:9px}}
.install-browser{display:block;text-align:center;text-decoration:none;white-space:normal;line-height:1.5}