/* Mektup application: the board and the people lead, copy follows. */
#notification-nudge,.notification-settings{display:flex;gap:16px;padding:20px;background:#f0e8da;border:1px solid var(--rule);border-radius:6px;margin-bottom:25px;width:100%}.notification-icon{width:32px;flex-shrink:0;color:var(--wine)}.notification-icon svg{width:26px;height:26px}.notification-copy{min-width:0;flex:1}.notification-copy h2{font-size:23px;margin:0 0 7px}.notification-copy p{font-size:12px;line-height:1.8;color:var(--muted);max-width:720px}.notification-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:13px}.notification-actions .button{padding:9px 15px;min-height:40px}.notification-actions .text-link{background:none;font-size:11px}.notification-error{color:var(--wine)!important;margin-top:8px}.notification-settings{margin:0;background:#f4ede1}.notification-settings .notification-copy h2{font-size:21px}.notification-settings .notification-actions{gap:12px}@media(max-width:700px){#notification-nudge,.notification-settings{padding:16px;gap:12px}.notification-icon{width:23px}.notification-icon svg{width:23px}.notification-copy h2{font-size:22px}.notification-actions{gap:12px}.notification-actions .button{font-size:12px}}
.identity{display:inline-flex;align-items:center;justify-content:center;background:#e6dac5;color:#675343;font:22px Fraunces,Georgia,serif;letter-spacing:0}
.identity>svg{width:70%;height:70%}.identity-1,.identity-5{background:#d7dfce;color:#52634c}.identity-2,.identity-6{background:#d9e0e0;color:#475e66}.identity-3,.identity-7{background:#e6cebf;color:#7a4e42}.identity-4{background:#eee0b9;color:#95743e}.identity>img{width:100%;height:100%;object-fit:cover}
.profile-nav{display:flex;align-items:center;min-width:44px;min-height:44px;justify-content:center}.profile-nav .avatar{width:36px;height:36px;font-size:18px}.profile-nav .avatar svg{width:70%;height:70%}.site-header nav a[aria-current=page]{color:var(--wine);border-bottom:1px solid var(--wine)}
.stats>a,.daily-bar>a{display:flex;align-items:center;gap:8px}.stats>a>svg,.daily-bar>a>svg{width:18px;height:18px}.stats strong{font-weight:700}.stats a{color:var(--wine)}
.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:10px 0 28px}.welcome{display:flex;align-items:center;gap:20px;min-width:0}.welcome .avatar{width:64px;height:64px;font-size:29px}.welcome h1{font-size:48px;margin-top:10px}.welcome .eyebrow{overflow-wrap:anywhere}.daily-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.daily-bar>a{font-size:12px;color:var(--wine)}
.table-section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:24px 0}.table-section-head .tabs{margin:0;border:0}.tabs button{display:flex;align-items:center;justify-content:center;gap:9px}.tabs button>svg{width:19px;height:19px}.tabs button>span{font-size:11px;min-width:20px;padding:0 5px;border-radius:20px;background:#eae1d3}.table-section-head>small{font-size:11px}
.table-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.table-card{min-width:0;background:#fffcf5;border:1px solid var(--rule);border-radius:8px;overflow:hidden;transition:transform .15s,border-color .15s}.table-card:hover{transform:translateY(-3px);border-color:#b9987c}.table-card.your-turn{border-color:#a4aa87}.card-top{display:flex;align-items:center;gap:7px;font-size:11px;padding:13px 17px}.card-top>small{margin-left:auto;font-size:10px}.status-dot{width:6px;height:6px;flex-shrink:0;background:#b9aa96;border-radius:50%}.status-dot.ready{background:#61724c}.card-scene{position:relative;padding:18px 40px 30px;background:#eee4d3}.card-scene .board{box-shadow:0 4px 12px #352d2b0e}.card-scene .coord{display:none}.card-people{display:flex;justify-content:center;position:absolute;left:12px;right:12px;bottom:-12px}.card-people>.portrait,.card-people>.open-seat{margin:0 -3px;border:3px solid #fffcf5;border-radius:50%;background:#fffcf5}.card-people .avatar,.card-people .open-seat{width:34px;height:34px;font-size:17px}.card-people .emblem{width:15px;height:15px}.card-people .emblem svg{width:12px;height:12px}.open-seat{display:inline-grid;place-items:center;width:42px;height:42px;background:var(--paper);border:1px dashed #b7a78f;border-radius:50%;font:24px Fraunces,serif;color:#aa9071}.card-copy{padding:27px 19px 18px}.card-copy h2{font-size:26px;overflow-wrap:anywhere}.card-copy p{font-size:11px;color:var(--muted);margin:5px 0 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-bottom{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--rule);padding-top:13px;font-size:11px}.card-bottom>small{font-size:10px}.card-bottom>span{color:var(--wine)}.new-table-card{min-height:260px;border:1px dashed #cbbba6;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;color:var(--muted)}.new-table-card>span{font:45px Fraunces;color:#a88867;margin-bottom:15px}.new-table-card h2{font-size:24px;margin-bottom:10px}
.empty-table{display:grid;grid-template-columns:.85fr 1fr;gap:65px;align-items:center;padding:35px 55px 45px;background:#f0e8da;border:1px solid var(--rule);border-radius:8px}.empty-scene{position:relative;max-width:265px;transform:rotate(-3deg);margin:auto}.empty-scene .board{box-shadow:9px 9px 0 #d8cbb7}.empty-scene .coord{display:none}.empty-portrait{position:absolute;bottom:-23px;left:35%;display:flex;gap:10px;align-items:center}.empty-portrait>.portrait{border:3px solid var(--paper);border-radius:50%}.empty-table h2{font-size:36px;margin:13px 0 20px}.simple-steps{padding-left:22px;color:var(--muted);font-size:13px;margin:18px 0 25px}.simple-steps li{padding:5px 0 5px 5px}.simple-steps li::marker{color:var(--wine)}
.setup-panel{max-width:720px;margin:auto}.setup-panel .page-heading{margin-top:28px}.setup-panel fieldset,.avatar-field{border:0;padding:0;margin:26px 0}.setup-panel legend,.avatar-field legend{font-size:12px;font-weight:700;margin-bottom:13px}.choice-row{display:flex;gap:14px}.choice{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px;border:1px solid var(--rule);border-radius:6px;cursor:pointer;background:#fffcf5}.choice:has(input:checked){border-color:var(--wine);box-shadow:inset 0 0 0 1px var(--wine);background:#f4e9dd}.choice input{position:absolute;top:12px;right:12px;accent-color:var(--wine)}.choice-art{display:flex;margin-bottom:12px}.choice-art .piece{width:40px;height:40px}.choice strong{font:24px Fraunces,serif}.choice small{font-size:11px;margin-top:7px}.setup-panel select,.setup-panel input:not([type=radio]){display:block;width:100%;background:#fffcf5;border:1px solid #c8bbaa;border-radius:4px;padding:13px;margin:8px 0 15px}.table-name-label{font-size:12px;font-weight:700}.setup-panel .quiet-detail{margin-top:13px;color:var(--muted);font-size:12px}.setup-note{text-align:center;margin-top:14px;font-size:11px}
fieldset[hidden],[hidden]{display:none!important}
.slate{--light:#e3e7e5;--dark:#889b9b;background-color:#dfe4e1!important}.dusk{--light:#e9e1eb;--dark:#99899e;background-color:#e5dce5!important}.ocean{--light:#dee7e8;--dark:#7696a1;background-color:#dce5e7!important}.rose{--light:#f0e1d8;--dark:#b58b88;background-color:#ebddd4!important}.moss{--light:#e8ecd8;--dark:#84947d}.clay{--light:#f2dccb;--dark:#b98069}.mono .piece-white{fill:#fffdf4;stroke:#454342;--piece-stroke:#454342!important}.mono .piece-black{fill:#414247;stroke:#252528;--piece-stroke:#252528!important}.walnut .piece-white{fill:#fff1d4;stroke:#624334;--piece-stroke:#624334!important}.walnut .piece-black{fill:#79513c;stroke:#3a2a21;--piece-stroke:#3a2a21!important}.midnight .piece-white{fill:#f8f4e8;stroke:#495469;--piece-stroke:#495469!important}.midnight .piece-black{fill:#3d526e;stroke:#263246;--piece-stroke:#263246!important}.ink .piece{filter:grayscale(1)}
.portrait.frame{border:2px solid #aa863b;border-radius:50%;padding:2px}.portrait.sageframe{border:2px solid #748b67;border-radius:50%;padding:2px}.portrait.roseframe{border:2px solid #b57b78;border-radius:50%;padding:2px}.frame .avatar{outline:none}.portrait .emblem{background:var(--paper)}
.collection-layout{display:grid;grid-template-columns:minmax(250px,.85fr) 1.4fr;gap:45px;align-items:start}.collection-preview{position:sticky;top:25px}.collection-preview .board-frame{padding:8px 18px}.preview-label{font-size:11px;line-height:1.8;margin-top:16px;max-width:390px}.collection-balance{padding-bottom:17px;border-bottom:1px solid var(--rule)}.collection-balance>small{margin-top:12px;font-size:11px}.collection-tabs{gap:0;margin-top:14px}.collection-tabs button{flex:1;font-size:12px}.collection-layout .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.collection-item{min-width:0}.collection-item .collection-art{display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--rule);width:100%;height:128px;padding:13px;background:#eee5d5}.collection-item .collection-art:hover{border-color:var(--wine)}.collection-art .board{width:94px}.collection-art .coord{display:none}.collection-art .piece-pair{display:flex;gap:8px}.piece-pair .piece{width:55px;height:55px}.collection-item h2{font-size:22px;margin:13px 0 5px}.collection-item>small{font-size:11px}.collection-item .button{margin-top:9px;padding:8px 14px;min-height:36px;font-size:12px}.collection-layout .quiet-detail{font-size:11px;color:var(--muted);margin-top:20px}
.profile-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;max-width:950px;margin:auto;align-items:start}.profile-cover{background:#eee4d2;border:1px solid var(--rule);padding:35px 25px;text-align:center;border-radius:6px;position:sticky;top:25px}.profile-cover:before{content:'';display:block;height:45px;margin:-35px -25px 25px;background:repeating-linear-gradient(90deg,#0000 0 30px,#7963450b 30px 60px);border-bottom:1px solid #00000008}.profile-cover .avatar{width:100px;height:100px;font-size:43px}.profile-cover h1{font-size:34px;letter-spacing:-1px;margin:25px 0 8px;overflow-wrap:anywhere}.profile-cover p{font-size:12px;color:var(--muted)}.profile-cover .stats{justify-content:center;margin-top:23px}.profile-cover .stats span:last-child{flex-basis:100%;justify-content:center}.profile-settings label{display:block;font-size:12px;margin:18px 0 8px}.profile-settings input:not([type=checkbox]):not([type=radio]),.profile-settings select{width:100%;padding:12px;background:#fffcf5;border:1px solid #c8bbaa;border-radius:4px;margin-top:6px}.profile-settings input[type=file]{font-size:11px}.profile-settings #photo{padding-bottom:25px;border-bottom:1px solid var(--rule)}.profile-settings #photo>small{font-size:11px;margin-top:12px}.profile-settings input{accent-color:var(--wine)}.avatar-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.avatar-options label{position:relative;display:flex;align-items:center;flex-direction:column;border:1px solid var(--rule);border-radius:5px;padding:13px 5px 8px;margin:0;cursor:pointer}.avatar-options input{position:absolute;opacity:0;width:1px;height:1px}.avatar-options label:has(input:checked){border-color:var(--wine);background:#eee2d1}.avatar-options label:has(input:focus-visible){outline:3px solid #ae752d}.avatar-options small{font-size:10px;margin-top:7px}.profile-settings label.inline{display:flex}.setting-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:25px;padding:18px 0;border-bottom:1px solid var(--rule)}.setting-toggle small{font-size:11px;line-height:1.6;margin-top:5px}.setting-toggle input{width:20px;height:20px;flex-shrink:0}.profile-links{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:28px}.profile-links>small{font-size:11px}.profile-settings .button.full{margin-top:16px}.profile-links #logout{background:none;color:var(--muted);margin-top:8px}
.game-layout>section,.game-detail{min-width:0}.game-detail{background:#fffbf3;border:1px solid var(--rule);padding:22px;border-radius:6px}.game-detail h1{font-size:30px;letter-spacing:-1px;overflow-wrap:anywhere}.game-detail>p{font-size:12px;color:var(--muted)}.board-frame{border-radius:6px}.square{user-select:none;-webkit-user-select:none}.interactive{touch-action:none}.interactive .square{cursor:pointer;touch-action:none}.square.last{box-shadow:none;background-image:linear-gradient(#b3a44945,#b3a44945)}.square.selected{box-shadow:inset 0 0 0 4px #687443;background-image:linear-gradient(#8e9c7650,#8e9c7650)}.square.target:after{width:25%;height:25%;background:#344d4270;pointer-events:none}.square.capture:after{width:90%;height:90%;background:none;border:5px solid #344d4270}.square.in-check{background-image:radial-gradient(ellipse at center,#c04639b0 10%,#c0463960 45%,transparent 75%)}.square:focus-visible{outline-offset:-4px;z-index:1}.drag-piece{position:fixed;z-index:100;width:60px;aspect-ratio:1;pointer-events:none;transform:translate(-50%,-50%)}.drag-piece .piece{width:100%;height:100%;filter:drop-shadow(2px 6px 3px #0004)}.drag-source>.piece{opacity:.2}.pending-board .board{outline:3px solid #a18a52;outline-offset:3px}.board-help{font-size:11px;color:var(--muted);margin-top:14px;line-height:1.7}.game-detail .history{max-height:none;overflow:visible;word-spacing:normal;padding:0;border:0}.move-list{display:grid;grid-template-columns:35px 1fr 1fr;max-height:180px;overflow:auto;background:#f4ede1;border:1px solid var(--rule);border-radius:4px}.move-list>small{font-size:11px;display:grid;place-items:center;color:#9c8a77}.move-list>button{padding:8px 12px;text-align:left;background:transparent;font-size:13px}.move-list>button:hover{background:#e5d8c2}.move-list>button.current{background:#ddc9b0;color:#59352c;font-weight:700}.move-list>p{grid-column:1/-1;font-size:12px;color:var(--muted);padding:15px}.replay-controls{display:flex;justify-content:space-between;padding-top:7px}.replay-controls>button{background:none;border:1px solid transparent;border-radius:3px;font-size:16px;min-width:36px;min-height:36px}.replay-controls>button[data-review=live]{font-size:11px}.replay-controls>button:hover{border-color:var(--rule)}.promotion-picker{display:flex;justify-content:center;align-items:center;gap:8px;padding:15px;background:#f1e7d6;border:1px solid #b69a73;margin-top:12px;border-radius:6px}.promotion-picker button{padding:5px;background:#fffaf0;width:55px;height:55px;border:1px solid var(--rule);border-radius:4px}.promotion-picker .piece{width:100%;height:100%}.promotion-picker button>svg:not(.piece){width:22px;margin:auto}.player-strip .clock{background:#ede6d7;border:1px solid #d7c9af;padding:8px 10px;border-radius:4px;color:#5b4a35;white-space:nowrap}.player-strip>.portrait+.portrait{margin-left:-19px}.player-strip>div{flex:1}.player-strip>.portrait{z-index:1}.player-strip .avatar{width:37px;height:37px}.game-detail h2{font-size:21px}.vote{display:flex;align-items:center;gap:9px}.game-detail textarea{font-size:13px}.game-detail .chat p{border:0;background:#f2ebdf;padding:9px 12px;border-radius:4px;margin-bottom:8px}.game-detail .chat small{margin-bottom:3px}.game-detail .chat:empty{display:none}
.puzzle-aside{padding:25px 8px}.puzzle-board-title{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:13px}.puzzle-board-title>.piece{width:26px;height:26px}.puzzle-board-title>small{margin-left:auto;font-size:10px}.puzzle-feedback{min-height:215px;padding-bottom:20px}.feedback-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid var(--rule);border-radius:50%;background:#eee3cf;margin-bottom:20px;color:#8c7350}.feedback-icon svg{width:25px;height:25px}.puzzle-feedback h2{font-size:31px;margin:12px 0}.puzzle-feedback p{font-size:14px;line-height:1.85;color:var(--muted)}.puzzle-feedback.correct .feedback-icon{color:#506b45;background:#e2e9d5;border-color:#c1cfaa}.puzzle-feedback.correct h2{color:#4c6242}.puzzle-feedback.wrong .feedback-icon{color:#a1463a;background:#f2ddd3;border-color:#dbb5a8}.puzzle-feedback.wrong h2{color:#8a4036}.puzzle-reward{display:flex;gap:13px;border-top:1px solid var(--rule);padding-top:25px;margin-top:30px;color:var(--muted);font-size:12px}.puzzle-reward svg{width:25px;height:25px;flex-shrink:0;color:#96743a}.puzzle-aside .stats{margin:22px 0 30px}.bottom-nav a[aria-current=page]{color:var(--wine);font-weight:700}.bottom-nav a[aria-current=page]:before{content:'';height:2px;width:25px;background:var(--wine);position:absolute;top:0}
@media(max-width:1000px){.table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.empty-table{gap:35px;padding:30px}.collection-layout{gap:28px;grid-template-columns:.85fr 1.15fr}.profile-panel{gap:35px}.game-detail{padding:17px}.game-layout{grid-template-columns:minmax(0,1.35fr) minmax(250px,1fr)}}
@media(max-width:700px){.app-wrap{padding:24px 18px 45px}.welcome{gap:13px}.welcome .avatar{width:45px;height:45px;font-size:23px}.welcome .eyebrow{font-size:8px;letter-spacing:1px}.welcome h1{font-size:34px;margin-top:7px}.dashboard-heading{gap:10px;margin:0 0 22px}.dashboard-heading>.button{padding:10px 13px;font-size:11px;white-space:nowrap}.daily-bar{display:block;padding:14px 0}.daily-bar>a{margin-top:14px;padding-top:12px;border-top:1px solid var(--rule);justify-content:space-between}.stats{font-size:11px;gap:13px}.table-section-head{display:block;margin:15px 0}.table-section-head>small{margin:12px 0 0;font-size:10px}.table-section-head .tabs{gap:20px}.tabs button{font-size:12px;gap:6px}.table-grid{gap:13px}.card-scene{padding:12px 17px 24px}.card-top{font-size:9px;padding:10px;gap:5px}.card-top small{font-size:9px}.card-copy{padding:23px 12px 12px}.card-copy h2{font-size:22px}.card-copy p{font-size:10px}.card-bottom{display:block;padding-top:9px}.card-bottom>span{display:block;margin-top:5px;font-size:10px}.card-people .avatar,.card-people .open-seat{width:27px;height:27px;font-size:14px}.card-people>.portrait,.card-people>.open-seat{border-width:2px}.card-people .emblem{width:12px;height:12px}.card-people .emblem svg{width:10px;height:10px}.new-table-card{min-height:220px;padding:20px 12px}.new-table-card h2{font-size:22px}.new-table-card small{font-size:10px}.empty-table{grid-template-columns:1fr;padding:30px 24px;gap:40px}.empty-scene{width:175px}.empty-table h2{font-size:30px}.empty-table>div:last-child{max-width:340px;margin:auto}.simple-steps{font-size:12px}.empty-table .button{width:100%}.choice-row{gap:9px}.choice{padding:20px 8px 12px}.choice strong{font-size:22px}.choice small{font-size:10px}.choice-art .piece{width:31px;height:31px}.choice input{top:7px;right:7px}.setup-panel .page-heading h1{font-size:36px}.collection-layout{display:block}.collection-preview{position:static;display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:center;padding-bottom:24px}.collection-preview .board-frame{padding:4px 8px}.collection-preview .player-strip{padding:6px 0;gap:7px}.collection-preview .avatar{width:21px;height:21px;font-size:12px}.collection-preview .player-strip strong{font-size:9px}.collection-preview .player-strip small{display:none}.collection-preview .preview-label{font-size:11px;margin:0}.collection-preview .emblem{width:12px;height:12px}.collection-preview .emblem svg{width:10px;height:10px}.collection-layout .collection-grid{gap:20px 16px}.collection-art .board{width:90px}.collection-item h2{font-size:22px}.collection-tabs{gap:10px}.profile-panel{display:block}.profile-cover{position:static;padding:25px 20px;margin-bottom:25px}.profile-cover:before{height:25px;margin:-25px -20px 20px}.profile-cover .avatar{width:76px;height:76px;font-size:32px}.profile-cover h1{font-size:31px;margin-top:18px}.profile-cover .stats span:last-child{flex-basis:auto}.profile-settings label{font-size:12px}.avatar-options{gap:8px}.avatar-options label{padding:12px 4px 8px}.avatar-options .avatar{width:39px;height:39px}.game-layout{display:block}.game-detail{padding:20px;margin-top:25px}.player-strip{gap:9px}.player-strip>.portrait+.portrait{margin-left:-19px}.player-strip .avatar{width:29px;height:29px;font-size:16px}.player-strip strong{font-size:11px}.player-strip .clock{font-size:11px;padding:6px}.player-strip small{font-size:9px}.player-strip .emblem{width:14px;height:14px}.player-strip .emblem svg{width:11px;height:11px}.board-help{font-size:10px}.puzzle-aside{padding:25px 0 0}.puzzle-feedback{min-height:0;padding-bottom:10px;display:grid;grid-template-columns:42px 1fr;column-gap:14px}.puzzle-feedback .feedback-icon{grid-row:1/3;width:42px;height:42px;margin:5px 0}.puzzle-feedback h2{font-size:27px;margin:5px 0 8px}.puzzle-feedback p{font-size:13px}.puzzle-aside>#hint{margin-left:56px;margin-top:10px}.puzzle-reward{margin-top:24px;padding-top:20px}.puzzle-board-title{font-size:12px}.promotion-picker button{width:46px;height:46px}.header-end:has(.lang) .profile-nav{display:none}}
@media(max-width:370px){.table-grid{grid-template-columns:1fr}.card-scene{padding:18px 55px 25px}.card-top{font-size:11px}.card-copy h2{font-size:25px}.card-bottom{display:flex}.new-table-card{min-height:150px}.welcome h1{font-size:29px}.welcome>.portrait,.welcome>a{display:none}.collection-preview{grid-template-columns:135px 1fr}}
@media(prefers-reduced-motion:reduce){.table-card{transition:none}.table-card:hover{transform:none}}

.resign-controls{border-top:1px solid var(--line,#ded3c2);margin-top:20px;padding-top:14px}.resign-controls p{font-size:14px}.resign-controls .text-link{color:#873f3b;min-height:44px}#resign-dialog{background:#f8f3e9;color:#302923;border:1px solid #d3c3ae;border-radius:8px;padding:28px;width:min(460px,calc(100vw - 36px));box-sizing:border-box}#resign-dialog::backdrop{background:rgb(34 26 20 / .48)}#resign-dialog h2{font-size:28px;margin:0 0 16px}#resign-dialog p{line-height:1.6}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.dialog-actions .button{flex:1;min-width:130px}.push-report{font-size:13px;line-height:1.6}