*{box-sizing:border-box} :root{color-scheme:light;--ink:#284b43;--muted:#6f8275;--paper:#f6f5ec;--pink:#cd7389}body{margin:0;background:radial-gradient(ellipse at 4% 20%,#e8eee2,transparent 50%),var(--paper);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #d16f92;outline-offset:4px}header{max-width:1250px;margin:auto;padding:23px 42px;display:flex;align-items:center;gap:25px}.brand img{width:112px;height:48px;object-fit:contain;mix-blend-mode:multiply}.edition{font-size:11px;letter-spacing:.18em;color:var(--muted)}.quiet{margin-left:auto;background:transparent;border:1px solid #cdd7c8;border-radius:30px;padding:8px 16px;font-size:11px;color:var(--ink)}main{max-width:1120px;margin:20px auto 55px;display:grid;grid-template-columns:1fr 500px;gap:84px;align-items:center;padding:0 30px}.eyebrow{font-size:9px;letter-spacing:.23em;font-weight:bold;color:#788d77}.intro{padding-bottom:10px}h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:41px;letter-spacing:.08em;line-height:1.6;margin:25px 0 20px;white-space:nowrap}h1>span:first-child{display:block;font-size:26px;letter-spacing:.19em}.title-dot{color:var(--pink)}.lead{font-size:13px;line-height:2.2;letter-spacing:.08em;color:#6a7c70}.instructions{display:flex;align-items:center;gap:7px;margin-top:30px}.key{display:inline-grid;place-items:center;width:32px;height:31px;background:#fffdf6;border:1px solid #d2d7ca;box-shadow:0 3px 0 #d8dfd1;border-radius:8px}.instructions p{font-size:12px;margin:0 0 0 9px;font-weight:bold}.instructions small{display:block;font-size:10px;font-weight:normal;color:var(--muted);margin-top:7px}.stone-guide{display:flex;align-items:center;gap:5px;margin:22px 0 32px}.stone-guide p{font-size:9px;color:var(--muted);margin-right:7px}.stone-sample{width:38px;height:28px;display:flex;align-items:center}.stone-sample img{width:100%}.wet{filter:hue-rotate(130deg) saturate(1.2)}.friends{border-top:1px solid #d8dfd0;padding-top:14px}.friends article{display:flex;gap:12px;align-items:center;margin:17px 0}.friends article img{width:43px;height:49px;object-fit:contain;mix-blend-mode:multiply}.friends b{display:block;font-size:11px}.friends article div>span{display:block;margin-top:5px;font-size:10px;color:var(--muted)}.badge{margin-left:auto;font-size:8px;padding:5px 7px;border-radius:5px;white-space:nowrap}.pink{background:#f2dce1;color:#9d5c72}.green{background:#e0e9d7;color:#66815a}.yellow{background:#f1e7c9;color:#957b46}.footnote{margin-top:34px;font-family:serif;font-size:13px;letter-spacing:.16em;color:#8d9b86}.game-frame{position:relative;overflow:hidden;border:7px solid #fffcf2;border-radius:28px;box-shadow:0 22px 65px #274f3b25,0 2px 5px #274f3b18;background:#65bdbb;aspect-ratio:560/780;isolation:isolate}canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:22px;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none;color:#fff;text-shadow:0 2px 7px #173d36}.hud small{font-size:10px;display:block;letter-spacing:.1em}.hud strong{font-size:35px;letter-spacing:.02em;display:block}.hud em{font-size:12px;font-style:normal}.best{text-align:right}.best>b{font-size:16px;display:block;margin-top:6px}.pause{pointer-events:auto;background:#fffdf0df;color:var(--ink);border:0;border-radius:9px;display:inline-grid;place-items:center;width:32px;height:30px;margin-top:12px;font-size:16px;text-shadow:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(#174a3b08,#174a3b20);z-index:3}.overlay[hidden]{display:none}.welcome{width:80%;text-align:center;background:#fffdf0ed;border:1px solid #ffffffe0;box-shadow:0 12px 40px #173d3626;backdrop-filter:blur(10px);padding:32px 25px 26px;border-radius:130px 130px 25px 25px}.tiny{font-size:10px;letter-spacing:.1em;color:#7c8c73}h2{font-family:"Yu Mincho",serif;font-size:34px;line-height:1.7;letter-spacing:.1em;margin:17px 0}#panel-copy{font-size:11px;line-height:2;color:var(--muted)}.primary{border:0;border-radius:32px;padding:14px 25px;margin:12px 0 15px;color:white;font-size:12px;font-weight:bold;letter-spacing:.12em;background:#486f56;box-shadow:0 5px 0 #34583f;min-width:200px}.primary:hover{background:#5c8265}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #34583f}.hint{display:block;font-size:9px;color:#89977f}.touch-controls{position:absolute;bottom:18px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;z-index:4}.touch-controls button{width:70px;height:47px;border:1px solid #ffffffb0;background:#fffdf0e8;border-radius:16px;font-size:27px;color:#3f6653;box-shadow:0 4px 12px #2148382b;touch-action:none;user-select:none}.touch-controls button:active{transform:scale(.94);background:#fff}.touch-controls>span{color:#fffef0;text-shadow:0 1px 5px #214838;font-size:10px;letter-spacing:.18em}.game-caption{display:flex;align-items:center;font-size:9px;letter-spacing:.1em;color:#8a9884;margin:15px 9px}.game-caption>span:last-child{margin-left:auto;font-size:8px}.live-dot{display:inline-block;width:5px;height:5px;background:#8fa77b;border-radius:100%;margin-right:7px}.effects{position:absolute;left:20px;top:102px;display:flex;flex-direction:column;gap:5px}.effect{background:#fff9e9ee;color:#4e6e5d;border-radius:20px;padding:7px 12px;font-size:10px;box-shadow:0 2px 9px #21483820}.toast{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);text-align:center;width:max-content;max-width:85%;padding:12px 20px;background:#fff9e9f2;border-radius:25px;font-size:12px;box-shadow:0 3px 20px #204a3f28;opacity:0;transition:opacity .2s;pointer-events:none;z-index:2}.toast.show{opacity:1}footer{max-width:1170px;margin:0 auto;padding:20px 30px;border-top:1px solid #dce2d4;font-size:10px;letter-spacing:.17em;color:#95a18d}footer span{float:right;font-size:9px;letter-spacing:.03em}@media(min-width:1450px){main{margin-top:36px;grid-template-columns:1fr 535px}}@media(max-width:950px){main{gap:35px;grid-template-columns:1fr minmax(340px,460px);padding:0 22px}h1{font-size:30px}.edition{display:none}.badge{display:none}.stone-guide{flex-wrap:wrap}}@media(max-width:720px){header{padding:13px 20px}.brand img{width:94px;height:35px}main{display:flex;flex-direction:column;margin:6px auto 30px;padding:0 14px;gap:22px;max-width:500px}.intro{display:contents}.intro>.eyebrow,.lead,.instructions,.stone-guide,.footnote{display:none}h1{order:0;font-size:27px;margin:4px 0 0;text-align:center;line-height:1.5}h1>span:first-child{display:inline;font-size:19px;margin-right:10px}.game-column{order:1;width:100%}.friends{order:2;width:100%;margin:0 9px;padding-top:8px}.friends article{margin:10px 0}.friends .eyebrow{font-size:10px}.badge{display:inline}.game-frame{border-width:5px;border-radius:23px}.game-caption{margin-bottom:0}footer{margin:0 22px;padding:14px 0}.welcome{padding:25px 15px 21px}h2{font-size:29px;margin:12px 0}.hud{top:17px;left:17px;right:17px}.touch-controls{bottom:14px}.touch-controls button{height:42px}.effects{top:95px;left:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}

.account-bar{max-width:1170px;margin:0 auto 10px;padding:0 30px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;color:#73846f}.account-bar>span{margin-right:auto}.account-bar button{border:1px solid #cdd9c5;border-radius:20px;padding:7px 12px;background:#fffdf5;color:#42634e;font-size:10px}.account-bar a{color:#6d8469;font-size:10px}.account-bar [hidden]{display:none}.save-status{font-size:11px;color:#6d8167;line-height:1.8;margin:10px;min-height:20px}#ranking-dialog{border:1px solid #d4dfcc;border-radius:24px;background:#fffdf2;color:#35564a;width:min(760px,calc(100% - 24px));max-height:85vh;overflow:auto;padding:25px;box-shadow:0 25px 80px #173c3640}#ranking-dialog::backdrop{background:#173c3660;backdrop-filter:blur(4px)}.ranking-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.ranking-heading h2{font-size:25px;margin:0}.ranking-heading button{border:0;background:#e9eedf;width:34px;height:34px;border-radius:50%;color:#42634e;font-size:22px}#ranking-message,#ranking-personal{font-size:11px;color:#7b8b73}.ranking-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.ranking-columns h3{font-size:13px;border-bottom:1px solid #d8e0d0;padding-bottom:10px}.ranking-columns ol{list-style:none;padding:0}.ranking-columns li{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;font-size:12px;padding:10px 8px;border-bottom:1px solid #e7ebdf}.ranking-columns li>span:nth-child(2){overflow-wrap:anywhere}.ranking-columns li>b{font-size:12px;white-space:nowrap}.ranking-columns .is-self{background:#dcefd4;color:#285334;border-radius:8px;box-shadow:inset 4px 0 #5b8c49;font-weight:bold}#ranking-message:empty{display:none}.ranking-columns li.ranking-empty{display:block;color:#83917d;font-size:11px}@media(max-width:720px){.account-bar{padding:0 20px;gap:8px;font-size:10px}.account-bar a{display:none}.ranking-columns{grid-template-columns:1fr;gap:12px}#ranking-dialog{padding:20px}}

.overlay.is-result{align-items:start;padding-top:16%;background:transparent}.welcome.is-result{padding:18px 15px;border-radius:30px;width:84%;backdrop-filter:blur(4px)}.is-result h2{font-size:23px;line-height:1.4;margin:10px 0}.is-result #panel-copy{line-height:1.7;margin:8px 0}.is-result .primary{margin:6px 0 12px;padding:12px 20px}

footer>a{color:#58734f;text-underline-offset:4px}footer>a:hover{color:#35564a}footer>a:focus-visible{outline:2px solid #58734f;outline-offset:4px}