.pencil-sharing{display:flex;flex-direction:column;gap:16px;width:100%;min-height:0;color:#30323a}
.share-top{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;font:800 20px Nunito,sans-serif}
.share-friends{display:flex;gap:8px}.share-top button{min-width:52px;min-height:52px;border:2px solid #d5c8e5;border-radius:13px;background:#fff;color:#49355e;font:900 24px Nunito,sans-serif;cursor:pointer}.share-top #collectPencils{padding:6px 14px;font-size:19px}
.share-friends button[aria-pressed=true]{background:#e8ddf4;border-color:#8666a9}.pencil-sharing button:focus-visible{outline:3px solid #2295aa;outline-offset:2px}.pencil-sharing button:disabled{cursor:default;opacity:.65}
.share-work{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;min-height:300px}
.share-stock{background:#fff4d8;border:3px solid #dcb466;border-radius:18px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:14px;touch-action:none;user-select:none;color:#514129;cursor:pointer;font:700 18px 'Source Sans 3',sans-serif}.share-stock strong{font:900 24px Nunito,sans-serif}.share-stock-art{display:grid;grid-template-columns:repeat(8,1fr);align-content:center;justify-items:center;gap:9px;width:100%;flex:1}
.share-pencil{display:inline-block;width:9px;height:36px;background:linear-gradient(90deg,#bb7890 0 28%,#edb2c1 28% 72%,#ba738b 72%);border-top:5px solid #7597a1;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);flex:none}
.share-cups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;min-height:0}.share-empty{grid-column:1/-1;grid-row:1/-1;align-self:center;text-align:center;font-size:24px}.share-friend{min-height:0;display:flex;flex-direction:column;gap:4px}.share-cup{flex:1;min-height:0;width:100%;background:#e6f4f3;border:2px solid #7bafad;border-radius:14px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#244b50;cursor:pointer;touch-action:manipulation}.share-cup-art{display:flex;justify-content:center;align-content:center;gap:3px;flex-wrap:wrap;width:100%;min-height:38px;flex:1}.share-cup-art .share-pencil{height:29px;width:7px}.share-cup strong{font:900 30px Nunito,sans-serif}.share-cup>span:last-child{font-size:17px;white-space:nowrap}.share-return{border:0;background:transparent;color:#665672;font:700 16px 'Source Sans 3',sans-serif;min-height:32px;cursor:pointer}.share-balanced .share-cup{background:#d7efdf;border-color:#438860}
.share-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.share-plan{border:2px dashed #c8bdd5;border-radius:14px;background:#f5f1f8;text-align:center;padding:8px;display:flex;flex-direction:column;justify-content:center}.share-plan strong{font:900 28px Nunito,sans-serif}.share-plan span{font-size:18px}.share-plan.revealed{background:#dff3e7;border:2px solid #81b596;color:#216340}
#gameShell.is-classroom:has(#pencilSharing) .board{padding:4px 8px;justify-content:stretch}#gameShell.is-classroom .pencil-sharing{height:100%;flex:1;gap:10px}#gameShell.is-classroom .share-work{flex:1;min-height:0}#gameShell.is-classroom .share-top{font-size:24px}#gameShell.is-classroom .share-top #collectPencils{font-size:22px}#gameShell.is-classroom .share-cup>span:last-child{font-size:20px}#gameShell.is-classroom .share-plan span{font-size:22px}
@media(max-height:700px){#gameShell.is-classroom .share-stock-art{gap:4px}#gameShell.is-classroom .share-stock-art .share-pencil{height:26px}#gameShell.is-classroom .share-work{grid-template-columns:185px minmax(0,1fr);gap:12px}#gameShell.is-classroom .share-cup-art{min-height:0}#gameShell.is-classroom .share-cup-art .share-pencil{height:22px}#gameShell.is-classroom .share-return{min-height:26px}#gameShell.is-classroom .share-stock{gap:6px;padding:8px}#gameShell.is-classroom .share-stock>span:last-child{font-size:18px}#gameShell.is-classroom .share-plan{padding:3px}#gameShell.is-classroom .share-plan span{font-size:18px}}
@media(max-width:800px) and (orientation:portrait){.share-work{grid-template-columns:150px minmax(0,1fr)}.share-cups{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr))}.share-stock-art{grid-template-columns:repeat(5,1fr)}.share-cup{flex-direction:row;gap:8px;flex-wrap:wrap}.share-cup-art{flex-basis:50%;width:auto}.share-cup>span:last-child{font-size:16px}.share-top{gap:8px}.share-plan strong{font-size:24px}.share-plan span{font-size:16px}}
@media(max-width:540px){.share-work{grid-template-columns:100px minmax(0,1fr);gap:8px;min-height:580px}.share-stock{padding:6px}.share-stock strong{font-size:19px}.share-stock-art{gap:5px}.share-plan strong{font-size:19px}.share-plan span{font-size:14px}.share-top{font-size:18px}.share-friends{gap:5px}.share-top button{min-width:44px}}

.share-cup-art svg{width:100%;height:100%;max-height:110px;min-height:0}
.pencil-sharing .share-cup:disabled,.pencil-sharing .share-stock:disabled{opacity:1}
.pencil-sharing[data-friends="5"] .share-cups{grid-template-rows:minmax(0,1fr)}
@media(max-width:800px) and (orientation:portrait){.pencil-sharing[data-friends="5"] .share-cups{grid-template-rows:repeat(3,minmax(0,1fr))}.share-cup-art svg{max-height:70px}}
@media(max-height:700px){
 #gameShell.is-classroom .share-cup{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;gap:2px 6px;padding:4px}
 #gameShell.is-classroom .share-cup-art{grid-column:1;grid-row:1/3;height:100%;min-height:0}
 #gameShell.is-classroom .share-cup-art svg{max-height:60px}
 #gameShell.is-classroom .share-cup strong{font-size:28px;line-height:1}
 #gameShell.is-classroom .share-cup>span:last-child{font-size:17px}
}
@media(min-width:621px) and (max-width:800px) and (orientation:portrait){
 .share-cups{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}
 .pencil-sharing[data-friends="5"] .share-cups{grid-template-rows:repeat(2,minmax(0,1fr))}
}

/* The action is visible before the decorative pencils, with a clear pressed state. */
.share-stock-action{display:flex;align-items:center;justify-content:center;flex:none;min-height:58px;width:100%;box-sizing:border-box;padding:8px;border-radius:12px;background:#bc496e;color:#fff;font:900 24px/1.15 Nunito,sans-serif;box-shadow:0 4px 0 #933752}
.share-stock:not(:disabled):hover{border-color:#b24a6c}
.share-stock:not(:disabled):active .share-stock-action{transform:translateY(3px);box-shadow:0 1px 0 #933752;background:#963650}
.share-stock:disabled .share-stock-action{background:#eee5d0;color:#665737;box-shadow:none;font-size:20px}
@media(max-width:800px){.share-stock-action{font-size:22px}}
@media(max-width:540px){.share-stock-action{font-size:18px}.share-stock:disabled .share-stock-action{font-size:16px}}