.tf{--tile:66px;--tile-n:66;position:relative}.tf-tile img,.tf-row-badge img{pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.tf-bar{isolation:isolate;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);filter:drop-shadow(4px 4px #00000080);background:var(--frame);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;padding:13px 15px;display:flex;position:relative}.tf-bar:before{content:"";z-index:-1;clip-path:polygon(6.83px 0,calc(100% - 6.83px) 0,100% 6.83px,100% calc(100% - 6.83px),calc(100% - 6.83px) 100%,6.83px 100%,0 calc(100% - 6.83px),0 6.83px);background:var(--fill);box-shadow:inset 1px 1px 0 var(--bevel-l), inset -1px -1px 0 var(--bevel-d);position:absolute;inset:2px}.tf-blurb{min-width:0;font-family:var(--fb);color:var(--dim);flex:200px;margin:0;font-size:13px;line-height:1.5}.tf-actions{flex-wrap:wrap;gap:9px;display:flex}.tf-btn{clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);cursor:pointer;white-space:nowrap;font-family:var(--fb);letter-spacing:.5px;color:#0c0d10;background:var(--gild);filter:drop-shadow(3px 3px #0000008c);transition:transform .1s var(--ease-out), filter .1s var(--ease-out), background .12s ease, color .12s ease;border:none;align-items:center;padding:9px 15px;font-size:12.5px;font-weight:600;display:inline-flex;position:relative}@media (hover:hover){.tf-btn:hover:not(:disabled){filter:drop-shadow(5px 5px #0000008c);transform:translate(-2px,-2px)}}.tf-btn:active:not(:disabled){filter:drop-shadow(1px 1px #0000008c);transition-duration:50ms;transform:translate(2px,2px)}.tf-btn:disabled{opacity:.45;cursor:default;filter:none}.tf-btn.ghost{color:var(--ink-2);background:var(--bd-soft);filter:drop-shadow(2px 2px #0006)}.tf-btn.ghost:hover{background:var(--chip);color:var(--ink)}.tf-btn.armed{color:var(--ink);background:#50243a;animation:.9s ease-in-out infinite tfArm}@keyframes tfArm{50%{background:#6a2f4d}}.tf-pick{isolation:isolate;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);background:var(--frame);filter:drop-shadow(5px 5px #0000008c);flex-direction:column;width:min(640px,86vw);height:min(620px,82vh);padding:16px;display:flex;position:relative}.tf-pick:before{content:"";z-index:-1;clip-path:polygon(8.5px 0,calc(100% - 8.5px) 0,100% 8.5px,100% calc(100% - 8.5px),calc(100% - 8.5px) 100%,8.5px 100%,0 calc(100% - 8.5px),0 8.5px);background:var(--fill);box-shadow:inset 1px 1px 0 var(--bevel-l), inset -1px -1px 0 var(--bevel-d);position:absolute;inset:2px}.tf-pick-head{flex:none;align-items:center;gap:12px;padding:2px 2px 13px;display:flex}.tf-pick-body{flex-direction:column;flex:auto;gap:15px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.tf-hint{font-family:var(--fb);color:var(--faint);font-size:12px}.tf-err{font-family:var(--fb);color:var(--r-forged);font-size:12px}.tf-viewbar{isolation:isolate;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);filter:drop-shadow(4px 4px #00000080);background:color-mix(in srgb, var(--gild) 60%, var(--frame-c));flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:11px 15px;display:flex;position:relative}.tf-viewbar:before{content:"";z-index:-1;clip-path:polygon(6.83px 0,calc(100% - 6.83px) 0,100% 6.83px,100% calc(100% - 6.83px),calc(100% - 6.83px) 100%,6.83px 100%,0 calc(100% - 6.83px),0 6.83px);background:color-mix(in srgb, var(--gild) 12%, var(--fill-c));box-shadow:inset 1px 1px 0 var(--bevel-l), inset -1px -1px 0 var(--bevel-d);position:absolute;inset:2px}.tf-viewbar-txt{min-width:0;font-family:var(--fb);color:var(--ink-2);flex:200px;font-size:13px;line-height:1.5}.tf-board{position:relative}.tf-board-inner{flex-direction:column;gap:11px;display:flex}.tf-row{min-height:calc(var(--tile) + 26px);align-items:stretch;gap:11px;display:flex}.tf-row-badge{isolation:isolate;width:calc(var(--tile) + 26px);aspect-ratio:1;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);filter:drop-shadow(4px 4px #00000080);background:color-mix(in srgb, var(--ta) 88%, var(--bd-c));flex:none;align-self:center;place-items:center;padding:8px;display:grid;position:relative}.tf-row-badge:before{--crt-blend:normal;content:"";z-index:-1;clip-path:polygon(6.83px 0,calc(100% - 6.83px) 0,100% 6.83px,100% calc(100% - 6.83px),calc(100% - 6.83px) 100%,6.83px 100%,0 calc(100% - 6.83px),0 6.83px);background:radial-gradient(115% 85% at 50% 0%, color-mix(in srgb, var(--ta) 45%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--ta) 26%, var(--panel-c)), color-mix(in srgb, var(--ta) 7%, var(--panel-c)));position:absolute;inset:2px}.tf-row-badge img{width:var(--tile);height:var(--tile);object-fit:contain;image-rendering:pixelated}.tf-row-tiles{isolation:isolate;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);filter:drop-shadow(4px 4px #00000080);background:var(--frame);min-width:0;transition:background .14s var(--ease-out);flex-wrap:wrap;flex:auto;align-content:center;gap:7px;padding:10px 12px;display:flex;position:relative}.tf-row-tiles:before{content:"";z-index:-1;clip-path:polygon(6.83px 0,calc(100% - 6.83px) 0,100% 6.83px,100% calc(100% - 6.83px),calc(100% - 6.83px) 100%,6.83px 100%,0 calc(100% - 6.83px),0 6.83px);background:var(--fill);box-shadow:inset 1px 1px 0 var(--bevel-l), inset -1px -1px 0 var(--bevel-d);transition:background .14s var(--ease-out);position:absolute;inset:2px}.tf-row-tiles.dnd-over{background:var(--ta)}.tf-row-tiles.dnd-over:before{background:color-mix(in srgb, var(--ta) 15%, var(--panel-c))}.tf-pool{clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);filter:drop-shadow(4px 4px #00000080);background:var(--frame);transition:background .14s var(--ease-out);margin-top:14px;padding:2px}.tf-pool:has(.tf-pool-tiles.dnd-over){background:color-mix(in srgb, var(--gild) 85%, var(--bd-c))}.tf-pool-inner{clip-path:polygon(6.83px 0,calc(100% - 6.83px) 0,100% 6.83px,100% calc(100% - 6.83px),calc(100% - 6.83px) 100%,6.83px 100%,0 calc(100% - 6.83px),0 6.83px);background:var(--fill);box-shadow:inset 1px 1px 0 var(--bevel-l), inset -1px -1px 0 var(--bevel-d)}.tf-pool-head{align-items:center;gap:11px;padding:10px 14px;display:flex}.tf-pool-ct{color:var(--gild);font-size:15px}.tf-pool-rule{flex:1}.tf-pool-hint{font-family:var(--fb);color:var(--faint);font-size:11px}.tf-pool-tiles{min-height:calc(var(--tile) + 22px);flex-wrap:wrap;align-content:flex-start;gap:7px;padding:11px;display:flex;position:relative}.tf-tile{width:var(--tile);height:var(--tile);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .13s var(--ease-out);flex:none;place-items:center;display:grid;position:relative}.tf-tile img{width:var(--tile);height:var(--tile);object-fit:contain;image-rendering:pixelated}.tf-tile.emblem{width:auto;height:auto}.tf-emblem{line-height:0;display:inline-flex;position:relative}.tf-tile.emblem .tf-emblem-plate{width:auto;height:44px;image-rendering:pixelated;display:block}.tf-emblem-label{font-family:var(--fb);letter-spacing:.5px;text-transform:capitalize;color:#fff;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;pointer-events:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:absolute;inset:0}.tf-slotfx{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tf-slotfx-fit{transform-origin:50%;width:140px;height:140px;transform:translate(-50%, -50%) scale(calc(var(--fx-n,var(--tile-n)) / 140 * var(--fx-scale,1.18)));position:absolute;top:50%;left:50%;overflow:hidden}.tf-slotfx-strip{width:calc(var(--n) * 140px);height:140px;image-rendering:pixelated;animation:tfSlotfx calc(var(--n) / 15 * 1s) steps(var(--n)) infinite;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;display:block}@keyframes tfSlotfx{0%{transform:translate(0)}to{transform:translateX(calc(var(--n) * -140px))}}.tf-tile:hover{z-index:3;transform:translateY(-3px)}.tf-tile.enter{animation:tfTileIn .4s var(--ease-pop) both}@keyframes tfTileIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.tf-tile.lift{z-index:50;cursor:grabbing;pointer-events:none;animation:tfPick .16s var(--ease-pop) both;margin:0;position:fixed;top:0;left:0;rotate:-3deg;scale:1.12}@keyframes tfPick{0%{rotate:none;scale:.96}to{rotate:-3deg;scale:1.12}}.tf-ph{width:var(--tile);height:var(--tile);flex:none}.tf-draglayer{pointer-events:none;z-index:50;position:fixed;inset:0}body.tf-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}body.tf-dragging .tf-tile{pointer-events:none}.tf-hovercard{scrollbar-width:none;max-height:88vh;overflow:visible auto}.tf-hovercard::-webkit-scrollbar{display:none}.tf-tile.armed{outline:2px solid var(--gild);outline-offset:3px;z-index:3;transform:translateY(-3px)}.tf-arming .tf-row-tiles{background:color-mix(in srgb, var(--ta) 52%, var(--bd-c))}.tf-arming .tf-pool-tiles{background:color-mix(in srgb, var(--gild) 20%, transparent)}.tf-arming .tf-row-badge{animation:tfBeckon 1.8s var(--ease-out) infinite}@keyframes tfBeckon{0%,to{scale:1}50%{scale:1.045}}.tf-row-tiles.tf-took,.tf-pool-tiles.tf-took{animation:tfTook .42s var(--ease-out)}@keyframes tfTook{0%{background:var(--ta,var(--gild))}}@media (pointer:coarse){.tf-tile{touch-action:pan-y}}@media (max-width:680px){.tf{--tile:54px}.tf-row-badge{width:calc(var(--tile) + 28px)}.tf-row,.tf-board-inner{gap:8px}.tf-blurb{display:none}}@media (max-width:880px){.tf{--tray-h:calc(var(--tile) + 54px);padding-bottom:var(--tray-h)}.tf-pool{left:0;right:0;bottom:calc(56px + var(--sab,0px));z-index:70;--crt-blend:normal;background:linear-gradient(var(--frame-c), var(--frame-c)), var(--bg-c);filter:drop-shadow(0 -4px #00000080);margin-top:0;position:fixed}.tf-pool-inner{--crt-blend:normal;background:linear-gradient(var(--fill-c), var(--fill-c)), var(--bg-c)}.tf-pool:has(.tf-pool-tiles.dnd-over){background:linear-gradient(color-mix(in srgb, var(--gild) 85%, var(--bd-c)), color-mix(in srgb, var(--gild) 85%, var(--bd-c))), var(--bg-c)}.tf-pool-head{gap:8px;padding:7px 12px 0}.tf-pool-hint{display:none}.tf-arming .tf-pool-hint{color:var(--gild);display:block}.tf-hovercard-dock{pointer-events:none;max-width:calc(100vw - 16px);max-height:56vh}.tf-hovercard-dock>*{max-width:100%}.tf-pool-tiles{overscroll-behavior-x:contain;flex-wrap:nowrap;min-height:0;padding:9px 12px 11px;overflow-x:auto}.tf-pool-tiles .tf-tile{touch-action:pan-x}.tf-pool-tiles .tf-tile,.tf-pool-tiles .tf-ph{flex:none}}@media (max-width:560px){.tf-bar{gap:10px;margin-bottom:12px;padding:10px 11px}.tf-actions{gap:7px}.tf-btn{letter-spacing:.3px;padding:8px 11px;font-size:12px}}@media (max-width:380px){.tf{--tile:48px}}.tf.tf-embed{--tile:34px;--tile-n:34}.tf-embed .tf-board-inner{gap:8px}.tf-embed .tf-row{min-height:calc(var(--tile) + 20px);gap:8px}.tf-embed .tf-row-badge{width:calc(var(--tile) + 22px);filter:drop-shadow(3px 3px #00000080);align-self:flex-start;padding:6px}.tf-embed .tf-row-tiles{filter:drop-shadow(3px 3px #00000080);align-content:center;gap:6px;padding:8px 9px}.tf-embed .tf-tile{cursor:default}.tf-embed-head{align-items:center;gap:8px;margin-bottom:13px;display:flex}.tf-embed-kick{width:calc(var(--tile) + 22px);text-align:center;color:var(--gild);flex:none}.tf-embed-name{min-width:0;font-family:var(--fd);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:16.2px;font-weight:700;line-height:1;overflow:hidden}.tf-embed-view{font-family:var(--fb);color:var(--gild);flex:none;align-items:center;gap:5px;margin-left:auto;font-size:12.5px;font-weight:600;text-decoration:none;transition:color .12s;display:inline-flex}.tf-embed-view span{font-family:var(--fd);font-weight:700}@media (hover:hover){.tf-embed-view:hover{color:color-mix(in srgb, var(--gild) 62%, #fff)}}.tf-bare{margin-top:11px}.tf-embed-letter{font-family:var(--fd);color:#12100a;font-size:26px;font-weight:700;line-height:1}.tf-hint,.tf-pool-ct,.tf-pool-hint{-webkit-user-select:none;user-select:none}