:root{--craft-line:#c3a36864;--craft-gold:#f4d594;--craft-ink:#162437;--craft-space:8px}
.game-icon{display:inline-block;width:24px;height:24px;flex:0 0 24px;vertical-align:middle}.kitchen-logo{display:inline-flex;align-items:center;gap:8px;color:#f7d796}.kitchen-logo-mark{width:42px;height:42px;flex:none}.kitchen-wordmark{font-size:24px;font-weight:950;letter-spacing:2px;line-height:1.1}.kitchen-wordmark small{display:block;font-size:6px;letter-spacing:1.5px;margin-top:5px}.simple-topbar .kitchen-logo-mark{width:30px;height:30px}.simple-topbar .kitchen-wordmark{font-size:20px}.simple-topbar .kitchen-wordmark small{display:none}.player-home .hall-badge{min-width:0}.player-home .hall-badge .kitchen-wordmark{font-size:25px}.player-home .hall-wallet .game-icon{width:18px;height:18px;flex-basis:18px}
/* Combat typography and result layout are owned by battle-effects.css. */
/* A visual slot never changes card rank, target, geometry or hit area. */
[data-card-theme=copper]{--face-paper:#fff0d5;--face-edge:#b57a3d;--face-detail:#965925;background:linear-gradient(130deg,#fff5e0,#e8c994)!important;border-color:#b47b39!important}
[data-card-theme=jade]{--face-paper:#f3fff4;--face-edge:#82a99a;--face-detail:#387d72;background:linear-gradient(130deg,#fefff5,#d5e7de)!important;border-color:#85b4a2!important}
[data-card-theme=kite]{--face-paper:#fff6df;--face-edge:#bd7664;--face-detail:#a13d38;background:linear-gradient(130deg,#fff9e8,#eadbc1)!important;border-color:#be8d6a!important}
[data-card-theme]:not([data-card-theme=default]):before{content:'';position:absolute;inset:5px;border:1px solid var(--face-edge);border-radius:6px;pointer-events:none;opacity:.65}
[data-card-theme=jade]:not([data-card-theme=default]):before{border-radius:16px 4px 16px 4px}
[data-card-theme=kite]:not([data-card-theme=default]):before{clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,15% 100%,0 85%);border-radius:1px}
.cosmetic-face-emblem{display:flex;align-items:center;justify-content:center;position:absolute;inset:24%;color:var(--face-detail,#ad8b54);opacity:.6}.cosmetic-face-emblem svg{width:36px;height:36px}
[data-back-theme=copper]{background:repeating-linear-gradient(45deg,#7e482b 0 2px,#432a25 2px 9px)!important;border-color:#dfaa65!important}
[data-back-theme=jade]{background:radial-gradient(circle at 50% 50%,transparent 30%,#b5d7cc80 31% 34%,transparent 35%),#28574f!important;border-color:#b9d8c3!important}
[data-back-theme=kite]{background:repeating-linear-gradient(135deg,#752e31 0 3px,#c2a46e 3px 4px,#394f45 4px 12px)!important;border-color:#e2c99c!important}
[data-table-theme=copper]{background-image:linear-gradient(#17100b20,#17100b40),url('/ui/assets/cosmetics/copper-table.webp')!important;background-color:#332724!important;background-size:cover!important;background-position:center!important}
[data-table-theme=jade]{background-image:linear-gradient(#102f2720,#102f2730),url('/ui/assets/cosmetics/jade-table.webp')!important;background-color:#244f43!important;background-size:cover!important;background-position:center!important}
[data-table-theme=kite]{background-image:linear-gradient(#352f2620,#352f2630),url('/ui/assets/cosmetics/kite-table.webp')!important;background-color:#454b36!important;background-size:cover!important;background-position:center!important}
.cosmetic-card-preview{position:relative;display:block;width:68px;height:94px;margin:auto;border:1px solid #d4b977;border-radius:8px;color:#252b37;background:#fff4db;box-shadow:0 3px 0 #927c51;font-family:Georgia,serif;text-align:left}.cosmetic-card-preview>b{position:absolute;left:8px;top:5px;font-size:24px;line-height:1}.cosmetic-card-preview>small{position:absolute;left:9px;top:31px;font-size:14px}.cosmetic-card-preview>em{position:absolute;right:7px;bottom:5px;transform:rotate(180deg);font-style:normal;font-size:20px}.cosmetic-back:after{content:'✦';position:absolute;inset:8px;display:grid;place-items:center;border:1px solid #f4d59499;border-radius:6px;color:#f5d89c;font-size:30px}.cosmetic-table-preview{display:flex;align-items:center;justify-content:center;width:100%;height:102px;border:2px solid #c4a676;border-radius:12px;gap:3px}.cosmetic-table-preview i{width:22px;height:33px;background:#fff1d9;box-shadow:0 2px 0 #a78e60;rotate:-8deg;border-radius:3px}.cosmetic-table-preview i:last-child{rotate:8deg}.cosmetic-effect-preview{height:102px;display:grid;place-items:center;position:relative;color:#ffc975}.cosmetic-effect-preview b{font-size:38px;text-shadow:0 0 24px currentColor}.cosmetic-effect-preview i{position:absolute;width:54px;height:54px;border:1px solid currentColor;rotate:45deg;border-radius:12px}.cosmetic-effect-preview i:nth-child(2){width:75px;height:75px;opacity:.4;rotate:22deg}.cosmetic-effect-preview i:nth-child(3){width:90px;height:90px;opacity:.2;rotate:0}.cosmetic-effect-preview[data-effect-theme=jade]{color:#9cddc7}.cosmetic-effect-preview[data-effect-theme=jade] i{border-radius:50%}.cosmetic-effect-preview[data-effect-theme=kite]{color:#eeaf97}.cosmetic-effect-preview[data-effect-theme=kite] i{border-radius:0}
.table-exchange[data-effect-theme=copper][data-phase=play] .played-row{filter:drop-shadow(0 0 9px #e89c36)}.table-exchange[data-effect-theme=jade][data-phase=play] .played-row{filter:drop-shadow(0 0 8px #93d6bc)}.table-exchange[data-effect-theme=kite][data-phase=play] .played-row{filter:drop-shadow(0 0 8px #ec9999)}
.cosmetics-workshop{color:#eee5d4;font-size:13px;line-height:1.5}.cosmetics-tabs{display:flex;gap:4px;margin-bottom:16px;padding:4px;background:#101e2c;border:1px solid #b3a27844;border-radius:12px}.cosmetics-tabs button{flex:1;min-height:44px;border:0;border-radius:8px;background:transparent;color:#b9c3ce;font-weight:800}.cosmetics-tabs button[aria-selected=true]{background:#c5a46a;color:#251f18}.cosmetics-wallet{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.cosmetics-wallet b{font-size:18px;color:#f4d594}.cosmetics-wallet small{color:#9facb7}.cosmetics-theme-nav{display:flex;gap:6px;margin:12px 0}.cosmetics-theme-nav button{flex:1;min-height:44px;padding:6px;border:1px solid #ac956355;border-radius:8px;color:#e2d5b7;background:#1c2e3b;font:inherit}.cosmetics-theme-nav button[aria-pressed=true]{border-color:#e7c57e;background:#4b4437;color:#ffe4a5}.cosmetics-stage{display:flex;align-items:center;justify-content:center;min-height:150px;border:1px solid #bea67355;border-radius:12px;gap:12px;padding:12px;box-sizing:border-box}.cosmetics-stage .cosmetic-card-preview{margin:0;transform:rotate(-8deg)}.cosmetics-stage .cosmetic-card-preview:nth-child(2){transform:translateY(-6px)}.cosmetics-stage .cosmetic-card-preview:nth-child(3){transform:rotate(8deg)}.cosmetics-theme-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0 8px}.cosmetics-theme-title h3{font-size:17px;margin:0;color:#f1d39c}.cosmetics-theme-title small{font-size:11px;color:#acb7be}.cosmetics-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cosmetics-item{min-width:0;background:#101f2c;border:1px solid #afa07544;border-radius:12px;padding:12px 8px 8px;text-align:center}.cosmetics-item h4{margin:10px 0 6px;font-size:12px;color:#e9d9b9}.cosmetics-item button{display:block;width:100%;min-height:40px;border:1px solid #a58f60;border-radius:7px;background:#253545;color:#f5d79f;font-size:12px}.cosmetics-item button:disabled{opacity:.5}.cosmetics-draw{margin:16px 0;padding:16px;border:1px solid #ad915c;border-radius:12px;background:linear-gradient(120deg,#443526,#17283a)}.cosmetics-draw p{font-size:11px;color:#c9c4ba;margin:6px 0 10px}.cosmetics-draw h3{margin:0;color:#f4d594}.cosmetics-result{padding:16px;text-align:center;border:1px solid #e6c37c;border-radius:12px;margin-bottom:16px;background:#4b3c2855}.cosmetics-result p{color:#ffe0a0;font-weight:800}.cosmetics-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}.cosmetics-presets article{padding:8px 6px;border:1px solid #baa47555;border-radius:10px;background:#12212f;text-align:center;min-width:0}.cosmetics-presets input{width:100%;box-sizing:border-box;padding:6px 2px;border:0;border-bottom:1px solid #b9a27266;border-radius:0;text-align:center;background:transparent;color:#e5d8b9;font:inherit;min-height:36px}.cosmetics-presets button{font-size:11px;min-height:36px;padding:4px;width:100%;margin-top:6px}.cosmetics-slots{border:1px solid #b5a06e55;border-radius:10px;padding:8px 12px}.cosmetics-slots>summary{min-height:36px;cursor:pointer;display:flex;align-items:center;font-weight:700}.cosmetics-slot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #d5bd7c22;padding:8px 0}.cosmetics-slot select{max-width:65%;min-height:40px;color:#e8dcc6;background:#1b2d3b;border:1px solid #aa946255;border-radius:6px;padding:4px}.cosmetics-error{color:#ffd2b8;background:#59352955;border-radius:8px;padding:10px;margin:12px 0}.cosmetics-note{font-size:11px;color:#a5b4c0;margin:10px 0}.cosmetics-owned-drawer .cosmetics-stage{min-height:115px}.cosmetics-owned-drawer .cosmetic-card-preview{scale:.85}.cosmetics-apply{margin:12px 0;min-height:44px}.cosmetic-mini-swatch{width:12px;height:12px;border-radius:50%;background:#c99b5d;display:inline-block}.cosmetic-mini-swatch[data-theme=jade]{background:#8db5a6}.cosmetic-mini-swatch[data-theme=kite]{background:#cb8b83}
@media(min-width:650px){.cosmetics-items{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:350px){.cosmetics-stage{gap:8px}.cosmetics-theme-nav button{font-size:11px}.cosmetics-presets{gap:4px}.cosmetics-presets article{padding:6px 3px}.kitchen-wordmark{font-size:20px}}
@media(prefers-reduced-motion:reduce){.table-exchange .played-row{filter:none!important}}
[data-game-motion=off] .table-exchange .played-row{filter:none!important}
.cosmetics-workshop button:disabled{cursor:default;opacity:.5}.cosmetics-workshop :is(button,input,select,summary):focus-visible{outline:2px solid #f6d99f;outline-offset:3px}.cosmetics-wallet{gap:8px;flex-wrap:wrap}.cosmetics-wallet small{overflow-wrap:anywhere}.cosmetics-presets input,.cosmetics-presets button{min-height:44px}.cosmetics-presets input:focus{background:#233746;border-radius:5px}.cosmetics-theme-title h3{overflow-wrap:anywhere}.cosmetics-slots select{min-width:0}.cosmetics-note{overflow-wrap:anywhere}

.quick-phrase-grid{display:grid;grid-template-columns:1fr;gap:8px}.quick-phrase-grid button{min-height:48px;text-align:left;padding:10px 14px;font-size:13px}.quick-phrase-caption{position:fixed;z-index:25;left:50%;top:max(100px,26dvh);transform:translateX(-50%);display:flex;align-items:center;gap:8px;box-sizing:border-box;max-width:min(92vw,480px);padding:9px 14px;border:1px solid #d6b778;border-radius:20px;background:#172b3cf5;box-shadow:0 4px 18px #0005;color:#f6e5bf;font-size:12px;pointer-events:none}.quick-phrase-caption b{max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e6c27b}.quick-phrase-caption span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-menu-options .menu-row>span{display:flex;align-items:center;gap:10px}.game-menu-options .game-icon{width:20px;height:20px;flex-basis:20px}
.table-exchange[data-phase=play][data-effect-theme]:not([data-effect-theme=default]):after{content:'';position:absolute;pointer-events:none;inset:20%;border:1px solid #e9aa52;border-radius:50%;animation:cosmetic-pulse 450ms both}.table-exchange[data-phase=play][data-effect-theme=jade]:after{border-color:#aee2ce;border-width:3px;border-radius:50%;box-shadow:0 0 0 12px #b2ead022}.table-exchange[data-phase=play][data-effect-theme=kite]:after{border-color:#e9b9a6;border-radius:2px;rotate:45deg;box-shadow:8px 8px 0 #edd3a522}.table-exchange[data-phase=play][data-effect-theme=copper]:after{border-style:dashed;border-width:3px;box-shadow:0 0 14px #f4af4344}
@keyframes cosmetic-pulse{from{opacity:.8;scale:.55}to{opacity:0;scale:1.55}}
[data-game-motion=off] .table-exchange:after{display:none!important}@media(prefers-reduced-motion:reduce){.table-exchange:after{display:none!important}}

.match-time[hidden]{display:none}.cosmetics-result{animation:cosmetic-unpack 380ms cubic-bezier(.2,.8,.2,1) both}.cosmetics-result .cosmetic-card-preview{animation:cosmetic-card-reveal 500ms cubic-bezier(.2,.8,.2,1) both}@keyframes cosmetic-unpack{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes cosmetic-card-reveal{from{transform:rotateY(70deg) scale(.85)}to{transform:none}}[data-game-motion=off] .cosmetics-result,[data-game-motion=off] .cosmetics-result .cosmetic-card-preview{animation:none}@media(prefers-reduced-motion:reduce){.cosmetics-result,.cosmetics-result .cosmetic-card-preview{animation:none}}

.cosmetics-draw .cosmetics-draw-gap{font-size:12px;line-height:1.5;color:#dfcc9d;margin:8px 0 12px}