*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans",sans-serif;color:#f1e8d6;background:#171e1e}body{margin:0;position:fixed;inset:0;overflow:hidden}#game{position:absolute;left:50%;top:50%;margin-left:-180px;margin-top:-320px;width:360px;height:640px;overflow:hidden;transform-origin:center;background:#222a29}canvas,.screen{position:absolute;inset:0;width:100%;height:100%}canvas{display:block}[hidden]{display:none!important}.screen{pointer-events:none;text-align:center}button{pointer-events:auto;touch-action:manipulation;cursor:pointer;border:none;font:inherit;font-weight:700}button:focus-visible{outline:3px solid #edb497;outline-offset:4px}button:active{transform:translateY(3px)}.eyebrow{color:#bcae91;letter-spacing:4px;font-size:10px;margin-top:47px}h1{font-size:32px;letter-spacing:.025em;margin:17px 8px 12px;line-height:1.3}.rule{font-size:14px;color:#d0c6b1;margin:0}.title-bottom{position:absolute;top:484px;left:30px;right:30px}.chips{display:flex;justify-content:center;gap:26px;color:#c5b89f;font-size:12px;margin-bottom:21px}.primary{width:100%;height:58px;border-radius:10px;background:#ede1c8;color:#29322e;font-size:18px;box-shadow:0 5px 0 #928570}.secondary{background:transparent;color:#c5bba5;font-size:14px;padding:14px 24px;margin:12px auto}.demo-word{position:absolute;width:188px;height:65px;background:#ede3cf;color:#333931;border-radius:6px;box-shadow:0 5px 0 #a99c82,0 10px 20px #0004;font-size:26px;line-height:65px;letter-spacing:3px}.demo-word:nth-child(1){left:38px;top:218px;transform:rotate(-9deg)}.demo-word:nth-child(2){left:132px;top:307px;transform:rotate(8deg)}.demo-word:nth-child(3){left:49px;top:395px;transform:rotate(-5deg)}.demo-word em,.current-word em{font-style:normal;color:#a74638;border-bottom:2px solid #b85b47}.hud{position:absolute;top:25px;left:28px;right:28px;display:flex;justify-content:space-between;text-align:left}.hud span{display:block;font-size:11px;color:#bdb6a3}.hud strong{font-size:30px;font-variant-numeric:tabular-nums}.clock{text-align:right}.timer{position:absolute;top:85px;left:28px;right:28px;height:3px;background:#52564b}.timer i{display:block;width:100%;height:100%;background:#cfa98c;transform-origin:left}.progress{position:absolute;top:108px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:11px;color:#c6bfab}.progress b{color:#efe3ca;font-size:13px;margin-left:4px}.current-label{position:absolute;top:165px;width:100%;font-size:12px;color:#c5b89f;margin:0}.current-word{position:absolute;left:52px;top:195px;width:256px;height:96px;border-radius:7px;background:#eee3cd;color:#303a32;font-size:37px;font-weight:700;line-height:96px;box-shadow:0 6px 0 #a4967c,0 12px 20px #0003;letter-spacing:2px}#link-letter{position:absolute;top:311px;left:158px;width:44px;height:42px;line-height:40px;border:1px solid #af8b71;border-radius:50%;color:#efb393;font-size:23px}.down-arrow{position:absolute;top:355px;width:100%;color:#bf9c7d;font-size:19px}.pick-label{position:absolute;top:388px;width:100%;margin:0;font-size:12px;color:#c5b89f}#candidates{position:absolute;top:420px;left:22px;right:22px;display:flex;gap:10px}.candidate{width:99px;height:76px;border-radius:6px;background:#e4d8bf;color:#31382f;box-shadow:0 5px 0 #9e9178;font-size:20px;padding:0 3px;letter-spacing:0}.candidate:disabled{cursor:default;opacity:.4;background:#c58d7c;text-decoration:line-through}.candidate[data-length="6"]{font-size:17px}.candidate[data-length="5"]{font-size:18px}#feedback{position:absolute;top:518px;left:12px;right:12px;font-size:14px;font-weight:600;color:#efb393;min-height:20px}#hint{position:absolute;top:550px;left:10px;right:10px;font-size:12px;color:#c3bba6;margin:0}#history{position:absolute;top:595px;left:20px;right:20px;font-size:11px;white-space:nowrap;overflow:hidden;color:#938f7f}.result{background:#222a29ec;padding:0 30px}.result .eyebrow{margin-top:43px}.result-mark{font-size:50px;color:#bc795e;margin-top:18px}.result h2{font-size:29px;margin:11px 0 26px}.result-label{font-size:12px;color:#c5bba5}#result-score{display:block;font-size:68px;color:#eedec0;line-height:1.4;font-variant-numeric:tabular-nums}.result-stats{display:grid;grid-template-columns:1fr auto;gap:15px;text-align:left;font-size:13px;color:#c5bba5;padding:18px 15px 34px}.result-stats b{color:#eee2ca}html[lang="en"] .current-word{font-size:34px}html[lang="en"] .demo-word{letter-spacing:1px}
@media(prefers-reduced-motion:reduce){button:active{transform:none}}