/* guide-objects.css — החפצים התלת-ממדיים של המדריכים (7.10.2026).
יהודה על הכרטיס המוזהב עם המספר: "אני לא אוהב את אלה עם כפתור מוזהב שיש עליו מספר
כלשהוא — נסה לחשוב על משהו אחר". במקומו: חפץ קטן מצויר שמראה את נושא המדריך, באותו
תלת-ממד רגוע כמו שאר החפצים (גוף לבן, ברק עליון, עומק בצד, צל רך) ובלי שום טקסט.
cap כובע סיום (פטור באוניברסיטה) ptor-anglit
ruler סרגל עם סיכה ואזור זהב (הסולם) tzion-amirant
booklet חוברת בחינה עם לשוניות הפרקים mivne-hamivchan
stopwatch שעון עצר (זמן לכל שאלה) estrategia-hilal-amirnet
calendar דף לוח שנה עם יום מסומן moadim-vehareshama
signpost תמרור עם שלושה שלטים (השמות, השינוי) amir-amiram-amirant
sheet כרטיס שאלה עם ארבע אפשרויות amirant-ledugma
קובץ אחד לשני המקומות: עמודי המדריכים (מקושר ב-) והאפליקציה (src/lib/guideLook.js
מוסיף ובתוכו לפי
GOB_PARTS — אותה רשימה ב-scripts/apply_guide_v3.py וב-src/lib/guideLook.js.
הגודל ב-em: font-size על .gob קובע את כל החפץ (10px בטלפון, 12px בכותרת במחשב). */
.gob{
--gw:#fff; --gline:#DCE1EC; --gdim:#C3CBDC; --gnavy:#22336E;
--gacc:var(--topic,#FFD45C);
--gsheen:var(--obj-sheen,linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 45%));
--gdepth:var(--obj-depth,inset 0 2px 0 rgba(255,255,255,.3),inset -7px 0 0 rgba(0,0,0,.12));
position:relative;display:block;font-size:10px;direction:ltr;
/* צל אחד לכל הצללית (גם לחלקים שאינם מלבן); זז הפוך להטיה דרך --sx/--sy של guide.js */
filter:drop-shadow(var(--sx,0px) calc(var(--sy,14px) * .7) 9px rgba(11,18,44,.42));
}
.gob i{position:absolute;display:block;font-style:normal}
/* גוף לבן אחד לכל החפצים */
.gob .w{background:var(--gsheen),var(--gw);box-shadow:var(--gdepth)}
/* ── cap: כובע סיום ── */
.gob-cap{width:13em;height:10.4em}
.gob-cap .band{left:3.5em;top:3.6em;width:6em;height:3.6em;border-radius:.4em .4em 2.6em 2.6em / .4em .4em 1.5em 1.5em;
background:var(--gsheen),var(--gnavy);box-shadow:var(--gdepth)}
.gob-cap .edge,.gob-cap .board{left:2.3em;width:8.4em;height:8.4em;border-radius:.9em;transform:perspective(60em) rotateX(62deg) rotate(45deg)}
.gob-cap .edge{top:-.95em;background:var(--gdim)}
.gob-cap .board{top:-1.45em}
.gob-cap .knot{left:6.05em;top:2.3em;width:.9em;height:.62em;border-radius:50%;background:var(--gsheen),var(--gacc);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2)}
.gob-cap .cord{left:6.5em;top:2.5em;width:5.1em;height:.24em;border-radius:.2em;background:var(--gacc);transform-origin:0 50%;transform:rotate(4deg)}
.gob-cap .tassel{left:11.35em;top:2.75em;width:.26em;height:4.2em;border-radius:.2em;background:var(--gacc)}
.gob-cap .tassel + i,.gob-cap .tip{left:10.95em;top:6.2em;width:1.06em;height:2.3em;border-radius:.45em .45em .3em .3em;
background:var(--gsheen),var(--gacc);box-shadow:var(--gdepth)}
/* ── ruler: סרגל, סיכה ואזור הזהב בקצה ── */
.gob-ruler{width:15em;height:8.4em}
.gob-ruler .bar{left:0;top:3.6em;width:15em;height:4.2em;border-radius:1em;overflow:hidden}
.gob-ruler .bar::before{content:"";position:absolute;left:.9em;right:.9em;top:0;height:1.25em;
background:repeating-linear-gradient(90deg,var(--gdim) 0 .2em,transparent .2em 1.32em)}
.gob-ruler .bar::after{content:"";position:absolute;left:.9em;right:.9em;top:0;height:2em;
background:repeating-linear-gradient(90deg,#8E9AB8 0 .24em,transparent .24em 6.6em)}
.gob-ruler .zone{left:11.2em;top:6.45em;width:3.15em;height:.75em;border-radius:.4em;background:var(--gsheen),var(--gacc)}
.gob-ruler .pin{left:10.25em;top:.2em;width:2.5em;height:2.5em;border-radius:50% 50% 50% 0;transform:rotate(-45deg);
background:var(--gsheen),var(--gacc);box-shadow:var(--gdepth)}
.gob-ruler .pin::after{content:"";position:absolute;left:.78em;top:.78em;width:.94em;height:.94em;border-radius:50%;background:rgba(255,255,255,.85)}
/* ── booklet: חוברת בחינה, ובצד לשוניות של הפרקים בצבעי הפינות ── */
.gob-booklet{width:11.6em;height:12.4em}
.gob-booklet .tab{left:8.3em;width:2.6em;height:1.7em;border-radius:.5em;box-shadow:var(--gdepth)}
.gob-booklet .tab.t1{top:1.6em;background:var(--gsheen),#D6568A}
.gob-booklet .tab.t2{top:4.1em;background:var(--gsheen),#D98A1E}
.gob-booklet .tab.t3{top:6.6em;background:var(--gsheen),#A0703A}
.gob-booklet .tab.t4{top:9.1em;background:var(--gsheen),#1597B8}
.gob-booklet .back{left:1.1em;top:.9em;width:8.6em;height:11.2em;border-radius:.9em;background:#E7EBF3;box-shadow:inset -5px 0 0 rgba(0,0,0,.06)}
.gob-booklet .cover{left:0;top:0;width:8.9em;height:11.4em;border-radius:.9em}
.gob-booklet .ttl{left:1.3em;top:1.6em;width:4.4em;height:1em;border-radius:.4em;background:var(--gsheen),var(--gnavy)}
.gob-booklet .ln{left:1.3em;height:.6em;border-radius:.3em;background:var(--gline)}
.gob-booklet .ln.l1{top:4.2em;width:5.9em}
.gob-booklet .ln.l2{top:5.6em;width:5.2em}
.gob-booklet .ln.l3{top:7em;width:4em}
.gob-booklet .dot{left:1.3em;top:9.1em;width:1.1em;height:1.1em;border-radius:50%;background:var(--gsheen),var(--gacc)}
/* ── stopwatch: שעון עצר, גזרה בזהב ── */
.gob-stopwatch{width:10.4em;height:11.6em}
.gob-stopwatch .crown{left:4.1em;top:0;width:2.2em;height:1.3em;border-radius:.45em}
.gob-stopwatch .stem{left:4.75em;top:1.1em;width:.9em;height:1.1em;background:var(--gdim)}
.gob-stopwatch .side{left:8.25em;top:1.95em;width:1.5em;height:1em;border-radius:.4em;transform:rotate(45deg)}
.gob-stopwatch .face{left:.2em;top:1.6em;width:10em;height:10em;border-radius:50%}
.gob-stopwatch .ticks{left:1.2em;top:2.6em;width:8em;height:8em;border-radius:50%;
background:repeating-conic-gradient(from -2deg,#9AA6C4 0 4deg,transparent 4deg 30deg);
-webkit-mask:radial-gradient(circle,transparent 3.3em,#000 3.35em);mask:radial-gradient(circle,transparent 3.3em,#000 3.35em)}
.gob-stopwatch .sector{left:2.4em;top:3.8em;width:5.6em;height:5.6em;border-radius:50%;
background:conic-gradient(var(--gacc) 0 108deg,transparent 108deg)}
.gob-stopwatch .hand{left:5.2em;top:6.45em;width:2.9em;height:.32em;border-radius:.2em;background:var(--gnavy);transform-origin:0 50%;transform:rotate(18deg)}
.gob-stopwatch .pivot{left:4.65em;top:6.05em;width:1.1em;height:1.1em;border-radius:50%;background:var(--gnavy)}
/* ── calendar: דף לוח שנה, יום אחד מוקף בזהב ── */
.gob-calendar{width:11em;height:11.4em}
.gob-calendar .page{left:0;top:1em;width:11em;height:10.4em;border-radius:1.2em;overflow:hidden}
.gob-calendar .head{left:0;top:1em;width:11em;height:2.8em;border-radius:1.2em 1.2em 0 0;background:var(--gsheen),var(--gnavy);box-shadow:inset 0 2px 0 rgba(255,255,255,.22)}
.gob-calendar .ring{top:0;width:.95em;height:2.3em;border-radius:.5em}
.gob-calendar .ring.r1{left:2.6em}
.gob-calendar .ring.r2{left:7.45em}
.gob-calendar .days{left:1.15em;top:4.6em;width:8.9em;height:6em;
background:radial-gradient(circle,var(--gline) .44em,transparent .48em) 0 0/1.78em 1.5em}
.gob-calendar .mark{left:5.6em;top:7.15em;width:1.85em;height:1.85em;border-radius:50%;border:.26em solid var(--gacc);box-sizing:border-box;
background:rgba(255,212,92,.18)}
/* ── signpost: עמוד ושלושה שלטים, העליון בזהב ── */
.gob-signpost{width:12.6em;height:12.4em}
.gob-signpost .pole{left:5.75em;top:.4em;width:1.1em;height:12em;border-radius:.55em}
.gob-signpost .s{height:2.3em;box-shadow:var(--gdepth)}
.gob-signpost .s1{left:5.2em;top:1.2em;width:7.4em;background:var(--gsheen),var(--gacc);clip-path:polygon(0 0,82% 0,100% 50%,82% 100%,0 100%);border-radius:.4em 0 0 .4em}
.gob-signpost .s2{left:0;top:4.3em;width:7.4em;clip-path:polygon(18% 0,100% 0,100% 100%,18% 100%,0 50%);border-radius:0 .4em .4em 0}
.gob-signpost .s3{left:5.2em;top:7.4em;width:6.4em;clip-path:polygon(0 0,80% 0,100% 50%,80% 100%,0 100%);border-radius:.4em 0 0 .4em}
.gob-signpost .s2,.gob-signpost .s3{background:var(--gsheen),var(--gw)}
/* ── sheet: כרטיס שאלה, ארבע אפשרויות ואחת מסומנת ── */
.gob-sheet{width:13.4em;height:8.8em}
.gob-sheet .card{left:0;top:0;width:13.4em;height:8.8em;border-radius:1.3em}
.gob-sheet .ln{left:1.5em;height:.7em;border-radius:.35em;background:var(--gline)}
.gob-sheet .ln.l1{top:1.6em;width:10.4em}
.gob-sheet .ln.l2{top:3em;width:7em}
.gob-sheet .op{top:5.2em;width:1.9em;height:1.9em;border-radius:50%;border:.24em solid var(--gdim);box-sizing:border-box}
.gob-sheet .op.o1{left:1.5em}
.gob-sheet .op.o2{left:4.5em}
.gob-sheet .op.o3{left:7.5em;border:0;background:var(--gsheen),var(--gacc);box-shadow:inset 0 -2px 0 rgba(0,0,0,.14)}
.gob-sheet .op.o4{left:10.5em}
/* בכותרת עמוד המדריך במחשב — קצת יותר גדול */
@media (min-width:900px){ body.g3 .g3-obj .gob{font-size:12px} }