:root{--color-bg: #0a1710;--color-surface: #173028;--color-surface-raised: #1c3a2f;--color-surface-inner: #0f2f1e;--color-border: #2a4a37;--color-text-primary: #fbf4e2;--color-text-muted: #c9dcc7;--color-text-faint: #a9c2ab;--color-text-faintest: #7f9a83;--color-text-on-accent: #1c3324;--color-accent: #ff9f43;--color-accent-shadow: #c46f1f;--color-accent-hover: #ffb266;--color-secondary: #ffe08a;--color-secondary-shadow: #c9a13f;--color-secondary-hover: #ffe9ab;--color-danger: #ff8080;--color-success: #9be08a;--color-waiting: #e0a256;--color-disabled-bg: #3d5a48;--color-board-bg: #ede3c7;--color-board-border: #cbb887;--color-board-grid: #d9c99e;--color-tile-bg: #fbf4e2;--color-tile-border: #d8c9a0;--color-tile-shadow: #7e9738;--color-tile-valid-bg: #cde6b4;--color-tile-valid-border: #7fae57;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 24px;--radius-pill: 100px;--radius-board-tile: 8px 8px 12px 12px;--radius-rack-tile: 50% 50% 20px 20px;--text-display: 2rem;--text-heading: 1.4rem;--text-body: 1rem;--text-small: .9rem;--text-caption: .8rem;--font-display: "Grandstander", sans-serif;--font-body: "Nunito", sans-serif;--shadow-panel: 0 20px 60px rgba(0, 0, 0, .5);--shadow-card: 0 12px 30px rgba(0, 0, 0, .35);--shadow-press-sm: 0 3px 0;--shadow-press-md: 0 4px 0;--transition-fast: .12s ease;--transition-base: .2s ease;--focus-ring: 0 0 0 3px rgba(255, 159, 67, .55)}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms}}@keyframes tileDrop{0%{opacity:0;transform:translateY(-50px) scale(.4) rotate(-8deg)}70%{opacity:1;transform:translateY(4px) scale(1.08) rotate(2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes bigCallout{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-6deg)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(3deg)}75%{transform:translate(-50%,-50%) scale(.97) rotate(-1deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes resultsCallout{0%{opacity:0;transform:scale(.5) rotate(-6deg)}55%{opacity:1;transform:scale(1.12) rotate(3deg)}75%{transform:scale(.97) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes bunchSway{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@media (prefers-reduced-motion: reduce){@keyframes tileDrop{0%,to{opacity:1;transform:none}}@keyframes bigCallout{0%,to{opacity:1;transform:translate(-50%,-50%)}}@keyframes resultsCallout{0%,to{opacity:1;transform:none}}@keyframes bunchSway{0%,to{transform:none}}@keyframes sliceLand{0%,to{opacity:1}}}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text-primary)}h1,h2,h3{font-family:var(--font-display);font-weight:800;margin:0}.centered{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-8)}.panel{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8) 40px;min-width:320px;width:420px;max-width:100%;display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-panel)}.field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-small);font-weight:700;color:var(--color-text-muted)}input{padding:12px 14px;border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface-inner);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-body);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input::placeholder{color:var(--color-text-faintest)}input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring)}button{padding:14px 24px;border-radius:var(--radius-pill);border:none;background:var(--color-accent);color:var(--color-text-on-accent);font-family:var(--font-display);font-weight:800;font-size:17px;cursor:pointer;box-shadow:var(--shadow-press-md) var(--color-accent-shadow);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}button:hover:not(:disabled){background:var(--color-accent-hover)}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--color-accent-shadow)}button:focus-visible{outline:none;box-shadow:var(--focus-ring)}button:disabled{background:var(--color-disabled-bg);color:var(--color-text-muted);box-shadow:none;opacity:.7;cursor:not-allowed;transform:none}.btn-secondary{background:var(--color-secondary);box-shadow:var(--shadow-press-md) var(--color-secondary-shadow)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-hover)}.btn-secondary:active:not(:disabled){box-shadow:0 2px 0 var(--color-secondary-shadow)}.btn-tertiary{background:var(--color-accent);color:var(--color-text-on-accent);box-shadow:var(--shadow-press-md) var(--color-accent-shadow);opacity:1}.btn-tertiary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-tertiary:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--color-accent-shadow)}.join-row{display:flex;gap:var(--space-2)}.join-row input{flex:1}.error{color:var(--color-danger);font-size:var(--text-small)}.hint{color:var(--color-text-faintest);font-size:var(--text-caption)}.home-header{display:flex;align-items:center;gap:var(--space-6)}.wordmark{font-family:var(--font-display);font-weight:800;font-size:56px;line-height:1.05;color:var(--color-text-primary);text-shadow:0 5px 0 #0a1e12;-webkit-text-stroke:2px #0f2f1e;margin:0}.page-title{font-family:var(--font-display);font-weight:800;font-size:52px;color:var(--color-text-primary);text-shadow:0 4px 0 #0a1e12;-webkit-text-stroke:2px #0f2f1e;margin:0}.page-subtitle{font-family:var(--font-body);font-weight:700;font-size:var(--text-body);color:var(--color-text-muted);text-align:center;margin:0}.wordmark .accent-line{display:block;color:var(--color-secondary)}.room-code-pill{align-self:center;display:inline-flex;align-items:center;gap:var(--space-2);border:2px dashed var(--color-secondary);background:var(--color-surface-inner);border-radius:var(--radius-pill);padding:10px 24px}.room-code-pill .label{font-family:var(--font-body);font-weight:700;font-size:12px;color:var(--color-text-faint);letter-spacing:.1em}.room-code-pill .code{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:.15em;color:var(--color-secondary)}.player-grid{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.player-card{width:200px;border-radius:var(--radius-lg);background:var(--color-surface);border:2px solid var(--color-border);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-card)}.player-card.host{border-color:var(--color-secondary)}.player-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--color-text-on-accent);background:var(--color-accent)}.player-name{font-family:var(--font-body);font-weight:800;color:var(--color-text-primary)}.player-host-tag{font-size:11px;font-weight:800;color:var(--color-secondary);letter-spacing:.08em;text-transform:uppercase}.player-ready{font-size:var(--text-small);font-weight:700}.player-ready.ready{color:var(--color-success)}.player-ready.waiting{color:var(--color-waiting)}.game-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.game-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);background:var(--color-surface);padding:14px 24px;flex-wrap:wrap}.bunch-status{display:flex;align-items:center;gap:var(--space-3)}.bunch-plantain{--bunch-w: 200px;position:relative;width:var(--bunch-w);height:calc(var(--bunch-w) * 76 / 240)}.bunch-plantain-body,.bunch-plantain-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bunch-plantain-face{pointer-events:none}.bunch-plantain-segments{opacity:.26}.bunch-plantain-cut{position:absolute;top:50%;width:1px;height:1px;transform:translate(-50%,-50%);pointer-events:none}.bunch-plantain-flash{position:absolute;width:9px;border-radius:50%;background:#fffdf0;filter:blur(.4px);pointer-events:none;animation:cutFlash .32s ease-out forwards}@keyframes cutFlash{0%{opacity:.85}to{opacity:0}}.bunch-label{font-size:12px;color:var(--color-text-muted)}.slice-fly-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1200}.slice-wedge{position:fixed;left:0;top:0;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#f4e79a 0,#f4e79a 52%,#cdbf5a 53%,#cdbf5a 60%,#a8c94a 61%,#a8c94a);border:2px solid #0f2f1e;box-shadow:0 4px 10px #00000059}.slice-wedge.tile-face{background:radial-gradient(circle at 50% 45%,var(--color-tile-bg) 0 80%,var(--color-tile-border) 81% 88%,#a8c94a 89% 100%);border-color:var(--color-tile-border)}.slice-wedge-letter{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;color:var(--color-text-on-accent)}@media (prefers-reduced-motion: reduce){.bunch-plantain-flash{animation:none;opacity:0}}.opponent-pills{display:flex;gap:var(--space-2);flex-wrap:wrap}.opponent-pill{background:var(--color-surface-inner);border-radius:var(--radius-pill);padding:6px 14px;font-family:var(--font-body);font-weight:700;font-size:var(--text-small);color:var(--color-text-muted)}.game-actions{display:flex;gap:var(--space-2)}.game-actions button{padding:12px 20px;font-size:15px}.board-area{position:relative;flex:1;min-height:0;display:flex}.board-viewport{flex:1;min-height:0;position:relative;overflow:hidden;background:var(--color-bg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.board-viewport:active{cursor:grabbing}.board-world{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform;background-color:var(--color-board-bg);border:6px solid var(--color-board-border);background-image:repeating-linear-gradient(to bottom,var(--color-board-grid) 0,var(--color-board-grid) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(to right,var(--color-board-grid) 0,var(--color-board-grid) 1px,transparent 1px,transparent 40px)}.board-tile{position:absolute;display:flex;align-items:center;justify-content:center;background:var(--color-tile-bg);border:2px solid var(--color-tile-border);border-radius:8px 8px 12px 12px;color:var(--color-text-on-accent);font-family:var(--font-display);font-weight:800;font-size:18px;box-shadow:0 2px 0 var(--color-tile-shadow);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast),border-color var(--transition-fast)}.board-tile:active{cursor:grabbing}.board-tile.valid{background:var(--color-tile-valid-bg);border-color:var(--color-tile-valid-border)}.drag-ghost{position:fixed;transform:translate(-50%,-50%) rotate(-3deg);width:48px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary);border:2px solid var(--color-accent);border-radius:50% 50% 20px 20px;color:var(--color-text-on-accent);font-family:var(--font-display);font-weight:800;font-size:18px;box-shadow:0 6px 14px #00000073;pointer-events:none;z-index:1000}.callout-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:900}.game-message{margin:0;padding:var(--space-2) var(--space-6);background:var(--color-surface-inner);color:var(--color-text-primary);font-size:var(--text-small);text-align:center}.zoom-controls{position:absolute;right:var(--space-4);bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:5}.zoom-btn{width:40px;height:40px;padding:0;border-radius:50%;background:var(--color-surface-raised);border:2px solid var(--color-border);color:var(--color-text-primary);box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center}.zoom-btn:hover:not(:disabled){background:var(--color-surface-raised);border-color:var(--color-accent)}.zoom-btn:active:not(:disabled){transform:scale(.94)}.big-callout{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-weight:800;color:var(--color-accent);animation:bigCallout .9s ease-out;pointer-events:none;white-space:nowrap;z-index:10}.rack-dock{background:var(--color-surface);padding:var(--space-3) var(--space-6) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-height:84px;touch-action:none}.tray-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-surface-inner);border-radius:var(--radius-pill)}.tray-tool{padding:6px 14px;font-size:13px;border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text-muted);box-shadow:none;border:2px solid var(--color-border)}.tray-tool.active{background:var(--color-secondary);color:var(--color-text-on-accent);border-color:var(--color-secondary)}.tray-tool:hover:not(:disabled){background:var(--color-surface-raised);color:var(--color-text-primary)}.tray-tool:active:not(:disabled){transform:scale(.96)}.tray-tool:disabled{opacity:.45;background:var(--color-surface-raised);color:var(--color-text-faintest)}.tray-tool-group{display:inline-flex;align-items:center;gap:4px}.info-tooltip{position:relative;display:inline-flex}.info-tooltip-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-faint);font-family:var(--font-body);font-size:11px;font-weight:800;font-style:italic;cursor:help;-webkit-user-select:none;user-select:none}.info-tooltip-bubble{position:absolute;bottom:calc(100% + 8px);right:0;left:auto;transform:translateY(4px);width:max-content;max-width:220px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-caption);font-weight:600;line-height:1.4;text-align:left;box-shadow:var(--shadow-card);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:20}.info-tooltip:hover .info-tooltip-bubble,.info-tooltip:focus-visible .info-tooltip-bubble,.info-tooltip:focus-within .info-tooltip-bubble{opacity:1;visibility:visible;transform:translateY(0)}.tile-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-text-on-accent);font-family:var(--font-body);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0006}.tile-rack{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:10px;max-height:30vh;overflow-y:auto;overflow-x:hidden;padding:8px 10px 12px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-accent) var(--color-surface-inner)}.tile-rack::-webkit-scrollbar{width:8px}.tile-rack::-webkit-scrollbar-track{background:var(--color-surface-inner);border-radius:var(--radius-pill)}.tile-rack::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:var(--radius-pill);border:2px solid var(--color-surface-inner)}.tile-rack::-webkit-scrollbar-thumb:hover{background:var(--color-accent-hover)}.tile-chip{position:relative;width:42px;height:46px;border-radius:var(--radius-rack-tile);background:var(--color-tile-bg);border:2px solid var(--color-tile-border);color:var(--color-text-on-accent);font-family:var(--font-display);font-weight:800;font-size:16px;padding:0;flex-shrink:0;box-shadow:var(--shadow-press-md) var(--color-tile-shadow);touch-action:none;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.tile-chip.dragging{opacity:.35}.tile-chip:hover:not(:disabled):not(.selected){background:var(--color-tile-bg);transform:translateY(-2px)}.tile-chip.selected:hover:not(:disabled){transform:translateY(-2px)}.tile-chip:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--color-tile-shadow)}.tile-chip.selected{background:var(--color-secondary);border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9f4354}.tile-chip.just-drawn{animation:tileDrop .5s ease-out}.tile-chip.slice-landed{animation:sliceLand .32s ease-out}@keyframes sliceLand{0%{opacity:0}to{opacity:1}}.tile-chip.pending{visibility:hidden}.results-callout{font-family:var(--font-display);font-weight:800;font-size:88px;color:var(--color-accent);-webkit-text-stroke:5px var(--color-text-on-accent);animation:resultsCallout .9s ease-out;text-align:center;margin:0}.winner-line{font-family:var(--font-body);font-weight:800;font-size:22px;color:var(--color-text-primary);text-align:center}.journal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050c08b8;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:2000}.journal-shell{width:580px;max-width:100%;display:flex;flex-direction:column;filter:drop-shadow(0 24px 40px rgba(0,0,0,.55))}.journal{position:relative;z-index:1;max-height:78vh;display:flex;flex-direction:column;color:#3a2c12;overflow:hidden;background-color:#e4d4ad;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E"),linear-gradient(115deg,#fffaeb8c 0,#fffaeb00 32%,#96764a29 63%,#fffaeb00),radial-gradient(135% 96% at 50% 44%,#78502300 50%,#603a1657 82%,#301a089e),radial-gradient(closest-side at 5% 7%,#40220c80,#40220c00 60%),radial-gradient(closest-side at 97% 95%,#40220c75,#40220c00 55%),linear-gradient(160deg,#ece0be 0,#e0cfa4 55%,#d2bc8e);background-size:200px 200px,cover,cover,cover,cover,cover;background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='580' height='640' preserveAspectRatio='none'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.013 0.024' numOctaves='4' seed='9' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='22' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Crect x='16' y='16' width='548' height='608' rx='5' fill='%23fff' filter='url(%23r)'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='580' height='640' preserveAspectRatio='none'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.013 0.024' numOctaves='4' seed='9' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='22' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Crect x='16' y='16' width='548' height='608' rx='5' fill='%23fff' filter='url(%23r)'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.journal:before{content:"";position:absolute;left:18px;top:20px;bottom:20px;width:0;border-left:3px dotted rgba(80,52,20,.45);pointer-events:none}.journal-header{display:flex;align-items:center;justify-content:space-between;padding:30px var(--space-6) var(--space-3) 56px;border-bottom:2px dashed rgba(96,64,26,.4)}.journal-header h2{font-size:var(--text-heading);color:#3a2c12}.journal-close{width:32px;height:32px;padding:0;border-radius:50%;background:#462d12d9;color:#f2e6c8;box-shadow:none;font-size:14px}.journal-tabs{display:flex;gap:6px;padding:0 0 0 60px;margin:0 6px -16px;position:relative;z-index:0}.journal-tab{position:relative;padding:8px 18px 18px;font-size:var(--text-caption);font-family:var(--font-body);font-weight:800;color:#6a5228;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#fff3b0 0,#ffe985);box-shadow:0 -3px 5px #3c280f29;transition:background var(--transition-fast),transform var(--transition-fast),color var(--transition-fast)}.journal-tab:nth-of-type(2){background:linear-gradient(180deg,#ffd6e8 0,#ffbfd9)}.journal-tab:nth-of-type(3){background:linear-gradient(180deg,#c9f0ff 0,#a8e4ff)}button.journal-tab:hover:not(:disabled){background:linear-gradient(180deg,#fff3b0 0,#ffe985);filter:brightness(1.05);color:#4a3a1c}button.journal-tab:nth-of-type(2):hover:not(:disabled){background:linear-gradient(180deg,#ffd6e8 0,#ffbfd9)}button.journal-tab:nth-of-type(3):hover:not(:disabled){background:linear-gradient(180deg,#c9f0ff 0,#a8e4ff)}.journal-tab.active{filter:brightness(1.1);color:#33280f;transform:translateY(-3px)}.journal-page{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--space-6) var(--space-6) var(--space-6) 56px;background:transparent;color:#3a2c12}.journal-flip{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}.journal-sheet{position:relative}.length-stepper{display:flex;align-items:center;gap:var(--space-2)}.length-stepper-btn{width:26px;height:26px;padding:0;line-height:1;font-size:1rem;font-weight:800;border-radius:var(--radius-sm);background:var(--color-surface-inner);color:var(--color-text-primary);border:2px solid var(--color-border);box-shadow:none}.length-stepper-btn:hover:not(:disabled){background:var(--color-surface-raised);border-color:var(--color-accent)}.length-stepper-value{min-width:1.6em;text-align:center;font-family:var(--font-display);font-weight:800;font-size:var(--text-body);color:var(--color-text-primary)}.length-stepper .hint{font-size:var(--text-small);color:var(--color-text-muted);white-space:nowrap}.wordlist-readonly-value{margin:0 0 var(--space-2);font-weight:700;color:#33280f}@media (prefers-reduced-motion: reduce){.journal-tab{transition:none}}.journal-page .hint{color:#4a3416b8}.journal-page .field{color:#6a4a1e}.journal-page .length-stepper-btn{background:#efe4c4;color:#33280f;border-color:#b39a5e}.journal-page .length-stepper-btn:hover:not(:disabled){background:#f7eeda}.journal-page .error,.journal-footer .error,.journal-footer-note.error{color:#a3231b;font-weight:700}.journal-section h3{font-size:var(--text-small);color:#6a4a1e;margin:var(--space-4) 0 var(--space-2)}.journal-section h3:first-child{margin-top:0}.journal-readonly-note{margin:0 0 var(--space-3)}.journal-page input{background:#fffaeb99;border:2px solid rgba(120,88,40,.45);color:#2c2410}.journal-page input::placeholder{color:#4a341680}.journal-page input:focus-visible{border-color:var(--color-accent);box-shadow:var(--focus-ring)}.journal-chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.journal-chip{padding:8px 16px;font-size:var(--text-small);border-radius:var(--radius-pill);background:#fffaeb80;color:#4a3a1c;box-shadow:none;border:2px solid rgba(120,88,40,.5)}.journal-chip:hover:not(:disabled){background:#fffaebd9;color:#2c2410}.journal-chip.active{background:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent-shadow)}.journal-number{width:64px;padding:8px 10px}.journal-toggle-row{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-body);color:var(--color-text-primary);cursor:pointer}.journal-toggle-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-accent)}.journal-set-list{list-style:none;margin:0 0 var(--space-3);padding:0;display:flex;flex-direction:column;gap:6px}.journal-set-row{display:flex;align-items:center;gap:var(--space-2);padding:8px 12px;background:#fffaeb6b;border:1px solid rgba(120,88,40,.32);border-radius:var(--radius-md)}.journal-set-row input[type=checkbox],.journal-set-row input[type=radio]{width:18px;height:18px;accent-color:var(--color-accent);flex-shrink:0}.journal-set-name{flex:1;font-weight:700;color:#33280f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journal-set-count{font-size:var(--text-caption);color:#4a3416b3;flex-shrink:0}.journal-icon-btn{padding:4px 10px;min-width:0;background:transparent;box-shadow:none;border:1px solid rgba(120,88,40,.5);border-radius:var(--radius-pill);color:#5a4420;font-family:var(--font-body);font-size:12px;font-weight:800;flex-shrink:0}.journal-icon-btn:hover:not(:disabled){background:#fffaebb3;color:#2c2410}.journal-icon-btn.danger:hover:not(:disabled){color:var(--color-danger);border-color:var(--color-danger)}.journal-icon-btn:active:not(:disabled){transform:scale(.9)}.journal-preset-blurb{margin:0 0 var(--space-3)}.journal-save-preset-row{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.journal-save-preset-row input{flex:1}.journal-footer-note{padding:var(--space-1) var(--space-6) var(--space-1) 56px;margin:0;background:transparent;color:#4a3416cc}.journal-footer{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-6) var(--space-6) 56px;background:transparent;border-top:2px dashed rgba(96,64,26,.4)}.wordlist-footer{flex-direction:row;align-items:center;justify-content:space-between}.word-set-editor{display:flex;flex-direction:column;gap:var(--space-3)}.word-set-textarea{padding:12px 14px;border-radius:var(--radius-md);border:2px solid rgba(120,88,40,.45);background:#fffaeb99;color:#2c2410;font-family:var(--font-body);font-size:var(--text-body);resize:vertical}.word-set-textarea::placeholder{color:#4a341680}.word-set-textarea:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring)}.word-set-count{font-size:var(--text-small);font-weight:700;color:#6a4a1e}.word-set-count.over-limit{color:var(--color-danger)}.word-set-rejected{margin:0}.word-set-editor-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.wordlist-settings-row{display:flex;gap:var(--space-4);justify-content:center}.wordlist-control{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.wordlist-control-label{font-family:var(--font-display);font-size:var(--text-small);color:var(--color-text-primary)}.wordlist-control-box{display:flex;align-items:center;height:44px}.wordlist-control-box .dictionary-open-btn{height:44px;padding:0 20px}.pill-switch{position:relative;flex-shrink:0;width:74px;height:32px;padding:0;border-radius:var(--radius-pill);background:var(--color-surface-inner);border:2px solid var(--color-border);box-shadow:none;overflow:hidden;transition:background var(--transition-fast),border-color var(--transition-fast)}.pill-switch.on{background:var(--color-accent);border-color:var(--color-accent)}.pill-switch:hover:not(:disabled){background:var(--color-surface-inner)}.pill-switch.on:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.pill-switch-text{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--font-body);font-weight:800;font-size:10px;letter-spacing:.03em;opacity:0;transition:opacity var(--transition-fast)}.pill-switch-text-on{left:10px;color:var(--color-text-on-accent)}.pill-switch-text-off{right:10px;color:var(--color-text-muted)}.pill-switch.on .pill-switch-text-on{opacity:1}.pill-switch:not(.on) .pill-switch-text-off{opacity:1}.pill-switch-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--color-text-faint);transition:transform var(--transition-fast),background var(--transition-fast)}.pill-switch.on .pill-switch-knob{background:var(--color-text-on-accent);transform:translate(42px)}@media (prefers-reduced-motion: reduce){.pill-switch,.pill-switch-knob,.pill-switch-text{transition:none}}.dictionary-open-btn{padding:8px 16px;font-size:var(--text-small);background:var(--color-surface-raised);color:var(--color-text-primary);box-shadow:none;border:2px solid var(--color-border)}.dictionary-open-btn:hover:not(:disabled){border-color:var(--color-accent)}.dictionary-open-btn.pulse{animation:dictionaryPulse .9s ease-out}@keyframes dictionaryPulse{0%{border-color:var(--color-accent);box-shadow:0 0 0 4px #ff9f4359}to{border-color:var(--color-border);box-shadow:none}}@media (prefers-reduced-motion: reduce){.dictionary-open-btn.pulse{animation:none}}.btn-leave{padding:8px 16px;font-size:var(--text-small);background:transparent;color:var(--color-text-faint);box-shadow:none;border:2px solid var(--color-border)}.btn-leave:hover:not(:disabled){background:var(--color-surface-raised);color:var(--color-danger);border-color:var(--color-danger)}.last-peel-pill{background:var(--color-surface-inner);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:5px 14px;font-family:var(--font-body);font-weight:700;font-size:var(--text-caption);color:var(--color-text-faint);white-space:nowrap}.last-peel-pill strong{color:var(--color-secondary)}@media (min-width: 1024px){.game-topbar{padding:20px 32px;gap:var(--space-8)}.bunch-status{zoom:1.3}.opponent-pill{padding:8px 18px;font-size:1rem}.game-actions button{padding:16px 26px;font-size:17px}.rack-dock{padding:var(--space-6) var(--space-8);min-height:130px;gap:var(--space-3)}.tray-toolbar{padding:var(--space-2) var(--space-4)}.tray-tool{padding:10px 18px;font-size:15px}.tile-rack{gap:14px}.tile-chip{width:54px;height:58px;font-size:19px}.tile-count{top:-8px;right:-8px;min-width:22px;height:22px;font-size:13px}}.home-links{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.home-profile-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 16px 8px 8px;background:var(--color-surface);color:var(--color-text-primary);border:2px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:none;font-family:var(--font-body);font-weight:800;font-size:var(--text-small)}.home-profile-btn:hover:not(:disabled){background:var(--color-surface-raised)}.btn-danger{background:var(--color-danger);color:#3a1414;box-shadow:var(--shadow-press-md) #b85050}.btn-danger:hover:not(:disabled){background:#ff9a9a}.btn-danger:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #b85050}.profile-screen{justify-content:flex-start;gap:var(--space-6);padding-top:var(--space-8)}.profile-topbar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:640px;gap:var(--space-4)}.profile-topbar .btn-tertiary{padding:10px 18px;font-size:var(--text-small)}.profile-title{font-family:var(--font-display);font-size:var(--text-heading);color:var(--color-text-primary);margin:0}.profile-tabs{display:flex;gap:var(--space-1);flex-wrap:wrap;justify-content:center;background:var(--color-surface);padding:var(--space-1);border-radius:var(--radius-pill);border:2px solid var(--color-border)}.profile-tab{padding:8px 18px;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);box-shadow:none;font-size:var(--text-small)}.profile-tab:hover:not(:disabled){background:var(--color-surface-raised)}.profile-tab.active{background:var(--color-accent);color:var(--color-text-on-accent)}.profile-tab.active:hover:not(:disabled){background:var(--color-accent-hover)}.profile-content{width:100%;display:flex;justify-content:center}.profile-panel{width:560px;max-width:100%;gap:var(--space-4)}.profile-identity{display:flex;align-items:center;gap:var(--space-4)}.profile-identity-text{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.profile-name-display{font-family:var(--font-display);font-weight:800;font-size:1.3rem;color:var(--color-text-primary)}.profile-status{font-size:var(--text-caption);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.profile-status.guest{color:var(--color-waiting)}.profile-status.linked{color:var(--color-success)}.profile-section{border-top:1px solid var(--color-border);padding-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.profile-section h3{margin:0;font-family:var(--font-display);font-size:var(--text-body);color:var(--color-text-primary)}.profile-oauth-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.profile-oauth-row button{flex:1;min-width:140px;font-size:var(--text-small);padding:12px 16px}.danger-zone h3{color:var(--color-danger)}.avatar-editor{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface-inner);border-radius:var(--radius-md);padding:var(--space-3)}.avatar-slot{display:flex;flex-direction:column;gap:var(--space-1)}.avatar-slot-label{font-size:var(--text-caption);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint)}.avatar-options{display:flex;gap:var(--space-1);flex-wrap:wrap}.avatar-option{padding:6px 12px;border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text-muted);box-shadow:none;font-size:var(--text-caption);text-transform:capitalize;font-family:var(--font-body);font-weight:700}.avatar-option:hover:not(:disabled){background:var(--color-surface-inner)}.avatar-option.selected{background:var(--color-accent);color:var(--color-text-on-accent)}.avatar-option.selected:hover:not(:disabled){background:var(--color-accent-hover)}.avatar-svg{flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.stat-tile{background:var(--color-surface-inner);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);align-items:center;text-align:center}.stat-value{font-family:var(--font-display);font-weight:800;font-size:1.4rem;color:var(--color-accent);word-break:break-word}.stat-label{font-size:var(--text-caption);color:var(--color-text-faint);font-weight:700}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.achievement-tile{background:var(--color-surface-inner);border-radius:var(--radius-md);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-1);border:2px solid transparent}.achievement-tile.unlocked{border-color:var(--color-secondary)}.achievement-tile.locked{opacity:.55}.achievement-status{font-family:var(--font-body);font-weight:800;font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.06em;color:var(--color-secondary)}.achievement-tile.locked .achievement-status{color:var(--color-text-faintest)}.achievement-title{font-family:var(--font-display);font-weight:800;color:var(--color-text-primary);font-size:var(--text-small)}.achievement-desc{font-size:var(--text-caption);color:var(--color-text-faint)}.match-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.match-row{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface-inner);border-radius:var(--radius-md);padding:var(--space-3)}.match-result{font-family:var(--font-display);font-weight:800;font-size:var(--text-small);padding:4px 12px;border-radius:var(--radius-pill)}.match-result.win{background:var(--color-success);color:#14310f}.match-result.loss{background:var(--color-surface-raised);color:var(--color-text-faint)}.match-detail{display:flex;flex-direction:column;gap:2px}.match-opponents{font-weight:800;color:var(--color-text-primary)}.match-meta{font-size:var(--text-caption);color:var(--color-text-faint)}.setting-row{display:flex;flex-direction:column;gap:var(--space-2);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4)}.setting-row:last-child{border-bottom:none;padding-bottom:0}.setting-label{display:flex;flex-direction:column;gap:2px;color:var(--color-text-primary)}.segmented{display:flex;gap:var(--space-1);flex-wrap:wrap}.segmented-option{padding:8px 14px;border-radius:var(--radius-sm);background:var(--color-surface-inner);color:var(--color-text-muted);box-shadow:none;font-size:var(--text-small);border:2px solid var(--color-border);font-family:var(--font-body);font-weight:700}.segmented-option:hover:not(:disabled){background:var(--color-surface-raised)}.segmented-option.selected{background:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent)}.segmented-option.selected:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.modal-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8);width:420px;max-width:100%;display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-panel)}.modal-card h2{margin:0;font-family:var(--font-display);color:var(--color-text-primary)}.modal-actions{display:flex;gap:var(--space-2);justify-content:flex-end}:root[data-font-scale=large]{font-size:118%}:root[data-font-scale=xlarge]{font-size:135%}:root[data-contrast=high]{--color-border: #5e8f6f;--color-text-muted: #f4fbef;--color-text-faint: #e0efdb;--color-text-faintest: #c2d6c1;--color-surface: #0d241a;--color-surface-inner: #08170f;--focus-ring: 0 0 0 3px rgba(255, 255, 255, .85)}:root[data-colorblind=deuteranopia],:root[data-colorblind=protanopia]{--color-success: #56b4e9;--color-waiting: #f0e442;--color-danger: #e69f00;--color-tile-valid-bg: #bcd8f2;--color-tile-valid-border: #3d7cbf}:root[data-colorblind=tritanopia]{--color-success: #009e73;--color-waiting: #e69f00;--color-danger: #cc79a7;--color-tile-valid-bg: #b7e6d8;--color-tile-valid-border: #009e73}.results-earned{width:480px;gap:var(--space-3)}.results-earned h3{margin:0;font-family:var(--font-display);color:var(--color-text-primary)}.results-stat-row{display:flex;gap:var(--space-3)}.results-stat-row .stat-tile{flex:1}.results-achievements{display:flex;flex-direction:column;gap:var(--space-2);border-top:1px solid var(--color-border);padding-top:var(--space-3)}.results-achievements-label{font-size:var(--text-caption);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-secondary)}.results-achievement-icons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.results-achievement{background:var(--color-surface-inner);border:2px solid var(--color-secondary);border-radius:var(--radius-pill);padding:4px 12px;font-size:var(--text-small);font-weight:700;color:var(--color-text-primary)}.solo-start-btn{margin-top:var(--space-4)}.solo-setup-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.solo-setup-section h3{margin:0;font-family:var(--font-display);font-size:var(--text-body);color:var(--color-text-primary)}.toggle-group{display:flex;width:320px;max-width:100%;border-radius:var(--radius-pill);border:2px solid var(--color-border);background:var(--color-surface-inner);overflow:hidden}.toggle-group-option{flex:1;padding:12px 20px;background:transparent;color:var(--color-text-muted);box-shadow:none;border:none;border-radius:0;font-family:var(--font-body);font-weight:700;font-size:var(--text-small);border-right:2px solid var(--color-border)}.toggle-group-option:last-child{border-right:none}.toggle-group-option:hover:not(:disabled):not(.selected){background:var(--color-surface-raised)}.toggle-group-option.selected{background:var(--color-accent);color:var(--color-text-on-accent)}.toggle-group-option.selected:hover:not(:disabled){background:var(--color-accent-hover)}.elapsed-time-pill{font-family:var(--font-display);font-weight:800;font-size:var(--text-small);background:var(--color-surface-inner);border:2px solid var(--color-secondary);border-radius:var(--radius-pill);padding:6px 14px;color:var(--color-text-primary)}