.block-main{width:min(620px,calc(100% - 40px));margin:0 auto!important;color:#17274a}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.55}[hidden]{display:none!important}.block-main button,.reset-device{min-height:44px;border:1px solid #dce5f7;border-radius:14px;padding:11px 16px;background:white;color:#506486;font-size:13px;font-weight:800}.block-main .primary{background:#2e5bff;border-color:#2e5bff;color:#fff;box-shadow:0 5px 0 #2145cc,0 9px 20px #2e5bff20}.block-main button:active{transform:translateY(2px)}button:focus-visible,input:focus-visible,.board:focus-visible{outline:3px solid #ffb24d;outline-offset:4px}.game-shell{max-width:520px;margin:auto}.scoreboard{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:4px 0 17px}.scoreboard>div{position:relative;text-align:center;background:#edf3ff;border:1px solid #e4ebfa;border-radius:18px;padding:13px 4px 11px}.scoreboard>div:first-child{background:#2e5bff;border-color:#2e5bff;color:#fff;box-shadow:0 4px 0 #244bd1}.scoreboard small{font-size:11px;font-weight:700;opacity:.8;display:block;margin-bottom:6px}.scoreboard strong{font-size:clamp(20px,5.7vw,29px);font-weight:950;letter-spacing:-.9px}.board-frame{position:relative;padding:13px;border-radius:28px;background:linear-gradient(145deg,#dee8fc,#c6d6f3);box-shadow:inset 0 2px 2px #fff,0 9px 0 #9fb5df,0 18px 32px #4864a51a}.board{position:relative;aspect-ratio:1;--gap:11px;touch-action:none;user-select:none;-webkit-user-select:none;outline:none}.cells,.tiles{position:absolute;inset:0;pointer-events:none}.cells{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:var(--gap)}.cell{border-radius:17px;background:#b5c8ec66;box-shadow:inset 0 2px 5px #6c8fc421,0 1px 0 #edf3ff80}.tile{position:absolute;inset:0 auto auto 0;width:calc((100% - var(--gap)*3)/4);height:calc((100% - var(--gap)*3)/4);transform:translate(calc(var(--x)*(100% + var(--gap))),calc(var(--y)*(100% + var(--gap))));will-change:transform;transition:transform 120ms cubic-bezier(.2,.7,.25,1)}.tile-face{height:calc(100% - 5px);border-radius:17px;display:grid;place-items:center;font-weight:950;font-size:clamp(26px,6vw,43px);font-variant-numeric:tabular-nums;letter-spacing:-1px;background:linear-gradient(145deg,#fff,#edf3fd);color:#46618b;box-shadow:inset 0 2px 1px #ffffffc9,inset 0 -2px 0 #e1e7f5,0 6px 0 #a4b9dc,0 9px 9px #6682b32b;text-shadow:0 1px 0 #fff4}.tile[data-v="4"] .tile-face{background:linear-gradient(145deg,#ddf5ea,#bfe4d5);color:#336b5a;box-shadow:inset 0 2px 1px #edfff6,0 6px 0 #82bba5,0 9px 9px #6682b32b}.tile[data-v="8"] .tile-face{background:linear-gradient(145deg,#fff1b5,#ffe17a);color:#896416;box-shadow:inset 0 2px 1px #fff7cd,0 6px 0 #d7b652,0 9px 9px #6682b32b}.tile[data-v="16"] .tile-face{background:linear-gradient(145deg,#ffd6a7,#ffb77f);color:#88491f;box-shadow:inset 0 2px 1px #ffe3c3,0 6px 0 #dc9160,0 9px 9px #6682b32b}.tile[data-v="32"] .tile-face{background:linear-gradient(145deg,#ffad96,#ff806c);color:#823823;box-shadow:inset 0 2px 1px #ffc4ac,0 6px 0 #d16053,0 9px 9px #6682b32b}.tile[data-v="64"] .tile-face{background:linear-gradient(145deg,#ff877f,#f75767);color:#fff;box-shadow:inset 0 2px 1px #ffb4a6,0 6px 0 #cb4254,0 9px 9px #6682b32b}.tile[data-level="high"] .tile-face{background:linear-gradient(145deg,#739eff,#3465ed);color:#fff;box-shadow:inset 0 2px 1px #aec5ff,0 6px 0 #2548be,0 9px 12px #315dcc30;font-size:clamp(23px,5.5vw,38px)}.tile[data-level="epic"] .tile-face{background:linear-gradient(145deg,#aa91ff,#7855da);color:#fff;box-shadow:inset 0 2px 1px #d5c5ff,0 6px 0 #5639ab,0 9px 15px #7453dc44;font-size:clamp(18px,4.8vw,34px)}.tile[data-level="gold"] .tile-face{background:linear-gradient(145deg,#fff0a0,#ffc949);color:#765018;box-shadow:inset 0 2px 1px #fff9df,0 6px 0 #d9a031,0 0 21px #ffd87570;font-size:clamp(17px,4.8vw,32px)}.tile[data-digits="5"] .tile-face{font-size:clamp(15px,4vw,26px)}.tile.spawn .tile-face{animation:spawn .18s ease-out}.tile.merge .tile-face{animation:pop .26s cubic-bezier(.2,.6,.3,1)}@keyframes spawn{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pop{0%{transform:scale(.8)}50%{transform:scale(1.12) translateY(-3px)}100%{transform:scale(1)}}.board-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:28px;background:#eaf1ffd6;backdrop-filter:blur(4px);padding:20px}.overlay-card{width:100%;max-width:340px}.overlay-card .mini-blocks{display:flex;justify-content:center;gap:10px;margin-bottom:25px}.mini-blocks b{display:grid;place-items:center;width:53px;height:53px;border-radius:15px;background:#fff;box-shadow:0 5px 0 #c0cfe7;color:#536b94;font-size:28px;transform:rotate(-9deg)}.mini-blocks b:nth-child(2){background:#c3e9db;box-shadow:0 5px 0 #8fcab4;transform:rotate(6deg);color:#40785f}.mini-blocks b:last-child{background:#ffe37c;box-shadow:0 5px 0 #d4b858;transform:rotate(-4deg);color:#866422}.overlay-card h2{font-size:27px;letter-spacing:-1.1px;line-height:1.3;margin:12px 0}.overlay-card p{font-size:13px;line-height:1.8;color:#617597;margin:10px 0 20px}.overlay-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.overlay-actions button{min-width:128px}.input-help{text-align:center;font-size:12px;color:#667b9f;margin:24px 0 10px;line-height:1.6}.action-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.notice{min-height:24px;text-align:center;font-size:12px;line-height:1.7;color:#6b7f9f;margin:12px 0 22px;word-break:keep-all}.result{max-width:520px;margin:28px auto 0;padding:27px 22px;background:#fff;border:1px solid #dfe7f6;border-radius:25px;text-align:center;box-shadow:0 14px 35px #31558e08}.result .eyebrow{color:#2e5bff;font-size:10px;letter-spacing:2px;margin:0 0 12px}.result h2{font-size:26px;letter-spacing:-1px}.final-score{display:block;color:#2e5bff;font-size:clamp(36px,10vw,56px);font-weight:950;letter-spacing:-2px}.result p{font-size:13px;line-height:1.8;color:#66758e}.name-row{display:flex;gap:8px;margin:12px 0}#nickname-form{padding:16px 0 22px}#nickname-form label{font-size:13px;font-weight:800}#nickname{min-width:0;width:100%;border:1px solid #cbd9f1;border-radius:13px;padding:10px;color:#17274a;background:#f8faff}#nickname-form small{font-size:11px;line-height:1.6;display:block;color:#7b88a0}.rankings{margin:40px auto;max-width:620px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.section-title h2{font-size:24px;letter-spacing:-1px;margin:0}.board-note{font-size:12px;color:#74849f;line-height:1.8;margin:12px 0}.boards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.boards article{border:1px solid #dfe7f6;border-radius:23px;background:#fff;padding:22px 17px}.boards .hall{background:#fffaf0;border-color:#f4e7bf}.boards h3{font-size:19px;letter-spacing:-.6px;margin:0 0 9px}.boards p{font-size:11px;line-height:1.6;color:#7d8aa0;margin:0 0 18px}.boards ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}.boards li{display:grid;grid-template-columns:22px 1fr;gap:2px 5px;font-size:12px;align-items:center;min-height:38px}.boards li b{grid-row:span 2;color:#2e5bff;font-size:17px}.boards li span{overflow-wrap:anywhere}.boards li strong{color:#506890;font-size:13px}.boards li.empty{display:block;line-height:1.7;color:#8694ab;font-size:12px}.riki-result-share{margin:24px 0 0;padding-top:18px;border-top:1px solid #e4eaf6}.riki-result-share h3{font-size:17px}.riki-result-share img{max-width:100%;width:270px;height:auto;margin:15px auto;border-radius:14px;box-shadow:0 6px 20px #30456c18}.share-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.share-message{min-height:24px}#storage-notice{margin:10px 0 18px}.riki-game-controls{flex-wrap:wrap}.milestone{color:#2e5bff;font-weight:800}.move-gain{position:absolute;top:5px;right:8px;font-size:13px;font-weight:800;color:#fff;animation:gain .65s forwards;pointer-events:none}@keyframes gain{to{transform:translateY(-24px);opacity:0}}@media(max-width:420px){.block-main{width:calc(100% - 32px)}.board-frame{padding:10px;border-radius:22px}.board{--gap:9px}.cell,.tile-face{border-radius:12px}.scoreboard{gap:8px}.scoreboard>div{border-radius:15px;padding:10px 4px}.overlay-card h2{font-size:24px}.mini-blocks b{width:44px;height:44px;font-size:23px}.overlay-card .mini-blocks{margin-bottom:15px}.overlay-card p{font-size:12px;margin-bottom:14px}.boards{gap:10px}.boards article{padding:18px 12px;border-radius:19px}.boards h3{font-size:17px}.section-title h2{font-size:22px}.result{padding:22px 16px}}@media(max-height:500px) and (orientation:landscape){.game-shell{max-width:340px}.board-frame{max-width:340px;margin:auto}.board{--gap:9px}.tile-face{font-size:26px}.riki-game-page .riki-game-intro{padding-top:18px;padding-bottom:16px}}@media(prefers-reduced-motion:reduce){.tile{transition:none}.tile-face,.move-gain{animation:none!important}.board-overlay{backdrop-filter:none}}
.section-title button,.name-row button{flex-shrink:0;white-space:nowrap}