/* Glass-garden art direction: a watery lobby and an illuminated play tray. */
:root{color:#164f59;background:#d5f0ed}body{background:radial-gradient(ellipse at 50% 0,#f3fff8 0,transparent 55%),radial-gradient(ellipse at 5% 90%,#9bdfce70,transparent 55%),linear-gradient(155deg,#d9f5ee,#c6e8ed 65%,#d9e9f4)}body:before,body:after{background:#7cbdae24;box-shadow:0 -7px 0 #ffffff55;bottom:-30vw}
body[data-state=ready] .shell{max-width:550px;padding:18px 22px 24px}.site-header{margin-bottom:18px}.site-header .back{color:#356d73;font-size:12px;font-weight:600}.languages{background:#edfdfa9e;border:1px solid white;padding:4px;border-radius:16px}.icon{background:linear-gradient(#ffffff,#e7f7f5);border:2px solid white;color:#357c83;box-shadow:0 3px 0 #a3cbcc,0 6px 9px #2b747312;border-radius:14px}.lobby-title{padding-top:4px}.lobby-badge{font-size:10px;letter-spacing:2px;color:#4b9391}.lobby-title h1{color:#148f87;-webkit-text-stroke:0;font-family:'Malgun Gothic','Segoe UI',sans-serif;font-weight:900;font-size:72px;line-height:1.12;letter-spacing:-6px;rotate:-4deg;text-shadow:0 -2px 0 #ffffffd0,1px 2px 0 #75d6bf,2px 5px 0 #087871,2px 8px 0 #f2fff9,3px 12px 16px #2c817831;margin:13px 0 9px}.lobby-title h1 span{color:#5da9c7;text-shadow:0 -2px white,1px 4px #237f99,2px 7px #f2fff9;rotate:10deg}.lobby-title p{font-size:13px;color:#458a86;font-weight:600;margin-top:18px;letter-spacing:.5px}
.mascot-stage{height:213px;max-width:360px;isolation:isolate}.mascot-stage:before{content:'';position:absolute;left:5%;right:5%;bottom:19px;height:82px;border-radius:50%;background:radial-gradient(ellipse,#98e8d770 35%,#6fcbca50 37%,#d8ffefba 40%,transparent 43%,transparent 51%,#76c7bb55 53%,#ffffffad 55%,transparent 58%);transform:rotate(-5deg);z-index:-1}.jelly-mascot{width:101px;height:103px;top:39px;margin-left:-50px;background:radial-gradient(ellipse at 18% 30%,#ffffffec,transparent 30%),linear-gradient(140deg,#dcfff2,#6edac9 65%,#43bcae);border:2px solid #f3fff9;box-shadow:inset 0 4px 4px white,inset 0 -6px 6px #159a9140,0 5px 0 #50aba47a,0 13px 25px #31857c35}.jelly-eyes{gap:22px!important}.jelly-mascot .jelly-eyes{left:35px;top:33px}.jelly-mascot .jelly-smile{left:57px;top:59px}.jelly-mascot .jelly-cheeks{left:24px;top:47px}.jelly-cheeks{box-shadow:47px 0 #e29bd18f}.stage-orbit{width:49px;height:53px;background:none!important;border:0;box-shadow:none;font-size:25px;font-weight:800;isolation:isolate;color:#167385;padding-top:6px}.stage-orbit:before{content:'';position:absolute;z-index:-1;inset:9%;border-radius:3% 54% 52% 54%;transform:rotate(45deg);background:radial-gradient(ellipse at 25% 22%,white,transparent 28%),linear-gradient(135deg,#d2fcff,#77cce2);border:2px solid #f4ffff;box-shadow:inset -2px -3px 3px #18819e28,2px 3px 0 #80bdc985}.stage-orbit.one{left:9%;top:56px;rotate:-13deg}.stage-orbit.two{right:12%;top:20px;rotate:12deg}.stage-orbit.three{right:6%;top:109px;rotate:15deg}.mascot-message{font-size:11px;bottom:4px;background:#f6fffdba;border:1px solid white;box-shadow:0 2px 5px #3780740b;padding:6px 14px}.mascot-shadow{top:155px}.stage-spark{color:#78b7b5}.stage-spark.one{top:123px;left:20%}
.mode-list{margin-top:15px;gap:15px}.mode-card{border:2px solid #effff8;border-radius:24px;min-height:97px;padding:14px 19px;overflow:hidden}.mode-card:after{content:'';position:absolute;width:110px;height:110px;right:-35px;top:-48px;border:12px solid #ffffff12;border-radius:50%;pointer-events:none}.classic-card{background:linear-gradient(150deg,#32c5b0,#139790 75%);box-shadow:inset 0 2px 0 #8bede2,0 6px 0 #08756f,0 12px 20px #287e7f22}.practice-card{background:linear-gradient(145deg,#82c7db,#589fba);box-shadow:inset 0 2px 0 #bde9f3,0 6px 0 #3b7b98,0 12px 20px #3b7b9822}.mode-copy strong{font-size:25px;font-weight:800}.mode-copy small{font-size:10px}.mode-copy>span{font-size:10px;opacity:.9}.mode-icon{width:43px;height:45px;border-radius:15px;background:#effffb24;font-size:30px}.lobby-tools{margin-top:24px;gap:20px}.lobby-tools>span{padding-left:20px}.lobby-utilities{margin:19px 0 0;gap:11px}.lobby-utilities button{border-radius:16px;padding:10px 21px;color:#477f88;background:linear-gradient(#fff,#eaf7f6);box-shadow:0 3px 0 #afcfce;font-size:12px}.ad-slot{display:none!important}footer{margin:17px 0 0;padding:0;font-size:10px;color:#6d9595}body:not([data-state=ready]) footer{display:none}
.game-heading h2{color:#19666c}.game-heading small{color:#77a4a6}.game .stats{background:linear-gradient(135deg,#fcfffcec,#e3f9f6ed);border-color:#f7fffc;box-shadow:0 3px 0 #94c5c4,0 5px 12px #2b706b12;position:relative}.game .stats>div{padding:0 8px;flex:1}.game .stats>div+div{border-left:1px solid #c3e4df}.game .stats strong{color:#13938d}.game .stats .clock strong{color:#157c8c}.game .stats>div:last-child strong{color:#537ba7}.stats span{font-weight:600;color:#5d9896}.game .board-wrap{border:3px solid #f2fffbea;background:radial-gradient(ellipse at 50% 0,#d8fff5,#b9e6df 70%,#b0dce1);box-shadow:inset 0 3px 9px #247e8133,0 4px 0 #6facaf,0 0 0 2px #9bd8cd,0 8px 18px #2c7c7620}.game .board-wrap:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 15% 5%,#ffffff40,transparent 45%)}.game .cell{color:#075766}.game #board{z-index:1}.game .cell::before{border-color:#61bcbc;box-shadow:inset 1px 2px 2px white,inset -2px -2px 3px #08766d30,0 2px 2px #1e827e20}.game .sum-pill{border-radius:13px;background:linear-gradient(#ffffff,#ddf8ef);border-color:#effff8;box-shadow:0 2px 0 #9bc7c3}.game .tools button{background:linear-gradient(#fff,#e5f5f2);border-radius:14px;box-shadow:0 3px 0 #a7c8c6;color:#3e757d}.target-badge{border-radius:11px;background:#f5fff8c0}.game #hint{background:linear-gradient(#f9ffff,#e4f5fc);color:#417f9b;box-shadow:0 3px 0 #a5cbd5}.game #hints{background:#cee9f3;color:#366f88}.cover{background:radial-gradient(ellipse at 50% 10%,#f4fffbeF,#d5f0edfa);backdrop-filter:blur(8px)}.cover h2{color:#2a7271}.cover .primary{background:linear-gradient(#37c9b4,#159991);box-shadow:0 4px 0 #08756f;border:2px solid white;border-radius:16px}.cover-links{gap:17px}.result-score{font:900 76px/1 'Segoe UI',sans-serif;letter-spacing:-4px;color:#10948b;text-shadow:0 2px white,0 4px #a2dcd1;margin:6px 0}.result-score small{font:500 14px 'Segoe UI',sans-serif;letter-spacing:0;color:#78a8a1;margin-left:6px}.result-score[hidden]{display:none}.result-actions{gap:7px}.result-actions button{padding:8px 10px;font-size:11px;border-radius:13px}.cover #save-status{font-size:10px;margin:4px 0;line-height:1.4}.cover #save-status:empty{display:none}.cover-links a{font-size:11px}.game-guide{min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}.guide-cards{grid-template-columns:1fr!important}.guide-actions{margin-top:15px}.guide-dialog .game-guide h2{font-size:19px;margin-top:6px}.guide-dialog{max-width:470px}.guide-dialog>.dialog-top{justify-content:flex-end;margin-bottom:-24px;position:relative;z-index:1}.game-guide .example span{border-radius:50% 50% 50% 5%;background:linear-gradient(#d5fff6,#80d5d0)}
@media(min-width:768px){body[data-state=ready] .shell{max-width:550px}.mode-list{grid-template-columns:1fr;max-width:420px}.lobby{max-width:430px}.mode-copy strong{font-size:25px}.mode-copy small{font-size:11px}.mascot-stage{height:213px}.lobby-utilities{margin-top:21px}}
@media(max-height:740px){body[data-state=ready] .shell{padding-top:9px}.site-header{margin-bottom:10px}.lobby-title h1{font-size:57px;margin-top:7px}.lobby-title p{font-size:12px;margin-top:13px}.lobby-badge{font-size:9px}.mascot-stage{height:164px}.jelly-mascot{top:19px;scale:.8}.mascot-shadow{top:126px}.stage-orbit.one{top:36px}.stage-orbit.two{top:12px}.stage-orbit.three{top:84px}.stage-spark.one{top:100px}.mode-card{min-height:80px;padding:10px 15px}.mode-copy strong{font-size:22px}.mode-list{gap:14px;margin-top:10px}.lobby-tools{margin-top:20px}.lobby-utilities{margin-top:12px}.lobby-utilities button{padding:8px 14px}.result-score{font-size:54px}.cover h2{font-size:17px}.cover .cover-symbol{width:40px;height:42px;font-size:23px;margin:0}.cover .cover-links{margin-top:6px}}
@media(orientation:landscape) and (max-height:600px){.cover .result-score{font-size:38px}.cover .result-actions{margin-top:4px}.cover #cover-copy{font-size:11px}.cover .cover-symbol{display:none}}
.tools>a.portal-link{flex:1;display:flex;align-items:center;justify-content:center;padding:7px 5px;min-height:34px;background:linear-gradient(#fff,#e5f5f2);border:2px solid white;border-radius:14px;box-shadow:0 3px 0 #a7c8c6;color:#3e757d;font:600 11px 'Segoe UI','Malgun Gothic',sans-serif;white-space:nowrap}@media(max-width:360px){.game .tools button,.tools>a.portal-link{font-size:10px;padding:6px 3px}}@media(orientation:landscape) and (max-height:600px) and (min-width:700px){.tools>a.portal-link{min-height:28px;font-size:10px;padding:4px}}