.games-launcher{background:#d5efad!important;color:#23341c!important;border-color:#d5efad!important}.games-launcher span{color:inherit!important}.creative-dock{max-height:calc(100% - 145px);overflow-y:auto;scrollbar-width:thin}.creative-dock button{flex-shrink:0}.creative-dock #creative-text>span{font:28px/1 'Shantell Sans',sans-serif}.placing-text{cursor:text!important}.text-editor{position:absolute;z-index:9;width:320px;background:#29292d;border:1px solid #55505f;border-radius:14px;padding:12px;box-shadow:0 12px 40px #0006}.text-editor[hidden],.drop-overlay[hidden]{display:none}.text-format{display:flex;gap:8px;align-items:center;margin-bottom:10px}.text-format button{width:38px;height:38px;border-radius:8px;background:#3b3941}.text-format button[aria-pressed=true]{background:#c7b5ff;color:#25202d}.text-format select{background:#3b3941;color:#fff;border:0;padding:10px;border-radius:8px}.text-format input{width:34px;height:34px;border:0;background:none}.text-editor textarea{width:100%;resize:vertical;min-height:100px;max-height:240px;padding:12px;background:#202023;border:1px solid #444049;border-radius:9px;color:#f3eff7;font:18px/1.6 'Shantell Sans',sans-serif;user-select:text}.text-actions{display:flex;gap:8px;margin-top:10px}.text-actions button{background:#3b3941;padding:10px 14px;border-radius:8px}.text-actions button[type=submit]{background:#c7b5ff;color:#292332}.text-editor p{font-size:11px;line-height:1.5;margin-bottom:0;color:#c5bdcf}.drop-overlay{position:absolute;inset:28px;z-index:12;display:grid;place-items:center;border:2px dashed #c7b5ff;border-radius:18px;background:#282330ed;color:#e5d7ff;font-size:23px;text-align:center;padding:35px;pointer-events:none}.free-text-art{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}.canvas-free-text{display:block;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4;width:100%;height:100%;overflow:hidden}.link-card-art{border-radius:14px!important;background:#f3f1e9!important;overflow:visible!important;padding:0!important}.canvas-link-card{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border-radius:14px;background:#f4f0e8;color:#252a26}.link-card-thumb{display:grid;place-items:center;height:45%;min-height:100px;background:linear-gradient(135deg,#c4d2ed,#dfc9df);overflow:hidden}.link-card-thumb img{display:block;width:100%;height:100%;object-fit:cover!important}.link-monogram{font-size:60px;letter-spacing:-6px;color:#555069}.link-card-copy{padding:20px;display:flex;flex-direction:column;gap:10px;min-height:0}.link-card-copy small{font:12px monospace;color:#676e68;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-card-copy strong{font-size:23px;line-height:1.3;overflow-wrap:anywhere}.link-card-copy>span{font-size:14px;line-height:1.6;max-height:70px;overflow:hidden}.link-card-copy em{font:12px monospace;margin-top:auto;color:#536753}.text-art-preview .canvas-free-text{padding:20px;text-align:left;min-height:120px}.text-art-preview .canvas-link-card{min-height:330px;max-width:480px;margin:auto}
#letters-dialog{width:min(880px,calc(100% - 28px));max-width:880px}.letter-workspace{display:grid;grid-template-columns:215px 1fr;gap:24px;margin-top:25px}.letter-folder{border-radius:13px;background:#302b24;border:1px solid #5b4c38;padding:12px;max-height:540px;overflow:auto}.letter-folder>button{width:100%;padding:12px;background:#e9cb98;color:#3b2c1c;border-radius:8px}.letter-folder #letter-list{margin-top:12px}.letter-folder #letter-list>button{display:grid;grid-template-columns:25px 1fr;gap:5px 7px;width:100%;padding:12px;background:transparent;text-align:left;border-radius:8px;color:#f5e8d4;border-bottom:1px solid #4a4033}.letter-folder #letter-list>button.selected{background:#494030}.letter-folder strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.letter-folder small{font-size:10px;grid-column:2;color:#bdae99;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.letter-folder p{font-size:12px;line-height:1.6;color:#cdbca6}.letter-actions{display:flex;flex-wrap:wrap;gap:8px}.letter-actions button{padding:11px 12px;border-radius:8px;background:#3a383e;font-size:12px}.letter-actions #letter-gmail{background:#e9cb98;color:#3b2c1c}.letter-actions #letter-delete{background:none;color:#bba9a5}#letter-status{font-size:12px;line-height:1.6;color:#d8c8ae}#letter-body{background:#f3efe3;color:#443c2f;font:16px/1.8 'Shantell Sans',sans-serif;padding:20px}
#games-dialog{width:min(920px,calc(100% - 28px));max-width:920px;background:#222325;border-radius:22px}.game-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:26px 0}.game-cards>button{padding:0 0 20px;border:1px solid #474749;border-radius:16px;background:#2b2c2e;display:flex;flex-direction:column;text-align:left;overflow:hidden;transition:transform .18s}.game-cards>button:hover{transform:translateY(-4px);border-color:#c3c0bd}.game-art{width:100%;height:145px;display:grid;place-items:center;font-size:65px;letter-spacing:8px}.fruit-art{background:#354735}.memory-art{background:#b9a7d4;color:#342a44}.tic-art{background:#d9b47e;color:#53412a}.game-cards strong{font-size:18px;margin:20px 17px 10px;font-weight:500}.game-cards button>span:not(.game-art){font-size:12px;line-height:1.7;color:#c0c0bd;margin:0 17px 20px}.game-cards small{font:10px/1.7 monospace;color:#b8c7a8;margin:auto 17px 0}#memory-dialog,#tic-dialog{width:min(540px,calc(100% - 24px));max-width:540px;border-radius:20px}.memory-stats,.tic-room-bar,.tic-score,.tic-actions{display:flex;gap:14px;justify-content:space-between;align-items:center;font-size:12px;margin:20px 0}.memory-stats button,.tic-room-bar button,.tic-actions button{padding:10px;border-radius:8px;background:#403a4b;min-height:44px;font-size:12px}#memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#memory-board button{aspect-ratio:1;border:1px solid #574c65;border-radius:12px;background:#3a3343;color:#9586a6;font-size:35px;transition:background .2s}#memory-board button.flipped{background:#e0caef;color:#574363}#memory-board button.matched{background:#b6cfaf;color:#31492c;opacity:.75}#memory-status,#tic-status{font-size:14px;line-height:1.7;min-height:48px;margin-top:22px;color:#ddcdec}.tic-score{background:#302c35;padding:14px;border-radius:10px}.tic-score b{font-size:24px;margin-left:7px}#tic-board{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}#tic-board button{aspect-ratio:1;background:#36323d;border:1px solid #554b60;border-radius:12px;font-size:54px;min-height:70px}#tic-board .mark-X{color:#bba4e7}#tic-board .mark-O{color:#d4ba86}#tic-board button:disabled{cursor:default}#tic-board button:not(:disabled):hover{background:#4b405b}#tic-invite{width:100%;padding:9px;color:#b8b1c0;border:1px solid #454049;border-radius:7px;background:#242127;font:11px monospace}#tic-role{font-size:12px;color:#b9a8cc}#tic-match[hidden],#tic-lobby[hidden]{display:none}#tic-lobby>button{width:100%;margin:20px 0 5px}.light-canvas .text-editor{color:#efefed}button[hidden]{display:none!important}
@media(max-width:700px){.creative-dock{flex-direction:row;max-width:calc(100% - 48px);max-height:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.creative-dock button{min-width:48px}.text-editor{width:min(320px,calc(100% - 45px))}.canvas-header-actions{justify-content:space-between}.games-launcher{font-size:11px!important}.games-launcher span{display:none}.letter-workspace{grid-template-columns:1fr;gap:16px}.letter-folder{max-height:175px}.letter-folder #letter-list{display:flex;gap:8px;overflow:auto}.letter-folder #letter-list>button{min-width:165px;border:1px solid #4a4033}.game-cards{grid-template-columns:1fr;gap:12px;margin:18px 0}.game-cards>button{display:grid;grid-template-columns:88px 1fr;column-gap:14px;padding:0 15px 0 0;min-height:126px}.game-art{grid-row:1/4;height:100%;min-height:126px;font-size:34px;letter-spacing:2px}.game-cards strong{margin:16px 0 6px;font-size:17px}.game-cards button>span:not(.game-art){margin:0 0 5px;font-size:11px}.game-cards small{margin:0 0 15px;font-size:9px}.game-cards>button:hover{transform:none}#memory-board{gap:7px}.memory-stats{gap:8px;font-size:11px}#tic-board button{font-size:43px}.drop-overlay{font-size:18px}#games-dialog .dialog-bar h2{font-size:23px}#games-dialog .dialog-bar button{font-size:11px;min-width:75px}}
@media(prefers-reduced-motion:reduce){.game-cards>button,#memory-board button{transition:none}}
/* A small palette leaves room to drop objects directly onto the board. */
#make-dialog{position:fixed;inset:108px auto auto 104px;margin:0;width:min(430px,calc(100vw - 130px));max-width:430px;max-height:calc(100dvh - 215px);padding:22px;box-shadow:0 18px 65px #0008;z-index:30}#make-dialog .dialog-bar h2{font-size:24px}#make-dialog .canvas-form-note{font-size:13px;line-height:1.65}#make-dialog .shape-tools{display:block}#make-dialog .shape-tools>.canvas-field{display:flex;align-items:center;justify-content:space-between;font-size:14px}#make-dialog #shape-colour{width:56px;height:40px}.shape-palette{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.shape-palette button{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;min-height:90px;padding:12px 6px!important;font-size:13px!important;touch-action:none;user-select:none}.shape-palette .vector-art{width:34px!important;height:34px!important;display:block;position:static;flex:none}.shape-dragging{opacity:0!important;pointer-events:none!important}.shape-drag-ghost{position:fixed;width:70px;height:70px;transform:translate(-50%,-50%);z-index:10000;pointer-events:none;filter:drop-shadow(0 4px 10px #0005)}.shape-drag-ghost[hidden]{display:none}.shape-drag-ghost svg{width:100%;height:100%}.make-dropzone{padding:16px;border:1px dashed #9b8aaa;border-radius:12px;font-size:14px!important;line-height:1.6}.make-dropzone.drag-over{background:#44394f;border-color:#e6d2ff}.make-dropzone input{font-size:12px!important;padding:8px!important}.text-format{flex-wrap:wrap}.text-format #text-font{max-width:145px;font-size:13px}.canvas-selection button{min-height:42px;font-size:13px}#resize-dialog [hidden]{display:none}.canvas-free-text{font-synthesis:style weight}
@media(max-width:700px){#make-dialog{inset:auto 12px 116px;margin:0;width:calc(100% - 24px);max-width:none;max-height:55dvh;padding:18px}.shape-palette button{min-height:80px}.shape-palette .vector-art{width:36px!important;height:36px!important}.text-editor{max-height:calc(100dvh - 220px);overflow:auto}.canvas-selection{max-width:calc(100% - 40px);overflow-x:auto;white-space:nowrap}}
.game-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.game-art{height:110px}.word-art{background:#b9d6ca;color:#29493b;font-size:58px}.player-pill{display:inline-flex;align-items:center;gap:10px;padding:7px 12px 7px 7px;margin-top:16px;border:1px solid #53505a;border-radius:99px;background:#302d35;font-size:13px}.player-avatar{display:inline-block;flex:none;width:44px;height:44px;border-radius:50%;background-image:url('game-avatars.png');background-size:300% 300%;background-position:0 0;background-color:#f6f5f3}.player-avatar[data-avatar="1"]{background-position:50% 0}.player-avatar[data-avatar="2"]{background-position:100% 0}.player-avatar[data-avatar="3"]{background-position:0 50%}.player-avatar[data-avatar="4"]{background-position:50% 50%}.player-avatar[data-avatar="5"]{background-position:100% 50%}.player-avatar[data-avatar="6"]{background-position:0 100%}.player-avatar[data-avatar="7"]{background-position:50% 100%}.player-avatar[data-avatar="8"]{background-position:100% 100%}.post-game-profile{padding:12px 16px;border:1px solid #a994bd;background:#38303f;border-radius:10px;font-size:14px;margin-top:12px}.invite-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.invite-actions button{min-height:44px;padding:10px 16px;border-radius:8px;background:#39373f;font-size:13px}#word-dialog{width:min(640px,calc(100% - 24px));max-width:640px;border-radius:22px;padding:28px}#word-dialog [hidden]{display:none!important}.word-welcome{display:flex;justify-content:center;gap:7px;margin:30px 0 24px}.word-welcome span{display:grid;place-items:center;width:57px;height:67px;background:#bad6c8;color:#304c3e;border-radius:12px;font-size:34px;box-shadow:0 5px 0 #759787;transform:rotate(-5deg)}.word-welcome span:nth-child(even){background:#e2c797;box-shadow:0 5px 0 #b39a70;transform:rotate(5deg)}.word-intro{font-size:17px;line-height:1.8;text-align:center;max-width:440px;margin:0 auto 26px;color:#c6c9c4}.word-start-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.word-start-actions button,#word-again,#word-next,#word-answer-form button,#player-form>button{background:#c2dfb4;color:#2b4226;padding:15px 18px;border-radius:10px;font-size:16px;min-height:48px}.word-start-actions #word-multi{background:#d2bee7;color:#3d2e4b}#word-join-form{display:flex;align-items:end;gap:10px;margin:24px 0 10px}#word-join-form label{margin:0;flex:1;font-size:13px}#word-join-form input{font:15px monospace;letter-spacing:2px}#word-join-form button,#word-resume{padding:13px;border:1px solid #69636f;border-radius:9px;background:#343037;min-height:48px;font-size:14px}#word-resume{width:100%;margin-top:12px}.word-players{display:flex;justify-content:space-between;gap:16px;margin:24px 0}.word-players>div{display:flex;align-items:center;gap:9px;min-width:0}.word-players strong{display:block;font-size:15px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-players small{display:block;font:11px/1.8 monospace;color:#c5bfc9}#word-opponent{text-align:right;flex-direction:row-reverse}.word-round{display:flex;justify-content:space-between;margin-top:25px;font:12px monospace;color:#c4d8bc}#word-meter{width:100%;height:6px;accent-color:#c2dfb4;margin:15px 0 7px}#word-clue{font-size:24px;font-weight:500;line-height:1.65;margin:20px 0 26px}#word-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}#word-options button{display:flex;gap:14px;align-items:center;text-align:left;min-height:64px;padding:14px;border:1px solid #5e5965;background:#302e35;border-radius:12px;font-size:17px}#word-options button:hover{border-color:#c4ddb7;background:#3c4438}#word-options button>span{font:12px monospace;color:#c4b3d0;background:#49404f;padding:7px;border-radius:5px}#word-letters{font:600 28px/1.7 monospace;letter-spacing:10px;text-align:center;overflow-wrap:anywhere;padding:20px 5px;color:#dfceef;background:#332c3d;border-radius:12px;margin-bottom:18px}#word-answer-form{display:flex;gap:10px}#word-answer{flex:1;min-width:0;background:#1e1e21;border:1px solid #686071;border-radius:10px;padding:14px;font:19px 'Shantell Sans',sans-serif;color:white}#word-feedback{padding:24px;background:#3b3133;border:1px solid #725358;border-radius:16px;margin:22px 0}#word-feedback.is-correct{background:#293b31;border-color:#55735d}#word-feedback-label{font-size:14px;color:#e6c1bd}#word-feedback.is-correct #word-feedback-label{color:#c5e4bd}#word-reveal{font-size:36px;margin:14px 0}#word-explanation{font-size:17px;line-height:1.7}#word-credit{font-size:11px;line-height:1.6;color:#b6aabe}#word-credit a,#word-review a{color:inherit;text-decoration:underline}#word-next{margin-top:12px}#word-results{text-align:center;padding:20px 0}.word-result-mark{font-size:60px;color:#d8beea}#word-result-title{font-size:28px;line-height:1.5}#word-result-score{font-size:22px;color:#c7e1bb}#word-best{font-size:13px;color:#c9bed4}.word-result-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:24px 0}.word-result-actions [data-open-profile]{border:1px solid #71637e;padding:12px;border-radius:10px;background:#3a3044;font-size:14px}#word-results details{text-align:left;border-top:1px solid #4e4754;padding-top:20px;font-size:14px}#word-review{padding-left:22px}#word-review li{padding:12px 0;border-bottom:1px solid #454049}#word-review p{line-height:1.6;color:#bbb7bf}#word-review small{font-size:10px;color:#a59aaf}#word-wait{text-align:center;padding:40px 15px}#word-wait>span{font-size:60px;color:#c2dfb4}#word-wait p{font-size:15px;line-height:1.8;color:#bbb7bf}#word-status{font-size:14px;line-height:1.6;min-height:23px;color:#d8c6e7;margin-top:20px}#word-invitation{background:#2e3430;padding:20px;border-radius:14px}#word-invitation p{font-size:16px;line-height:1.7}#word-invite{width:100%;background:#222724;color:#c7d3ca;padding:12px;border:1px solid #526055;border-radius:8px;font:12px monospace}.quiet-button{background:none;color:#b9afb4;text-decoration:underline;padding:12px 0;font-size:13px}#player-dialog{width:min(500px,calc(100% - 24px));max-width:500px;border-radius:20px}#player-form fieldset{border:0;padding:0;margin:24px 0}#player-form legend{font-size:15px;margin-bottom:14px}#player-avatars{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#player-avatars button{display:grid;place-items:center;min-height:84px;background:#312e35;border:2px solid transparent;border-radius:13px}#player-avatars button[aria-pressed=true]{border-color:#c3dcae;background:#3d4937}#player-avatars .player-avatar{width:68px;height:68px}#player-status{font-size:14px;color:#c3dcae}
@media(max-width:700px){.game-cards{grid-template-columns:1fr}.game-art{min-height:112px;height:100%}.game-cards>button{min-height:112px}#word-dialog{padding:20px}.word-welcome{gap:5px}.word-welcome span{width:42px;height:52px;font-size:27px}.word-intro{font-size:15px}.word-start-actions button{font-size:14px;padding:13px 9px}.word-players strong{font-size:13px;max-width:95px}.word-players small{font-size:9px}.word-players .player-avatar{width:34px;height:34px}#word-clue{font-size:21px}#word-options{gap:9px}#word-options button{font-size:15px;padding:11px;gap:9px}#word-letters{font-size:25px;letter-spacing:6px}#word-answer-form{flex-direction:column}.word-result-actions{flex-direction:column}#word-join-form input{width:100%}#word-join-form .canvas-field{min-width:0}.invite-actions button{flex:1;padding:10px 11px}#player-avatars button{min-height:75px}}
