:root{font-family:Arial,Helvetica,sans-serif;color:#17365d;background:#edf7ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;font-weight:700;color:#245a88;background:#fff;border:1px solid #cde1ee;border-radius:13px;min-height:46px;padding:12px 17px;cursor:pointer;touch-action:manipulation}button:hover{background:#eff7ff}button.primary{background:#ffda48;color:#193b66;border-color:#e7bd30;box-shadow:0 4px 0 #d4a723;min-height:54px;font-size:17px}button.primary:hover{background:#ffe575}button:focus-visible,a:focus-visible{outline:3px solid #edaf00;outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#app{height:100dvh;display:grid;grid-template-rows:70px 1fr 34px;background:radial-gradient(ellipse at 85% 80%,#fff2ba,transparent 45%),radial-gradient(ellipse at 10% 10%,#cbeaff,transparent 60%),#f2f9ff}.masthead{display:flex;align-items:center;justify-content:space-between;padding:0 4vw;gap:15px}.masthead a{font-size:12px;font-weight:700;padding:14px 0;min-height:44px}.masthead>span{font-size:10px;font-weight:800;letter-spacing:3px}.masthead b{margin:0 12px;color:#6fabc9}.masthead button{background:#ffffff75;font-size:12px;min-height:44px}#arena{position:relative;min-height:0;width:min(1100px,100%);height:100%;margin:auto;isolation:isolate}#board{height:100%;aspect-ratio:9/17;margin:auto;overflow:hidden;border:5px solid white;border-radius:25px;background:#e7f4fd;box-shadow:0 20px 60px #206fa22a;padding:50px 0 48px}iframe{display:block;border:0;width:100%;height:100%}#toolbar,#game-tip{position:absolute;left:50%;transform:translateX(-50%);width:calc((100dvh - 104px)*9/17 - 22px);display:flex;justify-content:space-between;align-items:center;gap:4px}#toolbar{top:7px}#toolbar button,#game-tip button{background:transparent;border:0;padding:8px;font-size:11px;min-height:44px}#level{font-size:12px;white-space:nowrap}#game-tip{bottom:7px}#game-tip span{font-size:10px;color:#426b90;padding-left:6px}#panel{position:absolute;inset:0;display:flex;align-items:safe center;justify-content:center;padding:14px;overflow:auto;border-radius:28px;background:linear-gradient(130deg,#e9f6fff5,#eef7fff5);touch-action:pan-y;outline:none}.card{flex-shrink:0;width:100%;border-radius:25px;background:#fff;overflow:hidden;box-shadow:0 22px 60px #175b8526;border:1px solid #fff}.card.menu{max-width:860px;display:grid;grid-template-columns:1.08fr 1fr}.menu-art{position:relative;min-height:460px;background:#2692ec}.menu-art img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:right center}.card-body{padding:32px}.eyebrow{color:#397eaf;font-size:9px;letter-spacing:2px;font-weight:800}h1{font-size:46px;letter-spacing:-2px;line-height:1.08;margin:14px 0}h1 span{color:#e6b426}h2{font-size:31px;letter-spacing:-1px;margin:12px 0}p{font-size:13px;line-height:1.65;color:#54768f}.intro{margin-bottom:22px}.progress-card{background:#eff7fe;border:1px solid #dcecf7;border-radius:14px;padding:16px}.progress-card>span{font-size:9px;color:#5a7d9a;font-weight:800;letter-spacing:1px}.progress-card strong{display:block;margin-top:8px;font-size:22px;color:#227bc1}.progress-card small{font-size:13px;font-weight:400;color:#7094b1}.actions{display:grid;gap:12px;margin-top:24px}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row button{font-size:12px}.input-note{text-align:center;font-size:10px;margin:20px 0 0;color:#6a8ba6}.compact{max-width:440px}.loading{max-width:480px}.loading img{display:block;width:100%;height:180px;object-fit:cover}.loading h1{font-size:35px}progress{width:100%;height:7px;accent-color:#1f8ade}.portal{display:block;min-height:44px;text-align:center;font-size:12px;padding:15px}.help-list{padding-left:20px;color:#54768f;font-size:12px;line-height:1.6}.help-list li{padding:9px 0}.help-list strong{display:block;color:#1f557f;font-size:13px}.charge-mark{width:66px;height:66px;background:#fff0a1;border:1px solid #eed46c;color:#d99800;border-radius:20px;display:grid;place-items:center;font-size:52px;margin-bottom:20px}footer{text-align:center;font-size:9px;letter-spacing:2.5px;color:#7392a9;padding-top:13px}
@media(max-width:600px){#app{grid-template-rows:52px 1fr}.masthead{padding:0 12px}.masthead>span,footer{display:none}.masthead button{padding:8px 12px}#arena{width:100%}#board{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;padding:50px 0 max(50px,env(safe-area-inset-bottom))}#toolbar,#game-tip{width:calc(100% - 20px)}#toolbar{top:4px}#game-tip{bottom:max(5px,env(safe-area-inset-bottom))}#toolbar button,#game-tip button{min-height:44px;font-size:12px}#panel{border-radius:0;padding:14px}.card.menu{display:block;max-width:420px}.menu-art{min-height:0;height:185px}.menu-art img{object-position:center}.card-body{padding:24px}h1{font-size:36px;margin:10px 0}.actions{margin-top:20px}.intro{margin-bottom:18px}.input-note{margin-top:17px}.progress-card{padding:13px}}
@media(max-height:680px){#app{grid-template-rows:50px 1fr}footer{display:none}#toolbar,#game-tip{width:calc((100dvh - 50px)*9/17 - 22px)}.card-body{padding:22px}.menu-art{min-height:390px}h1{font-size:37px}.intro{margin-bottom:14px}.actions{margin-top:16px}.input-note{margin-top:14px}}
@media(max-width:600px) and (max-height:680px){.menu-art{height:120px;min-height:0}.card-body{padding:19px}.progress-card{padding:10px}.progress-card strong{font-size:19px}h1{font-size:31px}.intro{font-size:12px}.actions{gap:9px}.input-note{margin-top:12px}#toolbar,#game-tip{width:calc(100% - 20px)}}
@media(max-height:500px) and (min-width:601px){#board{padding:0;aspect-ratio:9/16;margin-left:calc(50% - 180px)}#toolbar,#game-tip{left:calc(50% + 100px);width:230px;flex-wrap:wrap;justify-content:center}#toolbar{top:60px}#level{order:-1;width:100%;text-align:center;margin-bottom:10px}#game-tip{bottom:70px}.compact{max-width:600px}.help-list{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}}