body[data-page="tjfuryy"]{background:radial-gradient(ellipse at top left,#ffe5d0,transparent 65%),#fff6ed;color:#5e4035}
body[data-page="tjfuryy"] .shell{max-width:1320px}
body[data-page="tjfuryy"] .workspace{box-sizing:border-box;width:100%;max-width:none;margin:auto;background:#fffaf3;border-color:#e9c9af}
.furry-title h1{margin-bottom:6px;color:#8b4e3b}
.furry-title .account{margin-top:8px}
.mode-options{display:grid;gap:10px;width:min(100%,280px)}.overlay .furry-button{width:min(100%,280px);height:auto;min-height:48px;padding:10px 18px;white-space:normal}.mode-options .furry-button{width:100%}.mode-hint{max-width:360px;font-size:12px;line-height:1.6}.overlay p.mode-hint{margin:0}.overlay button[hidden]{display:none}
.furry-layout{display:grid;gap:18px;margin-top:20px;align-items:start;min-width:0}
.furry-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.furry-stats div{padding:10px 8px;text-align:center;background:#ffe9d5;border:1px solid #eac6a7;border-radius:10px}
.furry-stats span{display:block;color:#8c6a58;font-size:12px}
.furry-stats strong{display:block;margin-top:3px;font-size:22px;color:#854c39}
.furry-actions{display:flex;gap:10px;justify-content:center;min-width:0}
.furry-actions #ranking{margin:0;overflow:visible}
.furry-button{box-sizing:border-box;min-width:0;min-height:48px;padding:10px 14px;border:1px solid #cb9d7f;border-radius:10px;background:#ffdfc2;color:#754634;font:600 14px system-ui,sans-serif;cursor:pointer;white-space:nowrap;box-shadow:0 2px 0 #e4bc9c}
.furry-button:hover:not(:disabled){background:#ffd0aa}.furry-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 0 #e4bc9c}
.furry-button:disabled{border-color:#d8c6b8;background:#eee4db;color:#aa9788;box-shadow:none;cursor:not-allowed}
.board-wrap{position:relative;min-width:0;isolation:isolate}
.board{position:relative;box-sizing:border-box;width:100%;aspect-ratio:1/1;margin:auto;border:5px solid #c28d6d;border-radius:18px;background:linear-gradient(#fff5e9,#f8dfc9);box-shadow:inset 0 0 0 2px #fffaf2,0 10px 24px #986b4b26;overflow:hidden;contain:layout paint}
.tile{position:absolute;box-sizing:border-box;width:var(--tile-size);height:var(--tile-size);padding:0;border:2px solid #b9886a;border-radius:9px;background:#fff9ec;box-shadow:0 3px 0 #b78361,0 5px 8px #65452e33;display:grid;place-items:center;cursor:pointer;user-select:none;touch-action:manipulation}
.tile:focus-visible{outline:3px solid #275ca9;outline-offset:1px}
.board .tile{box-shadow:inset 0 -3px 0 #b78361,inset 0 2px 5px #65452e20;contain:layout paint}
.board-raster{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:0;transform:translateZ(0)}
.board-wrap[data-motion="light"] .moving-overlay{box-shadow:none;transition-duration:.38s,.22s}
.board-wrap[data-motion="light"] .slot .tile{transition-duration:.32s,.22s}
.board-wrap[data-motion="light"] .slot .tile.consuming{transition-duration:.3s,.22s;transform:translate(var(--consume-x,0px),var(--consume-y,0px))}
.tile img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px;pointer-events:none;user-select:none;-webkit-user-drag:none}
.tile.locked{cursor:default}
.tile.locked::after{content:"";position:absolute;inset:0;border-radius:7px;background:#402b2040;pointer-events:none}
.moving-overlay{position:absolute!important;z-index:500000!important;pointer-events:none;will-change:transform;box-shadow:0 2px 0 #b78361;transition:transform .46s cubic-bezier(.2,.8,.2,1),opacity .28s;transform:none}
.moving-overlay.is-moving{transform:translate(var(--dx),var(--dy)) scale(var(--flight-scale,1))}
.slot{box-sizing:border-box;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;align-items:center;width:min(100%,450px);margin:16px auto 0;padding:7px;border:3px solid #c28d6d;border-radius:12px;background:#e9bea0;box-shadow:inset 0 2px 7px #8e5c3b30}
.slot .tile{position:relative;left:auto;top:auto;width:100%;aspect-ratio:1;height:auto;min-width:0;cursor:default;box-shadow:0 2px 0 #b78361;transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .28s}
.slot .empty{box-sizing:border-box;width:100%;aspect-ratio:1;border:1px dashed #b68869;border-radius:8px;background:#fff7eb6b}
.slot .tile.consuming{z-index:3;transition-duration:.34s,.28s;transform:translate(var(--consume-x,0px),var(--consume-y,0px)) scale(1.06);opacity:0}
.overlay{position:absolute;inset:0;z-index:1000000;display:grid;grid-template-columns:minmax(0,1fr);place-content:center;align-content:safe center;justify-items:center;gap:12px;padding:20px;border-radius:18px;background:#493023c9;color:#fff;text-align:center;overflow-y:auto}.overlay[hidden],.ranking-panel[hidden]{display:none}.overlay strong{font-size:28px}
.furry-message{min-height:24px;margin:14px 0 0;text-align:center;color:#8b604c;font-size:14px}
.ranking-panel{max-width:650px;margin:20px auto 0;padding:16px;border:1px solid #e9c9af;border-radius:12px;background:#fffaf3}.ranking-panel h2{margin:0 0 10px}.ranking-panel table{width:100%;border-collapse:collapse}.ranking-panel th,.ranking-panel td{padding:8px;border-bottom:1px solid #efddcb;text-align:left}
@media(min-width:1200px){.furry-layout{grid-template-columns:160px minmax(0,560px) 160px;gap:24px;justify-content:center}.furry-stats{grid-template-columns:1fr;width:160px}.furry-actions{display:grid;justify-content:start;gap:12px}.furry-actions .furry-button{width:160px}.board-wrap{width:100%}}
@media(max-width:1199px){.furry-layout{grid-template-columns:minmax(0,1fr)}.board-wrap,.furry-stats,.furry-actions{width:100%;max-width:560px;justify-self:center}.furry-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.furry-actions .furry-button{min-width:0;width:100%;height:48px;padding:8px 4px;font-size:clamp(11px,3.2vw,14px)}.furry-stats strong{font-size:18px}.slot{min-height:52px}}
@media(max-width:799px){body[data-page="tjfuryy"] .shell{padding:16px 10px}body[data-page="tjfuryy"] .workspace{padding:18px 12px}}