.gameShell{grid-template-rows:auto auto;grid-template-columns:max-content 355px;justify-content:center;align-items:start;gap:24px 130px;display:grid;transform:translateY(-4%)}.gameBoard{grid-area:1/1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);justify-content:center;align-self:start;align-items:center;gap:.75rem;display:grid}.gameStatePanel{grid-area:1/2;align-self:start;width:355px;margin-top:92px}.gameBoardAction{grid-area:2/1;justify-content:center;justify-self:stretch;align-items:center;width:100%;padding-top:10px;display:flex;transform:translate(12.75%)}.gameBoardAction .gameStateCopyButton.gameBoardActionButton{margin:0}.gameBoardAction .gameStateCopyButton.gameBoardActionButton--danger:hover{color:#f4c3c7;filter:drop-shadow(0 5px 9px #00000047)brightness(1.08)}.gameBoardAction .gameStateCopyButton.gameBoardActionButton:disabled{opacity:.55;cursor:default}.gameBoardAction .gameStateCopyButton.gameBoardActionButton:disabled:hover{color:#d4d4d4;filter:drop-shadow(0 4px 7px #00000038);transform:none}.tile{border-radius:.425rem}@media (max-width:1220px){.gameShell{grid-template-rows:auto auto auto;grid-template-columns:max-content;row-gap:34px;padding-top:32px;padding-bottom:40px}.gameBoard{grid-area:1/1;justify-self:center}.gameBoardAction{grid-area:2/1}.gameStatePanel{grid-area:3/1;place-self:start center}}@media (max-width:520px){.gameShell{--kaizoku-mobile-board-scale:.59;--kaizoku-mobile-board-trim:-264px;box-sizing:border-box;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);row-gap:22px;width:100%;max-width:100%;padding:2px 0 24px;transform:none}.gameBoard{transform:scale(var(--kaizoku-mobile-board-scale));transform-origin:top;margin-bottom:var(--kaizoku-mobile-board-trim);grid-area:1/1;justify-self:center}.gameShell>.gameStatePanel{grid-area:2/1;justify-self:center;margin-top:0}.gameBoardAction{grid-area:3/1;padding-top:0;transform:none}}@media (max-width:400px){.gameShell{--kaizoku-mobile-board-scale:.52;--kaizoku-mobile-board-trim:-309px}}@media (max-width:360px){.gameShell{--kaizoku-mobile-board-scale:.46;--kaizoku-mobile-board-trim:-348px}}@media (max-width:320px){.gameShell{--kaizoku-mobile-board-scale:.43;--kaizoku-mobile-board-trim:-367px}}
.categoryWrapper{flex-shrink:0;width:145px;height:80px;position:relative}.categorySentence{color:#fff;width:100%;font-family:var(--font-body);text-align:center;text-transform:uppercase;white-space:nowrap;pointer-events:none;font-size:12px;font-weight:700;line-height:1;position:absolute;bottom:calc(100% + 7px);left:0}.category{box-sizing:border-box;width:145px;height:80px;filter:drop-shadow(0 0 .4rem var(--darkestgray));background-color:#0000;background-image:radial-gradient(circle at 0 0,#0000 12px,#5e5e5e 13px),radial-gradient(circle at 100% 0,#0000 12px,#5e5e5e 13px),radial-gradient(circle at 0 100%,#0000 12px,#5e5e5e 13px),radial-gradient(circle at 100% 100%,#0000 12px,#5e5e5e 13px);background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:55% 55%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;justify-content:center;align-items:center;padding:14px 18px;display:flex;position:relative}.categoryTitle{color:#fff;width:120%;max-height:100%;font-family:var(--font-body);text-align:center;text-transform:uppercase;white-space:normal;word-break:keep-all;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;text-wrap:balance;font-size:15px;font-weight:700;line-height:1.05;overflow:visible}.categoryInfo{color:#8f8f8f;cursor:help;z-index:10;outline:none;justify-content:center;align-items:center;width:17px;height:17px;transition:color .12s;display:flex;position:absolute;bottom:calc(99% - 8px);right:-8px}.categoryInfo svg{width:100%;height:100%}.categoryInfo:hover,.categoryInfo:focus-visible{color:#fff}.categoryTooltip{box-sizing:border-box;color:#d8d8d8;width:220px;font-family:var(--font-body);text-align:left;text-transform:none;opacity:0;visibility:hidden;pointer-events:none;filter:drop-shadow(0 6px 10px #00000059);z-index:30;background-color:#0000;background-image:radial-gradient(circle at 0 0,#0000 7px,#202020 8px),radial-gradient(circle at 100% 0,#0000 7px,#202020 8px),radial-gradient(circle at 0 100%,#0000 7px,#202020 8px),radial-gradient(circle at 100% 100%,#0000 7px,#202020 8px);background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:55% 55%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;padding:10px 12px;font-size:12px;font-weight:400;line-height:1.4;transition:opacity .12s,visibility .12s,transform .12s;position:absolute;bottom:calc(100% + 10px);right:-8px;transform:translateY(4px)}.categoryInfo:hover .categoryTooltip,.categoryInfo:focus-visible .categoryTooltip{opacity:1;visibility:visible;transform:translateY(0)}.gameBoard>.categoryWrapper:nth-child(2),.gameBoard>.categoryWrapper:nth-child(3),.gameBoard>.categoryWrapper:nth-child(4){transform:translateY(12px)}.gameBoard>.categoryWrapper:nth-child(2) .categoryTooltip,.gameBoard>.categoryWrapper:nth-child(3) .categoryTooltip,.gameBoard>.categoryWrapper:nth-child(4) .categoryTooltip{top:calc(100% + 10px);bottom:auto}.gameBoard>.categoryWrapper:hover,.gameBoard>.categoryWrapper:focus-within{z-index:100}.gameBoard>.categoryWrapper:nth-child(5),.gameBoard>.categoryWrapper:nth-child(9),.gameBoard>.categoryWrapper:nth-child(13){transform:translate(-20px)}@media (max-width:520px){.gameBoard>.categoryWrapper{z-index:40}.gameBoard>.categoryWrapper:hover,.gameBoard>.categoryWrapper:focus-within{z-index:100}.gameBoard>.categoryWrapper:nth-child(5) .categoryTooltip,.gameBoard>.categoryWrapper:nth-child(9) .categoryTooltip,.gameBoard>.categoryWrapper:nth-child(13) .categoryTooltip{left:-4px;right:auto}}
.tile{appearance:none;cursor:pointer;width:152px;height:152px;filter:drop-shadow(0 0 .4rem var(--darkestgray));background:0 0;border:none;outline:none;margin:0;padding:0;transition:transform .15s,filter .15s;position:relative}.tileBorderStage{z-index:1;pointer-events:none;width:152px;height:152px;transform:rotate(var(--tile-border-rotation,0deg));transform-origin:50%;animation:.22s cubic-bezier(.2,.9,.3,1.2) both tileBorderAppear;position:absolute;inset:0;overflow:visible}.tileBorder{pointer-events:none;width:152px;height:152px;position:absolute;inset:0;overflow:visible}.tileGlowLayer{z-index:0;filter:drop-shadow(0 0 var(--rarity-glow-small) var(--rarity-glow)) drop-shadow(0 0 var(--rarity-glow-medium) var(--rarity-glow)) drop-shadow(0 0 var(--rarity-glow-large) var(--rarity-glow));will-change:filter;transition:none}.tileBorderFill{z-index:1}.tileBorderCurrent{opacity:1}.tileBorderPrevious{z-index:2;animation:tileBorderFadeOut var(--rarity-border-transition-duration,.35s) ease-in-out both}.tileBorderStandardShadow{filter:drop-shadow(0 4px 8px #00000080)}@keyframes tileBorderAppear{0%{opacity:0;transform:rotate(var(--tile-border-rotation,0deg)) scale(.94)}70%{opacity:1;transform:rotate(var(--tile-border-rotation,0deg)) scale(1.025)}to{opacity:1;transform:rotate(var(--tile-border-rotation,0deg)) scale(1)}}@keyframes tileBorderFadeOut{0%{opacity:1}to{opacity:0}}.tileContent{z-index:2;pointer-events:none;width:145px;height:145px;position:absolute;top:3.5px;left:3.5px}.tilePercentageBadge{z-index:4;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;min-width:46px;font-family:var(--font-heading);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:#000000b8;border-radius:6px;justify-content:center;align-items:center;padding:4px 5px;font-size:9px;font-weight:800;line-height:1;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 7px #00000073}.tilePercentageText{align-items:center;gap:2px;display:inline-flex}.tileBerryIcon{color:currentColor;flex-shrink:0;width:6px;height:11px}.tile:hover{filter:drop-shadow(0 0 1.8rem var(--darkestgray)) brightness(1.05);transform:scale(1.025)}.tile:focus{outline:none}.tile::-moz-focus-inner{border:0}@media (prefers-reduced-motion:reduce){.tile{transition:none}.tileBorderStage{animation:none}.tileBorderPrevious{display:none}}
