body[data-page="tjfurhc"]{background:#f8f7ef;color:#45483d}
body[data-page="tjfurhc"] .shell{max-width:1100px}
body[data-page="tjfurhc"] .workspace{max-width:none;margin:auto;background:#fffef9;border-color:#e5e5d6}
.game-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.eyebrow{margin:0 0 4px;color:#b26937;font-size:12px;letter-spacing:2px;font-weight:700}.game-heading h1{margin-bottom:6px}.game-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 14px}.game-stats div{padding:10px 8px;text-align:center;background:#f4f3e8;border:1px solid #e5e5d6;border-radius:10px}.game-stats span{display:block;color:#6e756d;font-size:12px}.game-stats strong{display:block;margin-top:3px;font-size:22px;color:#6c735b}.game-area-wrap{display:flex;justify-content:center}.game-area{position:relative;width:360px;height:620px;max-width:100%;border:5px solid #939980;border-radius:18px;background:#f0efdf;box-shadow:inset 0 0 0 2px #fffef6,0 10px 24px #78836526;overflow:hidden;touch-action:none}.game-area canvas{display:block;width:360px;height:620px;max-width:100%;background:linear-gradient(#f9f8ee,#e9ecd8)}.game-over{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;background:#343a2ca8;color:#fff;text-align:center}.game-over[hidden],.ranking-panel[hidden]{display:none}.game-over strong{font-size:32px}.game-over span{font-size:18px}.game-actions{display:flex;justify-content:center;gap:10px;margin:16px 0 4px}.game-actions button{min-width:112px}.game-message{min-height:24px;margin:0;text-align:center;color:#69736a;font-size:14px}.ranking-panel{margin-top:20px;padding:16px;border:1px solid #e5e5d6;border-radius:12px;background:#fff}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h2{margin:0;font-size:20px}.icon-button{min-width:40px;padding:6px;font-size:24px;line-height:1}.ranking-panel table{width:100%;border-collapse:collapse}.ranking-panel th,.ranking-panel td{padding:9px 8px;border-bottom:1px solid #ececdd;text-align:left}.ranking-panel th{color:#6a716a;font-size:13px}.ranking-panel td:last-child,.ranking-panel th:last-child{text-align:right}@media(max-width:600px){body[data-page="tjfurhc"] .shell{padding:16px 10px}body[data-page="tjfurhc"] .workspace{padding:18px 12px}.game-area{width:min(360px,calc(100vw - 44px));height:auto;aspect-ratio:360/620}.game-area canvas{width:100%;height:100%}.game-heading{gap:8px}.game-heading h1{font-size:28px}}
.game-account{display:grid;justify-items:end;gap:7px;min-width:90px;color:#6e756d;font-size:12px;text-align:right}.game-account #login-link[hidden]{display:none}.game-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #9da48a;border-radius:10px;background:#f2f1e3;color:#596648;font:600 14px system-ui,sans-serif;text-decoration:none;box-shadow:0 2px 0 #c9cdb5;cursor:pointer;white-space:nowrap}.game-button:hover{background:#e9ecd8}.game-button:active{transform:translateY(1px);box-shadow:0 1px 0 #c9cdb5}.game-actions .game-button{min-width:120px}.game-over .primary{width:auto;margin:0;justify-content:center}
.game-heading{display:block}.game-heading h1{margin-bottom:6px}.game-layout{margin-top:20px;display:grid;gap:18px}.game-stats{margin:0}.game-actions{margin:0}.game-actions .game-button{box-sizing:border-box;width:140px;height:48px;min-width:0;flex:0 0 140px}.game-area{box-sizing:content-box;flex-shrink:0}.game-message{margin-top:14px}
@media(min-width:800px){.game-layout{grid-template-columns:minmax(0,1fr) 370px minmax(0,1fr);align-items:start;gap:24px}.game-stats{grid-template-columns:1fr;width:140px;justify-self:end}.game-actions{display:grid;justify-content:start;gap:12px}.game-actions .game-button{width:140px}.game-area{width:360px;height:620px}.game-area canvas{width:360px;height:620px}.ranking-panel{max-width:650px;margin-inline:auto}}
@media(max-width:799px){.game-layout{grid-template-columns:minmax(0,1fr)}.game-area{width:min(360px,calc(100vw - 78px));height:auto;aspect-ratio:360/620}.game-area canvas{width:100%;height:100%}}

.game-actions{align-items:center}.game-actions #ranking,.game-actions #new-game{margin:0;overflow:visible}.game-over .primary{background:#788365}.game-heading h1{color:#5f6c50}
/* Bright sunflower palette for the game, separate from the other site sections. */
body[data-page="tjfurhc"]{background:radial-gradient(ellipse at top left,#fff2a8,transparent 65%),#fff9df;color:#51472c}
body[data-page="tjfurhc"] .workspace{background:#fffdf1;border-color:#f0d96d}
.game-heading h1{color:#79570d}
.game-stats div{background:#fff3bc;border-color:#ead36e}
.game-stats strong{color:#79570d}
.game-area{border-color:#b39338;background:#fff3bf;box-shadow:inset 0 0 0 2px #fffbea,0 10px 24px #94772d26}
.game-area canvas{background:linear-gradient(#fffce9,#ffeaa3)}
.game-button{border-color:#bb9836;background:#ffe688;color:#624713;box-shadow:0 2px 0 #d7b94f}
.game-button:hover{background:#ffdc64}.game-button:active{box-shadow:0 1px 0 #d7b94f}
.game-over .primary{background:#98731d}
.ranking-panel{border-color:#ead36e;background:#fffdf1}.ranking-panel th,.ranking-panel td{border-bottom-color:#f0e4aa}
.game-area-wrap{padding-inline:12px;touch-action:none;cursor:crosshair}
.game-actions #submit-score{margin:0}
.game-button:disabled{opacity:.6;cursor:wait}
.game-mode{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px;background:#fff9e7ed;text-align:center;color:#624713}.game-mode[hidden],.game-mode [hidden]{display:none}.game-mode>strong{font-size:24px;line-height:1.4}.game-mode .game-button{width:min(100%,280px);height:auto;min-height:48px;white-space:normal}.game-mode>span,.game-mode p{font-size:13px;line-height:1.6}.game-mode p{margin:0}.game-area:has(.game-mode:not([hidden])){touch-action:pan-y}.game-button:disabled{cursor:not-allowed}.game-mode #mode-final:empty{display:none}
@media(max-width:799px){
  .game-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;min-width:0}
  .game-actions .game-button{width:100%;min-width:0;height:44px;padding:8px 4px;font-size:clamp(11px,3.2vw,14px);flex:initial}
}
