.scene .friend{display:none}.fourrule{display:flex;flex-direction:column;gap:clamp(8px,1.4vh,16px);width:100%;height:100%;min-height:0}.frtop{display:flex;align-items:center;gap:clamp(10px,2vw,22px);flex:0 0 auto}.frcompare{flex:0 0 clamp(150px,26vw,260px);background:#fffdf6;border:3px solid #fff;border-radius:22px;box-shadow:0 8px 20px #1c346022;padding:6px 8px 4px}.frcompare canvas{display:block;width:100%;height:clamp(56px,9vh,96px)}.frtags{display:flex;justify-content:space-around;font-size:clamp(11px,1.5vh,14px);padding-top:4px}.frtags .big{color:#2f6fd0}.frtags .sml{color:#c2410c}.frsay{flex:1 1 auto;align-self:stretch;min-width:0;font-size:clamp(13px,1.9vh,17px);line-height:1.45;color:#24406e}.frsay p{margin:0 0 4px}.frsay b{color:#1c3460}.frmodes{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.frmode{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 14px;border:3px solid #e3ecf7;border-radius:18px;background:#fff;cursor:pointer;font:inherit;color:#6d84a6}.frmode.now{border-color:#7b6ef6;background:#f4f2ff;color:#4a3fbf}.frmode.done{border-color:#8fd97f}.frmodel{font-size:clamp(18px,2.6vh,26px);font-weight:800;line-height:1}.frmoden{font-size:clamp(10px,1.3vh,12px)}.frtick{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:#34a853;color:#fff;font-size:13px;line-height:22px}.frpage{position:relative;flex:1 1;min-height:150px;background:#fff;border:3px solid #fff;border-radius:22px;box-shadow:inset 0 0 0 1px #e6eef8,0 10px 24px #1c346022;overflow:hidden;touch-action:none}.frpage canvas{display:block;touch-action:none}.frdone{position:absolute;top:10px;right:14px;font-size:30px;color:#34a853}.frfoot{display:flex;align-items:center;gap:10px;flex:0 0 auto}.frfoot .tracebar{flex:1 1 auto}@media (max-width:620px){.frtop{flex-direction:column;align-items:stretch}.frcompare{flex:0 0 auto}}@media (max-height:720px){.pageinner:has(.fourrule) .pagehead p,.pageinner:has(.fourrule) .pagehead:after{display:none}.frsay p{display:none}.frsay{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.frmodes{margin-top:0}.frcompare{flex-basis:clamp(130px,20vw,200px);padding:4px 6px 2px}.frcompare canvas{height:46px}.fourrule{gap:6px}.frpage{min-height:110px}}.boxwrap{position:relative}.boxwrap>:not(.boxpaper){position:relative;z-index:1}.boxshelf{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.wipecore img{width:clamp(112px,17vw,190px);height:auto;filter:drop-shadow(0 6px 16px rgba(16,47,104,.28));animation:badgeBob 2.4s ease-in-out infinite}@keyframes badgeBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.heap .heapslot{--hs:clamp(74px,12vw,120px);transform:none;width:var(--hs);height:var(--hs);margin:calc(var(--hs) / -2) 0 0 calc(var(--hs) / -2)}@media (max-width:640px){.heap .heapslot{--hs:min(21vw,86px)}}.beadghost{z-index:950;border-radius:50%;box-shadow:0 0 0 4px #fff,0 0 0 8px rgba(240,144,106,.55)}.beadghost,.beadhand{position:fixed;pointer-events:none}.beadhand{z-index:951;font-size:clamp(40px,7vh,64px);line-height:1;transform-origin:30% 10%;filter:drop-shadow(0 4px 6px rgba(60,40,20,.35))}.traceskip{display:flex;justify-content:center;margin-top:8px}