.harbor-board{color:#382842;padding:clamp(10px,2vw,22px);border-radius:28px;background:#e4d5c055;box-shadow:inset 0 0 30px #fff6;text-align:center}.harbor-prompt{background:#fff3d9;border:2px solid #b89c72;border-radius:20px;padding:14px 18px;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:700;line-height:1.6;margin:8px auto 20px;max-width:560px}.harbor-board button{min-width:48px;min-height:48px;padding:12px 16px;border:2px solid #967957;border-radius:18px;color:#382842;background:linear-gradient(#fff6df,#ebd5ad);box-shadow:0 4px 0 #9c825c;cursor:pointer;font:inherit}.harbor-board button:focus-visible{outline:3px solid #432959;outline-offset:4px}.harbor-board button.selected{background:#dbc5ec;border:3px solid #5b3a72}.harbor-board button:disabled{cursor:default}.harbor-tools,.harbor-numbers,.harbor-words{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:20px auto}.harbor-board>.adv-primary{display:block;margin:20px auto}.harbor-cups{display:flex;justify-content:center;gap:clamp(10px,3vw,30px);padding:20px 0}.harbor-cups button{display:flex;flex-direction:column;align-items:center;gap:14px;background:#efe0c2;min-width:0;flex:0 1 130px}.harbor-cup{display:grid;place-items:center;width:clamp(56px,13vw,95px);height:95px;border-radius:18px 18px 35px 35px;border:4px solid #746187;background:linear-gradient(100deg,#c7b0d9,#f0e3fa,#a98dc0);box-shadow:inset 0 7px 0 #fff6}.harbor-cup>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff2d9;color:#503a60;font-size:2rem}.harbor-note{line-height:1.7;background:#fff1db;border-radius:14px;padding:8px}.harbor-pond{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:25px 18px;background:radial-gradient(ellipse,#d8edf1,#9ac9d9);border:5px solid #b6a47d;border-radius:45%;min-height:150px;max-width:600px;margin:auto;box-shadow:inset 0 0 25px #6b9caf88}.harbor-ledger{list-style-position:inside;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:20px 0;padding:0}.harbor-ledger li{background:#fff2dc;padding:9px 14px;border-radius:14px}.harbor-numbers{max-width:520px}.harbor-numbers button{font-size:1.4rem;min-width:55px}.harbor-friends{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;max-width:620px;margin:20px auto}.harbor-friends>div{display:flex;flex-direction:column;align-items:center;position:relative;background:#e8dcc2;border:2px solid #b09b78;border-radius:25px;padding:14px 10px 9px;min-width:100px}.harbor-friends>div>span{display:grid;place-items:center;height:34px;width:42px;background:#fff2d6;border-radius:50%;color:#382842;font-size:1.5rem}.harbor-friends small{font-size:.9rem;margin-top:8px}.harbor-words button{flex:0 1 185px;line-height:1.6}@media(max-width:450px){.harbor-cups{gap:9px}.harbor-cups button{padding:9px 5px;font-size:.95rem}.harbor-friends{gap:9px}.harbor-friends>div{min-width:90px;padding:10px 6px}.harbor-words{gap:10px}.harbor-words button{flex:1 1 100%}.harbor-pond .illustrated-token{width:44px!important;height:44px!important}.harbor-tools button{flex:1 1 180px}}@media(prefers-reduced-motion:reduce){.harbor-board *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.harbor-cups small{font-size:.8rem;line-height:1.4;color:#382842;background:#fff3d9;border-radius:8px;padding:4px}