.tenwise{--ink-1:#39405a;--hl-1:#e6e2f6;--ink-10:#1f4fd8;--hl-10:#d5e3ff;--ink-100:#c4213a;--hl-100:#ffd8de;--ink-1000:#10795a;--hl-1000:#c7f0da;--ink-10000:#6a2fd6;--hl-10000:#e4d9ff;--ink-100000:#0e7490;--hl-100000:#cdeff5;--ink-1000000:#1b2340;--hl-1000000:#fff1a0}.shell.tenwise{--dock-rows:2}.shell.tenwise .shell-btn--primary{font-size:.8125rem}.shell-strip.tenwise-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.tenwise-score{border:1.5px solid var(--rule);border-radius:var(--radius);background:var(--paper);flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:44px;padding:2px 6px;display:flex;position:relative}.tenwise-score__label{color:var(--ink-soft);font-size:.75rem;font-weight:700;line-height:1.15}.tenwise-score__value{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--font-hand);font-variant-numeric:tabular-nums;font-size:1.3rem;line-height:1.1;overflow:hidden}.tenwise-score__value[data-length=long]{font-size:1.05rem}.tenwise-score__value[data-length=longer]{font-size:.9rem}.tenwise-score__plus{top:-6px;font-family:var(--font-hand);color:var(--ink-10);pointer-events:none;opacity:0;font-size:1rem;animation:.7s ease-out tenwise-float;position:absolute;inset-inline-end:6px}.tenwise-score--next{flex-direction:row;gap:6px;padding:2px 8px}.tenwise-next{--face-size:1.25rem;width:36px;height:36px;display:block}.tenwise .shell-status{overflow-anchor:none}.tenwise .shell-status.is-carry{color:var(--ink-10)}.tenwise .shell-status.is-ramp{color:var(--ink-100)}.tenwise-frame{width:100%}.tenwise-board{--gap:6px;aspect-ratio:1;padding:var(--gap);border:2px solid var(--board-line-strong);border-radius:var(--radius);background-color:var(--paper);touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;position:relative;container-type:inline-size}.tenwise-board:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.tenwise-board__cells{gap:var(--gap);grid-template-columns:repeat(5,minmax(0,1fr));height:100%;display:grid}.tenwise-board__cell{border:1.5px dashed var(--board-line);border-radius:6px}.tenwise-board__tiles{inset:var(--gap);position:absolute}.tenwise-tile{top:0;z-index:1;width:calc((100% - 4 * var(--gap)) / 5);aspect-ratio:1;transform:translate(calc(var(--c) * (100% + var(--gap))), calc(var(--r) * (100% + var(--gap))));--face-size:10cqi;transition:transform .11s cubic-bezier(.3,.7,.4,1);position:absolute;inset-inline-start:0}.tenwise-tile.is-ghost{z-index:0}.tenwise-tile.is-new{animation:.16s ease-out 90ms backwards tenwise-pop}.tenwise-tile.is-joined .tenwise-face{animation:.18s ease-out 70ms tenwise-bump}.tenwise-tile.is-shaking-left{--sx:-1;--sy:0}.tenwise-tile.is-shaking-right{--sx:1;--sy:0}.tenwise-tile.is-shaking-up{--sx:0;--sy:-1}.tenwise-tile.is-shaking-down{--sx:0;--sy:1}.tenwise-tile.is-shaking-a .tenwise-face{animation:.28s ease-out tenwise-shake-a}.tenwise-tile.is-shaking-b .tenwise-face{animation:.28s ease-out tenwise-shake-b}.tenwise-face{--ink-now:var(--ink-1);--hl-now:var(--hl-1);border:2px solid var(--ink-now);background:linear-gradient(to top, var(--hl-now) calc(var(--fill) * 100%), var(--paper) calc(var(--fill) * 100%));width:100%;height:100%;color:var(--ink-now);font-size:max(.75rem, calc(var(--face-size) * var(--k,1)));text-align:center;font-size:calc(var(--face-size) * var(--k,1));font-variant-numeric:tabular-nums;letter-spacing:-.02em;border-radius:7px;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:flex;position:relative}.tenwise-face[data-place="1"]{--ink-now:var(--ink-10);--hl-now:var(--hl-10)}.tenwise-face[data-place="2"]{--ink-now:var(--ink-100);--hl-now:var(--hl-100)}.tenwise-face[data-place="3"]{--ink-now:var(--ink-1000);--hl-now:var(--hl-1000)}.tenwise-face[data-place="4"]{--ink-now:var(--ink-10000);--hl-now:var(--hl-10000)}.tenwise-face[data-place="5"]{--ink-now:var(--ink-100000);--hl-now:var(--hl-100000)}.tenwise-face[data-place="6"]{--ink-now:var(--ink-1000000);--hl-now:var(--hl-1000000);border-width:3px}.tenwise-face[data-len="2"]{--k:.86}.tenwise-face[data-len="3"]{--k:.68}.tenwise-face[data-len="4"]{--k:.56}.tenwise-face[data-len="5"]{--k:.46}.tenwise-face[data-len="6"]{--k:.4}.tenwise-face[data-len="7"]{--k:.32}.tenwise-face[data-len="8"]{--k:.3}.tenwise-face[data-len="9"]{--k:.27}.tenwise-face[data-len="10"]{--k:.24}.tenwise-face[data-round]:before{content:"";opacity:.8;border:2px solid;border-radius:50%;position:absolute;inset:12% 8%;transform:rotate(-6deg)}.tenwise-face[data-round][data-len="5"]:before,.tenwise-face[data-round][data-len="6"]:before,.tenwise-face[data-round][data-len="7"]:before,.tenwise-face[data-round][data-len="8"]:before,.tenwise-face[data-round][data-len="9"]:before,.tenwise-face[data-round][data-len="10"]:before{border-width:1.5px 0;border-radius:0;height:4px;inset:auto 12% 16%;transform:rotate(-2deg)}.tenwise-pad{gap:var(--dock-pad);flex:1 1 0;min-width:0;display:flex}.tenwise-pad__btn .shell-btn__label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tenwise-pad__btn svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.tenwise-pad__btn svg[data-dir=right]{transform:rotate(90deg)}.tenwise-pad__btn svg[data-dir=down]{transform:rotate(180deg)}.tenwise-pad__btn svg[data-dir=left]{transform:rotate(270deg)}.tenwise-panel p{color:var(--ink-soft);margin:6px 0 0;font-size:.92rem}.tenwise-key__list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.tenwise-key__row{justify-content:space-between;align-items:center;gap:10px;display:flex}.tenwise-key__sum{--face-size:1.15rem;align-items:center;gap:6px;display:flex}.tenwise-key__sum .tenwise-face,.tenwise-key__blank{flex:none;width:36px;height:36px}.tenwise-key__op{text-align:center;width:14px;color:var(--ink-soft);font-weight:700}.tenwise-key__row.is-no .tenwise-key__op:nth-child(4){color:var(--o)}.tenwise-key__word{text-align:end;font-size:.9rem}.tenwise-key__row.is-no .tenwise-key__word{color:var(--ink-soft)}.tenwise-records dl{grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 0;display:grid}.tenwise-records dt{color:var(--ink-soft);font-size:.85rem;font-weight:700}.tenwise-records dd{font-family:var(--font-hand);margin:0;font-size:1.6rem;line-height:1.2}@keyframes tenwise-shake-a{0%,to{translate:0}30%{translate:calc(var(--sx) * 8%) calc(var(--sy) * 8%)}60%{translate:calc(var(--sx) * -4%) calc(var(--sy) * -4%)}80%{translate:calc(var(--sx) * 2%) calc(var(--sy) * 2%)}}@keyframes tenwise-shake-b{0%,to{translate:0}30%{translate:calc(var(--sx) * 8%) calc(var(--sy) * 8%)}60%{translate:calc(var(--sx) * -4%) calc(var(--sy) * -4%)}80%{translate:calc(var(--sx) * 2%) calc(var(--sy) * 2%)}}@keyframes tenwise-pop{0%{transform:translate(calc(var(--c) * (100% + var(--gap))), calc(var(--r) * (100% + var(--gap)))) scale(.3);opacity:0}}@keyframes tenwise-bump{50%{transform:scale(1.12)}}@keyframes tenwise-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}@media (orientation:portrait) and (max-height:600px) and (max-width:899px){.shell.tenwise{--dock-row:44px}}@media (min-width:900px) and (min-height:501px){.tenwise .shell__dock--main-row .shell__main{flex:2 1 0}.tenwise .shell-status.is-result{font-size:1.4rem}}@media (max-width:360px){.tenwise-board{--gap:5px}.tenwise-score{padding:2px 4px}.tenwise-score__value{font-size:1.15rem}.tenwise-score__value[data-length=long]{font-size:1rem}.tenwise-score__value[data-length=longer]{font-size:.85rem}.shell-strip.tenwise-strip{gap:6px}}@media (prefers-reduced-motion:reduce){.tenwise-tile,.tenwise-tile.is-new,.tenwise-tile.is-joined .tenwise-face,.tenwise-tile.is-shaking .tenwise-face,.tenwise-score__plus{transition:none;animation:none}.tenwise-tile.is-ghost{display:none}}
