@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Press+Start+2P&display=swap');
*{box-sizing:border-box}html{min-height:100%;background:#17100b}body{margin:0;min-height:100vh;color:#2b1b11;background:linear-gradient(#0008,#0008),url('/minecraftjava/uploads/background.mp4'),radial-gradient(circle at 50% 20%,#66513a,#17100b 70%);font-family:'IM Fell English',Georgia,serif}
.journal-header{min-height:118px;padding:20px clamp(16px,4vw,56px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;text-align:center;background:#080b09e8;border-bottom:4px solid #111;box-shadow:0 3px #70766f}.journal-header h1{margin:6px 0 0;font:clamp(22px,4vw,42px)/1.2 'Press Start 2P',monospace;text-shadow:4px 4px #111}.journal-header span{font:10px 'Press Start 2P',monospace;letter-spacing:2px}.journal-header>a{justify-self:start}.book-label{justify-self:end;border:2px solid #777;padding:12px;background:#111b}
.minecraft-button{display:inline-block;border:3px solid #161616;outline:2px solid #aaa;padding:12px 18px;color:#fff;text-decoration:none;font:12px 'Press Start 2P',monospace;background:linear-gradient(#777,#505050);box-shadow:inset 0 2px #aaa,inset 0 -3px #333;cursor:pointer}.minecraft-button:hover{outline-color:#fff}.minecraft-button.green{display:block;margin:22px auto 0;background:linear-gradient(#6fb86a,#397f3c);outline-color:#b8e6ad}
.book-shell{padding:clamp(24px,5vw,72px) clamp(12px,4vw,60px)}.book-cover{max-width:1320px;margin:auto;padding:18px;display:grid;grid-template-columns:1fr 32px 1fr;background:#5a321c;border:8px solid #29170e;border-radius:15px;box-shadow:0 18px 50px #000c,inset 0 0 0 4px #895536}.book-spine{background:linear-gradient(90deg,#2b170d,#76462a,#2b170d);box-shadow:inset 0 0 10px #000}
.book-page{position:relative;min-height:720px;padding:clamp(28px,4vw,58px);background-color:#e9d8ae;background-image:linear-gradient(90deg,#7f5f3015 1px,transparent 1px),linear-gradient(#7f5f3010 1px,transparent 1px),radial-gradient(circle at 20% 10%,#fff8,#fff0 35%),linear-gradient(120deg,#d5bd88,#f1e4c2 48%,#dec897);background-size:24px 24px,24px 24px,auto,auto;box-shadow:inset 0 0 35px #72542766}.write-page{border-radius:6px 0 0 6px}.objectives-page{border-radius:0 6px 6px 0}.page-number{position:absolute;right:28px;bottom:14px;color:#6d5439}.eyebrow{margin:0 0 12px;font:10px 'Press Start 2P',monospace;color:#76552d;letter-spacing:1px}.book-page h2{font-size:clamp(30px,4vw,48px);line-height:1;margin:0 0 12px;font-weight:400}.ink-muted{font-size:20px;color:#66503b}
form{margin-top:28px}label{display:block;margin:17px 0 0;font:12px 'Press Start 2P',monospace;color:#4c3826}input,textarea,select{display:block;width:100%;margin-top:9px;padding:13px 14px;border:0;border-bottom:3px solid #614832;background:#fff5;color:#27180f;font:19px 'IM Fell English',Georgia,serif;outline:none}textarea{min-height:145px;resize:vertical}input:focus,textarea:focus,select:focus{background:#fff9;border-color:#26702e}.field-row{display:grid;grid-template-columns:1fr 160px;gap:18px}.form-message{min-height:24px;text-align:center;font-size:18px;color:#8b251c}
.objectives-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.ink-button,.filter-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#513a24;font:16px 'IM Fell English',Georgia,serif;cursor:pointer}.filter-tabs{display:flex;gap:18px;margin:20px 0;border-bottom:2px solid #846a4b}.filter-tabs button{padding:8px 4px}.filter-tabs button.active{border-color:#6e311c;font-weight:bold}.journal-entries{display:grid;gap:12px;max-height:520px;overflow:auto;padding-right:6px}.entry{position:relative;padding:14px 14px 14px 42px;border-bottom:1px solid #9f825a}.entry:before{content:'☐';position:absolute;left:9px;top:14px;font-size:24px}.entry.completed:before{content:'☑'}.entry.completed h3{text-decoration:line-through;color:#786c5d}.entry h3{margin:0 0 6px;font-size:25px}.entry p{margin:0 0 8px;font-size:18px;white-space:pre-wrap}.entry-meta{display:flex;gap:9px;flex-wrap:wrap;color:#765f46;font-size:14px}.priority{padding:1px 6px;border:1px solid #82613d;text-transform:uppercase}.priority.urgent{color:#9b1f14;border-color:#9b1f14}.priority.important{color:#9a6500}.entry-actions{display:flex;gap:7px;margin-top:10px}.entry-actions button{border:1px solid #6d5034;background:#dfc999;padding:5px 9px;font-family:inherit;cursor:pointer}.empty-note{text-align:center;margin-top:70px;font-size:22px;color:#766147}footer{text-align:center;padding:20px;color:#b4a58f;font:9px 'Press Start 2P',monospace;line-height:1.8}
@media(max-width:850px){.journal-header{grid-template-columns:auto 1fr}.journal-header .book-label{display:none}.journal-header h1{font-size:20px}.journal-header>a{font-size:9px;padding:10px}.book-shell{padding:18px 8px}.book-cover{display:block;padding:10px}.book-spine{height:18px}.book-page{min-height:0;padding:28px 20px}.write-page{border-radius:5px 5px 0 0}.objectives-page{border-radius:0 0 5px 5px}.field-row{grid-template-columns:1fr}.journal-entries{max-height:none}.page-number{display:none}}
.entry{cursor:pointer}.entry:hover{background:#fff3}.quest-dialog{width:min(590px,calc(100vw - 28px));padding:42px clamp(24px,5vw,54px);color:#2b1b11;border:10px solid #5a321c;outline:3px solid #28150c;background:linear-gradient(120deg,#d5bd88,#f4e8c7 52%,#d9c08d);box-shadow:0 20px 70px #000d,inset 0 0 30px #72542755;font-family:'IM Fell English',Georgia,serif}.quest-dialog::backdrop{background:#050403c7}.quest-dialog h2{margin:8px 0 18px;font-size:clamp(32px,6vw,50px);font-weight:400}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:none;color:#402719;font-size:34px;cursor:pointer}.quest-details{font-size:21px;line-height:1.5;white-space:pre-wrap}.quest-meta{padding-top:12px;border-top:1px solid #866744;color:#70563b}.quest-check{display:flex;align-items:center;gap:12px;margin-top:25px;padding:16px;border:2px solid #765838;background:#fff4;font:12px 'Press Start 2P',monospace;cursor:pointer}.quest-check input{width:25px;height:25px;margin:0;accent-color:#418646}.quest-check span{line-height:1.5}
