body,html{height:100%;margin:0;padding:0}*{box-sizing:border-box}html{background:#020604;text-size-adjust:100%}body,html{overflow-x:hidden}body{font-family:Comic Sans MS,Comic Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial!important;background:#000;overscroll-behavior:none;touch-action:manipulation}canvas{touch-action:none;-webkit-tap-highlight-color:transparent}.rrApp{min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 12px 14px;position:relative}.rrBg{position:fixed;inset:0;z-index:-2;background:radial-gradient(1200px 900px at 50% 8%,rgba(255,210,120,.22),transparent 60%),url(/runerushbg.webp) 50%/cover no-repeat}.rrTitleWrap{width:min(96vw,760px);position:relative;display:flex;flex-direction:column;align-items:center}.rrTitleGlow{position:absolute;width:min(94vw,720px);height:110px;top:26px;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(255,195,95,.7),rgba(255,195,95,.12),transparent 70%);filter:blur(14px);opacity:.95;pointer-events:none}.rrTitleImg{width:min(96vw,740px);max-height:170px;object-fit:contain;transform:translateY(18px);filter:drop-shadow(0 14px 24px rgba(0,0,0,.35));pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rrTitleNav{width:min(92vw,560px);display:flex;justify-content:space-between;gap:14px;margin-top:8px;transform:translateY(4px);pointer-events:auto}.rrArrowMini{width:54px;height:54px;border-radius:16px;border:1px solid rgba(255,220,160,.26);background:rgba(214,170,110,.14);box-shadow:0 10px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:rgba(0,0,0,.82);font-size:34px;line-height:0;display:flex;align-items:center;justify-content:center}.rrArrowMini:active{transform:scale(.97)}.rrArrowMini.disabled{opacity:.22}.rrHud{width:min(96vw,760px)}.rrHudBar{border-radius:18px;padding:10px 12px;background:rgba(214,170,110,.18);border:1px solid rgba(255,220,160,.3);box-shadow:0 18px 40px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rrHudRow{display:flex;gap:12px;justify-content:space-between}.rrTop8{margin-top:8px}.rrHudCol{flex:1 1;min-width:0}.rrRight{text-align:right}.rrK{font-size:10px;color:rgba(0,0,0,.55);letter-spacing:.2px}.rrV{font-size:13px;color:rgba(0,0,0,.88);font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rrProgressTrack{margin-top:10px;height:14px;border-radius:999px;background:rgba(0,0,0,.2);border:1px solid rgba(255,220,160,.22);overflow:hidden}.rrProgressFill{height:100%;border-radius:999px;background:linear-gradient(90deg,#F6C56A,#C8841D);box-shadow:0 10px 18px rgba(0,0,0,.18);position:relative}.rrProgressText{margin-top:6px;display:flex;justify-content:flex-end;font-size:11px;color:rgba(0,0,0,.62)}.rrBoardArea{width:min(96vw,760px)}.rrBoardArea,.rrBoardFrame{display:flex;justify-content:center}.rrBoardFrame{border-radius:26px;padding:11px;background:radial-gradient(160% 140% at 50% 10%,rgba(255,220,160,.14),transparent 60%),url(/textures/stone.png) 50%/cover no-repeat;border:1px solid rgba(255,220,160,.16);box-shadow:0 22px 62px rgba(0,0,0,.35);align-items:center}.rrBoard{position:relative;border-radius:20px;overflow:hidden;background:radial-gradient(150% 120% at 30% 20%,rgba(255,255,255,.06),rgba(0,0,0,.4)),url(/textures/stone.png) 50%/cover no-repeat;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -20px 32px rgba(0,0,0,.45)}.rrFxCanvas{position:absolute;inset:0;z-index:50;pointer-events:none}.rrTile{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}.rrTile,.rrTileStone{position:absolute;border-radius:16px}.rrTileStone{inset:0;background:radial-gradient(140% 140% at 30% 22%,rgba(255,255,255,.18),rgba(0,0,0,.5)),url(/textures/stone.png) 50%/cover no-repeat;background-blend-mode:overlay;filter:contrast(1.2) brightness(.92) saturate(1.05);border:1px solid rgba(255,220,160,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -10px 18px rgba(0,0,0,.55),0 10px 18px rgba(0,0,0,.22)}.rrRune{position:absolute;inset:13%;width:74%;height:74%;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.4));pointer-events:none}.rrTile.isSel{outline:2px solid rgba(255,220,160,.52);box-shadow:0 0 0 6px rgba(255,220,160,.12)}.rrFog{position:absolute;inset:0;border-radius:16px;background:radial-gradient(140% 120% at 50% 40%,rgba(120,170,200,.4),rgba(40,60,70,.68)),radial-gradient(120% 120% at 25% 25%,rgba(255,255,255,.2),transparent 45%),radial-gradient(120% 120% at 70% 60%,rgba(255,255,255,.12),transparent 55%);filter:blur(.3px);opacity:.92;mix-blend-mode:multiply;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.rrTile.isFog .rrRune{opacity:.25}.rrBottomRow{width:min(96vw,760px);display:flex;gap:10px;justify-content:space-between;padding-bottom:6px}.rrBtn{flex:1 1;border-radius:18px;padding:12px 10px;border:1px solid rgba(255,220,160,.22);background:rgba(214,170,110,.14);box-shadow:0 14px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:rgba(0,0,0,.82);font-weight:900;font-size:14px}.rrBtn:active{transform:scale(.985)}